데일리 스크럼 11월 15일

✈️ 어제 한 일

• Tech Spec 피드백받은걸 토대로 보완
• favicon, 로고 변경
• 백로그 작성(이슈 생성)

백엔드

• Swaager 설정
• env 설정
• mongoDB 연동
• JWT passport 설정

프론트엔드

• next 프로젝트 생성
• next styled-component 설정
• prettier import 순서 정렬 설정
• styled-components 전역 및 공통 스타일 정의
• favicon 설정
• SEO 설정
• 프로그래밍 언어 아이콘 컴포넌트 구현
• storybook 설정

✨ 오늘 할 일

백엔드

• JWT passport 관련 인증 마무리
• 유저 스키마 작성 마무리(Github API 뜯어보기)

프론트엔드

• 국제화 초기설정
• 상단바, 하단바 UI 구현
• 가능하다면 로그인도 조금

💡 이슈

• Github API에서 최근 커밋 정보를 받아오려면 rest API가 없고 graphQL로 받아와야 한다.
• 프론트엔드 초기 설정이 어려웠다. 할게 많았다.
• styled-components를 next에서 사용하려면 추가적인 설정이 필요했다. next는 ssr을 이용해 페이지를 구성하기 때문에 html파일을 서버에서 구성해서 전달하면 자바스크립트가 적용되어있지 않은 페이지가 먼저 렌더링되는 이슈가 발생하기 때문에 몇 가지 설정을 해야했다.
• 프로그래밍 언어 아이콘 SVG를 모두 찾아서 다운로드 받기 어려웠다. devicon라는 사이트를 발견하였는데 대부분의 프로그래밍 언어 아이콘을 cdn으로 받을 수 있어서 해당 사이트를 이용하기로 했다.
• storybook을 처음 써봐서 설정에 어려움을 겪었다. storybook은 react의 index.html을 사용하는것이 아닌 별도의 index.html을 사용하기 때문에 reset css, 전역 css, 절대경로등의 설정이 적용되어 있지 않았다. 따라서 .storybook폴더의 main.js와 preview.js에 추가 설정을 해주었다.

🗣️ 잡담

• 성윤님 예비군갔다.