22.11.22_TIL

📗 오늘 한 일

Javascript 알고리즘 문제풀이

• 프로그래머스 문제
  • [level2] 구명보트
    • 단순하게 완전탐색으로 푸는 문제였지만 효율성이 걸렸다. 내림차순으로 할 경우 성공이 되지만 오름차순으로 할 경우 실패한다. 이유는 나의 로직 문제였다. 내 로직은 내림차순으로 할 경우만 성공할 수 있는 코드였기 때문이다.
  • [level2] N개의 최소공배수
    • 최소공배수를 찾는 문제는 너무 많이 풀어봤던 것 같다.
      최대공약수를 유클리드 호제법을 통해서 찾으면 최소공배수를 풀 수 있다.
  • [level1]기사단원
    • level1문제 였지만 위의 level2문제들보다 생각해야 할 것이 많았던 문제 같다.
      약수의 개수를 구해서 조건에 맞게 총 합을 계산하는 간단한 문제인줄 알고 처음에 접근했으나 시간까지 고려해야 했다.
      그렇기 때문에 약수의 개수를 구하는 것을 반으로 나눠보았는데 처음에 시간초과는 나지 않고 통과가 됐지만 8000ms라는 엄청난 시간이 나왔다. 이것은 시간이 많이 걸린 코드이기 때문에 어떻게 더 줄일 수 있을지 잠깐 생각했다.
      Math.sqrt로 제곱근까지만 접근을 하면 해결될 것 같아서 코드를 작성했더니 해결되었다.

면접준비

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

• 디자인 세부사항 조절
• 이전 프로젝트 제거 후 새 프로젝트 변환
• Navbar 구성
• Home 구성 중
• vercel 배포 자동화

Next.js 기초 학습

• Next.js란 무엇인가?
  • React위한 프레임워크이다.
• Next.js의 특징
  • 큰 규모의 React 앱을 쉽게 구축할 수 있도록 해주는 많은 기능을 가지고 있다.
  • SSR (Server Side Rendering) 방식이다.
    • 서버에서 완성된 HTML을 보내주기 때문에 렌더링 속도가 빨라 사용자에게 화면을 보여주는 시간이 빨라진다.
      
      • 기존의 React는 CSR (Client Side Rendeing) 방식으로 초기 페이지 로딩이 오래걸리는 단점을 보완해준다.
    • 완성된 HTML을 보내주기 때문에 SEO(Search Engine Optimization, 검색 엔진 최적화)에도 좋아 검색엔진에 노출될 가능성이 높아진다.

✍ Diary

면접 준비를 할 때는 이론적인 내용을 계속해서 보기 때문에 코드를 작성하는 것이 조금 더 재미있었다.

포트폴리오 사이트를 vercel로 배포 자동화를 하려고 보니 import github repository에서 5개가 넘어가니 선택을 할 수 없었다...
이를 해결하기 위해서 코드스테이츠 과정에서 했던 vercel 테스트용 레포를 비활성화하고 포트폴리오 사이트를 배포해서 해결했다!

aws나 netlify로도 배포를 할 수 있었지만 aws는 프리티어가 끝나면 유료화가 진행되고 배포 자동화를 하기위한 과정에 시간을 투자해야하기 때문에 선택하지 않았고 netlify는 위와 같은 유료화는 없지만 vercel를 더 많이 사용했기 때문에 vercel를 선택했다.

다음엔 기회가 된다면 netlify로 해봐야겠다.