22.12.01_TIL

📗 오늘 한 일

알고리즘 문제풀이 (리트코드 3문제)

• [easy] Reverse Bits
  • 주어진 정수를 가지고 이진법으로 변경하여 거꾸로 된 값을 찾아서 32bit 정수로 반환하는 문제이다.
    비트 관련 문제는 프로그래머스, 백준에서는 거의 보지 못한 문제였어서 split, reverse, join 등과 같은 메서드를 사용해서 풀으려 했으나 실패했고, 찾아 본 결과 비트연산자를 사용해서 풀어야하는 문제였다...
• [easy] Number of 1 Bits
  • 부호가 없는 0과 1로 이루저진 정수를 받아서 비트 1의 개수를 출력하는 문제이다.
    처음엔 단순하게 filter를 사용해서 해결하려 했으나 들어오는 수가 정수였고 0으로 시작하는 비트 정수가 존재했기에 toString으로 2진수로 변환하고, split으로 나눈다음 filter로 1인 비트를 찾아서 갯수를 찾아냈다.
• [easy] Happy Number
  • 입력 받은 정수를 한 자리씩 끊어서 2제곱한 값들을 더한 값이 1이 될때까지 반복하여 1이라면 true를 반환하고 이전에 나왔던 정수라면 false를 반환하는 문제이다.
    while문으로 2제곱한 값들을 더한 값이 1인지 확인하고 1이 아니라면 stack 배열에 추가해주고 더한 값이 stack에 있다면 false를 반환해주고 1이라면 true를 반환하는 식으로 구성했다. 

Next.js 학습 (Udemy)

• Link 사용하기
• 동적 Route로 네비게이팅하기
• Link href 설정하는 방법 2가지
• 프로그래밍 방식으로 네비게이팅 하기
• 커스텀 404 페이지 추가하기

면접준비

부트캠프 동기분이 받았던 질문들을 토대로 학습하지 않았던 부분에 대해서 학습했다.

• useCallback이나 useMemo을 사용하기 좋은 시점을 설명해주세요
• useEffect로 컴포넌트 언마운트 구현할 때 어떻게 구현할건지 설명해주세요
• 커스텀 훅의 장점은 무엇인가요
• useLayoutEffect에 대해서 설명해주세요

✍ Diary

next를 학습했을 때 React Route Dom을 사용할 때의 Link와 next의 Link를 사용할 때 주의해야한다. 둘의 기능은 언뜻보면 비슷해보이지만 자세히 봤을 때는 to와 href등으로 갈리는 형식이기 때문이다.

404에러 페이지가 어디서 나오는지 궁금했었는데 기본적으로 npx create-next-app을 할 때 만들어지고 사이트 별로 404페이지를 나타내기 위해서는 pages 폴더에 404.js 파일을 생성해서 자신만의 커스텀 페이지를 만들 수 있었다.

next는 사실 어려워 보이지만 React를 충분히 학습하고 넘어온 나로써는 조금은 쉽게 배우고 있는 듯한 느낌이다. (물론 깊게가면 더 어려워 질지도...?)

부트캠프 동기분이 면접에서 나왔던 질문들을 말씀해주셨다. (감사합니다!!)
덕분에 준비했던 면접리스트에 있던 내용들이 대부분이었지만 새롭게 준비해야할 내용들이 보여서 조금 더 추가해서 정리했다.