22.11.23_TIL

📗 오늘 한 일

리트코드 문제풀이 (3문제)

백준과 리트코드 중에 많은 고민을 했다. 백준은 한글이고 한국에서 알고리즘 연습으로 많이 사용되는 사이트이다.
하지만, Javascript로 풀때 입력값을 받아오는 것을 계속 모듈로 작업해야하고, 이미 많은 문제를 풀었어서 리트코드로 선택을 했다.

• [easy] Two Sum
  • 배열에 있는 정수 2개의 합이 target과 맞는 정수의 인덱스 번호를 출력하는 문제
• [easy] Palindrome Number
  • 정수를 반대로 돌렸을 때 같은지 판별하는 문제 (121 => true, 122 => false)
• [easy] Roman to Integer
  • 로마문자에 정수를 할당해서 계산하는 문제 (I V 같은 경우도 판별해야함)

면접준비

개발의 정석이라는 어플에 나오는 질문 리스트와 동기분들이 받은 질문리스트대로 학습중이다.

• Bable에 대해 설명해주세요?
• webpack에 대해 설명해주세요?
• use strict란 무엇이며 장단점은 무엇인가요?
• Promise가 무엇인가요?
• async / awati가 무엇인가요?
• Typescript를 학습하고 계시다고 하는데 사용하는 이유는 무엇인가요?
• Typescript의 장점은 무엇인가요?
• Next.js를 학습하시는 이유는 무엇인가요?
• Next.js는 무엇인가요?
• SSR과 CSR의 방식에 대해서 설명해주시고 차이점을 알려주세요.

Next.js 학습

• 파일 기반 라우팅
  • 라우팅: 사용자에게 여러 개의 페이지가 있는 것처럼 보여주는 것이다. 리액트에서는 React Route를 사용하며, URL에 따라 보여주는 Component를 달라진다.
  • Next.js에서는 위와 같은 Route 설정을 해주지 않아도 된다. pages라는 폴더가 있어야 하며 라우트와 경로를 지정하는 폴더를 구조화 해주면 된다.
  • 이를 통해서 추가적인 코드를 작성하지 않아도 되서 코드가 짧아져 작업속도를 올릴 수 있다.
• 프로젝트 생성
  • NodeJS 설치
  • Next app 생성
    추가 라이브러리 설치 승인 → 프로젝트명 입력

npx create-next-app

• 폴더 분석
  • pages - 파일 기반의 라우팅을 설정해주는 폴더이다.
  • public - 공공 리소스인 이미지 파일 등을 포함하고 있따. CRA로 생성한 React앱의 내에는 index.html 파일이 있지만 NextJS 앱에는 없다. 내장된 사전 렌더링이 포함되기 때문이다.
  • styles - 스타일에 대한 폴더

나만의 포트폴리오 사이트 (22.11.21 ~ ing)

• Home 화면 PC 디자인

✍ Diary

금요일날 있을 테스트를 위해서 알고리즘 문제를 조금 더 많이 풀어야겠다.

면접준비를 하면 할 수록 내가 답변할 수 있는 것이 꽤 많다는 것을 느끼고 있다. 초반엔 CS에 대해서 준비를 진행했고 최근엔 프론트엔드 전반에 대한 내용을 준비하고 있다.

Next는 학습을 할 때마다 매력적인 요소가 가득하다. 사용할 때 잘 구분을 하면서 사용해야 하고 실시간으로 사용자가 깜빡거리는 화면과 같은 것을 보지 않도록 할 수 있다는 것이 가장 좋았다.

오늘은 하루종일 옆에 재개발 하는 곳에서 벽을 부수는 소리가 났다... 창문을 3개나 닫아도 뚫고 소리가 들려온다. 내일도 만약 이렇게 된다면 집과는 조금 떨어진 곳에 있는 조용한 도서관에서 면접 준비를 하고 와야겠다..