📗 오늘 한 일

JavaScript 알고리즘 문제풀이 (프로그래머스 1문제)

  • [Level1] 크기가 작은 부분문자열 문제 풀이 완료 (🔗 Github)
    • arr의 길이만큼 반복문을 실행해서 p보다 작거나 같은 수인지 판별하여 Count하면 되는 쉬운 문제였다.

회사 분석, 이력서 수정 및 제출

  • 가고 싶은 회사에 대한 분석 
    • 기술스택, 문화, 복지, 기술 블로그 확인

NextJS 강의

  • API Route SSR 코드 추가
  • API Route 요청 전송하기

✍ Diary

요즘 알고리즘을 안풀고 있던 것 같은데 오늘 마침 Level1이 나와서 간단하게 풀고 하루를 시작했다.
이력서를 제출하기 전 회사에 대해 분석하고 그에 맞게 이력서를 준비하는 과정을 진행했다.

'Daily > Today I Learned' 카테고리의 다른 글

22.12.28_TIL  (0) 2022.12.29
22.12.27_TIL  (0) 2022.12.27
22.12.24_TIL  (0) 2022.12.24
22.12.23_TIL  (0) 2022.12.23
22.12.22_TIL  (0) 2022.12.23

📗 오늘 한 일

NextJS 강의

  • API Route?
    • NextJS의 장점 중 하나인 API Route 기능을 통해 API endpoint를 클라이언트 코드와 함께 작성할 수 있다.
    • 엔드포인트를 사용해 REST API와 같은 API를 NextJS 앱에 포함함으로써 endpoint를 통해 여러 가지 HTTP 요청을 받을 수 있게 해주는 역할을 한다.
  • pages 폴더 내에 api 폴더를 생성한다.
    • api 폴더 내에 있는 파일은 React 컴포넌트로 내보내지 않는다.
    • 웹 페이지에 방문한 사람들에게는 보이지 않는다.
      • getStaticProps, getServerSideProps와 같다.
  • SSR Route

✍ Diary

NextJS에서 사용하는 API Route에 대해서 간단하게 학습했다. 앞으로 Next를 사용해서 사이트를 구축한다면 자주 쓰이게 될 것이니 시간이 걸리더라도 확실하게 알고 넘어가는 것이 좋을 것 같다.
오늘은 크리스마스 이브...인데... 취준이니 열심히 해야겠다. (내일은 하루 휴식..! 휴식도 앞으로 개발을 위한 중요한 시간이다라는 것을 학습하면서 깨달았다.!)

'Daily > Today I Learned' 카테고리의 다른 글

22.12.27_TIL  (0) 2022.12.27
22.12.26_TIL  (0) 2022.12.26
22.12.23_TIL  (0) 2022.12.23
22.12.22_TIL  (0) 2022.12.23
22.12.21_TIL  (0) 2022.12.23

✍  회고

오늘은 배포 자동화에 대해서 세션을 진행해주셨다. AWS S3를 항상 build 파일을 생성하여 수동적으로 올려줬었고, 이전에 진행했던 프로젝트에서도 적용해보려 했지만 실패했다. (FE / BE가 같은 레포를 써서 그럴수도 있다고 생각은 든다.) 
Github -> Github Actions -> AWS S3를 사용해서 배포를 진행하는 과정을 세션에서 직접해주셨고, 라이브 세션이 끝나고 개인적으로 진행을 해봤는데 잘 됐다. vercel, netlify 등 배포 자동화를 진행해주는 과정이 어떻게 되는지 정확히 알 수 있는 날이었다.

 

팀 과제 주간 회고

  • 화 ~ 금요일까지 진행한 팀 과제 회고 (제출링크)
  • 처음엔 어떻게 하는지 많은 고민을 했지만 팀장님이 잘 이끌어 주셔서 꽤 만족할 만한 결과가 나왔다.
  • 내가 맡은 부분은 API호출 코드 (Axios instance), 로그인/회원가입 기능 및 디자인에 참가했다.
  • 이번에는 모두 제출된 코드를 가지고 진행했기 때문에 빠른 진행을 위해 파트를 나눠서 진행했다. 다음엔 어떻게 진행하면 좋은지는 아직도 생각하게 되는 것 같다. 

📗 오늘 한 일

원티드 프리온보딩 프론트엔드 과정

  • 1주차 과제 제출 전 최종 버그 수정 및 배포 점검 (제출 링크)
  • 온 프레미스와 클라우드, AWS, AWS S3
    • 온 프레미스는 내가 관리할 수 있는 컴퓨터에 저장하기 때문에 클라우드를 사용한 방식보다 보안성이 좋다.
    • S3 - 정적 웹 사이트
  • CRA
  • CI/CD
  • Github Actions
  • Deploy error
    • 401 unauthorized - 인증 오류
    • 403 Forbidden - 접근 거부
    • 404 Not Found - 경로, 파일 없음
  • Github → Github Actions → AWS S3 배포자동화 실시
  • React Test Code 맛보기

VSCode git 되돌리기 오류 (한글경로 오류)

  • VSCode에서 파일의 변화가 일어나면 GUI를 사용한 git 되돌리기를 할 수 있었는데 어느 순간부터 파일의 변화를 실시간으로 읽지 못했다. 이를 해결하기 위해 검색을 위해 찾아보던 중 해당 파일의 경로에 한글이 있다면 실시간으로 변화를 인지하지 못한다고 한다.
    타입스크립트/Typescript portfolio 이런식으로 경로가 잡혀있었다.
    평소라면 영문으로 작업을 했겠지만 최근에 파일, 폴더 정리를 하면서 한국어로 바꿔져있는 것을 오늘 알게되었다.
    다음부턴 영문으로 꼭 정리를 해야겠다.

한글경로가 있는 파일을 사용할 경우 VSCode git GUI를 사용하면 나타나는 오류 메시지

✍ Diary

오늘은 배포 자동화에 대해서 알아보는 라이브 세션이었다. AWS S3에 배포 자동화를 하는 것을 저번 프로젝트에서는 실패를 했었는데 오늘 배운 내용을 토대로 다시 진행해 보면될 것 같다.
팀장님이 원티드 노션에 과제를 제출했는데 라이브 세션이 끝나고 난뒤 노션의 오류로 전달이 되지 않는 다는 것을 보고 팀 디스코드를 봤지만 인원이 적었기 때문에 빠르게 원티드 디스코드에 제출하고 팀원분들께 전달해드렸다.
최근부터 VSCode에 문제인줄 알았던 것이 내 문제였다는 것을 알았다... 찾아보니 간단한 한글경로 때문에 생기는 것이었다. 해결해서 다행이다...

 

'Daily > Today I Learned' 카테고리의 다른 글

22.12.26_TIL  (0) 2022.12.26
22.12.24_TIL  (0) 2022.12.24
22.12.22_TIL  (0) 2022.12.23
22.12.21_TIL  (0) 2022.12.23
22.12.20_TIL  (0) 2022.12.23

📗 오늘 한 일

원티드 프리온보딩 프론트엔드 과정 (8기 11팀)

  • 로그인/회원가입 페이지 Best Practice 기능 구현
    • VSCode Live Share, Discord 화면공유를 통해 진행

이력서 수정

  • 다양한 이력서를 보며 간소화 및 자기소개 수정

이력서에 제출한 프로젝트 README 수정

  • 팀원 구성 및 깃 컨벤션 수정
  • 시연영상 gif 첨부

✍ Diary

어제 선정한 Best Practice를 기반으로 다시 팀 레포지토리에 작업하는 일을 시작했다. TypeScript, React를 사용해 진행했으며, 페어프로그래밍 방식으로 라이브코딩을 하며 진행했다.

원티드 과정을 같이 하면서 이력서를 제출했었을 때, 이력서가 통과가 잘 되지 않아서 다양한 이력서를 보며 나의 문제점이 무엇인가 찾아보며 수정을 진행했다. 이력서에 적힌 너무 긴 자기소개는 오히려 읽기 힘들었고 임팩트가 없었다. 임팩트를 주기위해 쭉 나열하는 방식이 아닌 나의 장점을 살릴 수 있도록 크게크게 작성을 했다. 또한, 프로젝트 링크를 타고 Github에 들어갔을 때 나오는 README 화면에 프로젝트가 어떻게 실행되는지 보여줄 수 없다는 것이 아쉬워 수정을 진행했다.

'Daily > Today I Learned' 카테고리의 다른 글

22.12.24_TIL  (0) 2022.12.24
22.12.23_TIL  (0) 2022.12.23
22.12.21_TIL  (0) 2022.12.23
22.12.20_TIL  (0) 2022.12.23
22.12.19_TIL  (0) 2022.12.23

📗 오늘 한 일

원티드 프리온보딩 프론트엔드 과정 (8기 11팀)

  • Best Practice 선정을 위한 각자 코드 발표
  • 깃헙 레포지토리 생성 및 프리티어, 린트설정
  • 각자가 생각하는 팀원 Best Practice 선정
  • 내가 제출한 사전과제 오류 발견
    • 회원가입 후 로그인 탭으로 넘어가지지 않는 버그 발생
    • Netlify로 배포한 페이지에서 리다이렉팅 시 에러 발생
      • public폴더 내 _redirects 파일 생성
      • 파일 내용 : /* /index.html 200
      • 리다이렉트시 index.html 참고한다는 뜻
      • 참고자료: https://soso-cod3v.tistory.com/142
    • API 호출 실패에 따른 Error 메시지 추가할 것.

이력서 수정

✍ Diary

각자 선정해온 자신의 좋았던, 어려웠던 부분에 대해 설명하는 시간을 가졌다.

useCallbak, useMemo를 사용하여 성능을 최적화하신 분들도 계셨다. 이런 분들의 코드를 보면서 나는 아직 부족하구나 하고, 생각도 들었으며 인프런에서 답사를 다녀왔을 때 동기분이 질문하셨던 내용도 스쳐 지나갔다. 

질문은 useMemo와 useCallback을 보든 함수나 값에 사용하면 오히려 성능 저하가 발생하는 데 사용하는 기준이 궁금하다였다. 
답변으로 코드 가독성을 해치기 때문에 일반적인 상황에서는 잘 사용하지 않는다고 하셨던 것이 기억이났다. 이른 최적화는 좋지 못하다고 생각하고 성능 최적화는 문제가 명확하게 보이면 그때 적용해도 늦지 않는다는 것이지만 이번 프로젝트는 볼륨이 작았기 때문에 사용해도 무방했을 것 같다. (어느때가 가장 사용하면 좋을지 생각해봐야겠다.)

'Daily > Today I Learned' 카테고리의 다른 글

22.12.23_TIL  (0) 2022.12.23
22.12.22_TIL  (0) 2022.12.23
22.12.20_TIL  (0) 2022.12.23
22.12.19_TIL  (0) 2022.12.23
22.12.14 ~ 22.12.18_TIL (주간)  (0) 2022.12.20

+ Recent posts