개인프로젝트/프론트엔드 기술면접 아카이빙 웹앱

개인프로젝트 - 22.10.25 작업일지

1. github 소셜로그인 연동 1.1 Github 에서 세팅할 것 Settings → Developer settings → Oath Apps → New OAuth App → Register a new OAuth appication Authorization callback URL은 파이어베이스에서 로그인 제공업체에 깃허브를 추가할 때 받은 하단의 링크를 기입한다. Enable Device Flow 체크하기. 1.2 Firebase console 에서 세팅할 것 Authentication → Sign-in method → 새 제공업체 추가 → 사용 설정 토글 on 클라이언트 ID : 깃허브에서 확인 클라이언트 보안 비밀번호: 깃허브에서 확인 2. 메인 페이지 뷰 작업 2.1 Service Layout 코..

개인프로젝트 - 22.10.23 작업일지

참고 강의: 만들면서 배우는 프론트엔드 DO IT 코딩 (Next.js, Typescript) 0. 기획의도 부트캠프 수료 후 기술면접을 준비하면서 직접 공부하고 정리한 답변을 깃허브에 아카이빙하고자 md파일로 작성하던 중, 원하는데로 질문 항목, 또는 꼬리질문 항목으로 이동하는 것이 불편하고 readme 파일이 지저분해 보이며 파일들이 과도하게 많아져, 아예 기술면접 대비와 새로운 기술스택 연습을 겸하고자 웹앱으로 제작하기로 하였다. 1. 환경설정 vscode 익스텐션 추가 설치항목 Thunder Client yarn 사용하기 npm i yarn npx yarn dev // npm run dev 2. Next.js 프로젝트 폴더 구조 2.1 pages 폴더 - 라우팅 규칙 설명 공식문서 링크 Index..