본문 바로가기

전체 글312

[프로그래머스][LEVEL2] 양궁대회 # 문제 원문 https://programmers.co.kr/learn/courses/30/lessons/92342 코딩테스트 연습 - 양궁대회 문제 설명 카카오배 양궁대회가 열렸습니다. 라이언은 저번 카카오배 양궁대회 우승자이고 이번 대회에도 결승전까지 올라왔습니다. 결승전 상대는 어피치입니다. 카카오배 양궁대회 운영위원 programmers.co.kr 카카오배 양궁대회가 열렸습니다. 라이언은 저번 카카오배 양궁대회 우승자이고 이번 대회에도 결승전까지 올라왔습니다. 결승전 상대는 어피치입니다. 카카오배 양궁대회 운영위원회는 한 선수의 연속 우승보다는 다양한 선수들이 양궁대회에서 우승하기를 원합니다. 따라서, 양궁대회 운영위원회는 결승전 규칙을 전 대회 우승자인 라이언에게 불리하게 다음과 같이 정했습니다.. 2022. 1. 22.
[프론트 엔드] 주소,Map,Local API 차이 간단 정리 웹 사이트를 개발하다 보면 주소와 관련된 작업은 거의 기본적으로 들어간다. 간단한 마크업 문서가 아닌 이상은 배송이나 우편 관련해서 주소 정보가 필수적으로 필요하기 때문이고 해당 데이터를 사용자 개개인이 다 기억하고 있는 경우는 드물기 때문이다. (나는 솔직히 전화번호도 안 외우고 다니는 편이라 주소는 당연히 기억 못 한다.) 기존의 경우 무료 서비스인 kakao(Daum) 우편번호(postcode) 서비스를 이용해왔다. 개인적으로 단순히 주소가 필요한 것이라면 한국에서 이것 이상의 오픈 API를 찾을 수 없을 거라 본다. 또 개인적으로는 해당 API를 조금 더 쉽게 쓰기 위해서 플러그인 형식의 NPM 패키지인 react-daumpost-hook를 배포해본 경험이 있어서 모든 부분을 세세하게 알지는 못해.. 2022. 1. 21.
[리액트][함수] 컴포넌트 컨텍스트 & 사이드 이펙트 컨텍스트 컴포넌트 컨텍스트는 각 렌더링 마다 고유한 컨텍스트(스코프)를 가진다. 이걸 어렵게 생각 하지말자 for(let int = 0; int < n; int++){ 컨텍스트(scope)} 에서 매 반복마다 int가 각각 다른 값인 것과 같다. 1.useEffect 훅의 경우 미래는 모르겠지만, 현재는 리액트 컴포넌트 사이클 외부에 해당한다. 그래서 내부에서 리액트 훅을 사용 할 수 없다. 내부 컨텍스트를 최신화 하기 위해서 [deps]로 변경 되는 모든 변수를 넣어주자. 또 클린업 함수를 신경쓰자. 2. useRef를 통해서도 가능하지만 사이드 이펙트 수준을 넘어서 비제어화 하니 최대한 안쓰는게 좋다. 3. useCallback을 적절히 사용하자. 4. useMemo로 최적화 해야 할 상황이 왔다면 코드를 잘.. 2022. 1. 21.
[프로그래머스][LEVEL2] 주차 요금 계산 # 문제 원문 주차장의 요금표와 차량이 들어오고(입차) 나간(출차) 기록이 주어졌을 때, 차량별로 주차 요금을 계산하려고 합니다. 아래는 하나의 예시를 나타냅니다. 요금표 기본 시간(분)기본 요금(원)단위 시간(분)단위 요금(원) 180 5000 10 600 입/출차 기록 시각(시:분)차량 번호내역 05:34 5961 입차 06:00 0000 입차 06:34 0000 출차 07:59 5961 출차 07:59 0148 입차 18:59 0000 입차 19:09 0148 출차 22:59 5961 입차 23:00 5961 출차 자동차별 주차 요금 차량 번호누적 주차 시간(분)주차 요금(원) 0000 34 + 300 = 334 5000 + ⌈(334 - 180) / 10⌉ x 600 = 14600 0148 670.. 2022. 1. 18.

티스토리툴바