뚝딱햄 탈출기

접근 방식처음에는 diffs의 최댓값을 maxLevel로 설정하고, 이를 1씩 줄여나가며 숙련도의 최솟값을 구하려 했다.즉, 완전 탐색(Brute Force)을 이용해 문제를 해결하려 했다.diffs의 최댓값을 maxLevel로 설정하려고 한 이유는 이 값 이상으로 maxLevel을 설정하면 무조건 제한 시간(limit) 내에 모든 퍼즐을 해결할 수 있기 때문이다. (추가 시간 없이 해결되기 때문)따라서 diffs의 최댓값 이상의 값을 maxLevel로 설정해야 하는데, 반환값은 숙련도의 최솟값이므로 diffs의 최댓값을 maxLevel로 설정한다.그러나 위의 방법은 최악의 경우 300억번의 연산이 필요하다.diffs[i] = 100,000, diffs.length = 300,000, limit = 1인..

지난달에 제공된 백엔드 서버를 이용해 JWT를 활용한 로그인/회원가입 + CRUD를 구현하는 개인 프로젝트를 진행했다. React-hook-form을 적용한 과정과, useForm을 추상화하는 과정에서의 트러블 슈팅을 기록하려 한다.React-hook-form이란?폼 유효성 검사와 상태 관리를 처리할 수 있게 도와주는 라이브러리이다.처음 사용해봤는데 왜 이제 사용해봤나 싶을 정도로 편리했고, 친절하게 작성된 공식 문서와 많은 레퍼런스 덕에 쉽게 익힐 수 있었다!어디에 적용했냐면...내 프로젝트에는 총 네 개의 폼이 쓰였다.로그인회원가입글 생성글 수정각 폼에 react-hook-form을 적용한 방식과, 버튼만 다른 3) 글 생성 4) 글 수정 폼을 공통 컴포넌트화한 과정을 작성하겠다.1) 로그인UI를 먼..

📌 프로젝트 가이드라인요구 사항1. 하나의 SinglePage에 Intersection Observer API를 이용해 무한스크롤을 구현하세요.2. 로딩 시 로딩 UI가 보여아 합니다.3. 현재 가져온 상품 리스트들의 액수들의 합계를 화면에 보여주세요. (ex. 현재 20개의 상품을 가져온 상태라면 20개 물품의 가격 총 합을 보여줄 것)유의 사항1. 무한스크롤 관련 라이브러리 사용 금지2. 비동기 상태 관리 라이브러리 사용 금지 (tanstack-query 등)제공된 mock data와 호출용 promise 함수const MOCK_DATA: MockData[] = [ { productId: "66e1c1df3594bb65169e0f9b", productName: "Elegant Grani..