HomeAboutMeBlogGuest
© 2025 Sejin Cha. All rights reserved.
Built with Next.js, deployed on Vercel
🐣
프론트엔드 데브코스 4기 교육생
/
오프팀
오프팀
/
커피챗 질문
커피챗 질문
/
커피챗 3회차

커피챗 3회차

카테고리
프로젝트
질문 날짜
답변여부

프로젝트 전반

  • 코드리뷰 때 앱이 정상적으로 동작하는지도 체크해야한다.
  • netlify나 vercel로 미리 배포를 해두는 방법을 고민해보자..
  • tanstack-query를 공부하자.....
  • storybook은 의식적으로 쓰려고 노력해야한다.....
  • react hook form에서 제공해주는 검증, 에러, UI들을 잘 찾아서 활용하면 좋을 거 같다. (제공하는 기능들을 최대한 잘 활용해라!!)
  • 폼 다루는 난이도
      1. 회원가입
      1. 프로필 수정
      1. 로그인
      1. 글 쓰기
  • tanstack-query: 잘 하는 분들이 어려운거 가져가고 배우는 식으로 하는게 좋을 것이다....(동환님…)
    • 게시판이 어려울 수 있다.
    • 로그인, 회원가입, 검색도....
  • (중요) PR 다시 올리면 approve 초기화되는 설정 추가하기!
  • 이슈번호와 PR이 중복되면 이슈에만 남기는 식으로 하는 게 더 좋다.
  • gitlab branch라는 거도 있으니 한번 확인해서 선택해보도록.... (main만 쓸지, main, develop을 쓸지)
  • tanstack query, react hook form에 익숙해지면, 다음 라이브러리 한번 시도해보자. ex) zod -> 서버와 프론트의 타입을 같게 지정하기 위해 탄생했다고 볼 수 있따.

코딩 스타일

주석
  • 회의에서 협의된 내용이면 적어서 혼동을 두지 말자.
상수
  • 여러군데서 쓸 수 있으니까 전역으로 빼는 것이다.
  • 한 파일에서 쓸 수 있는 거면 굳이 분리하지 않는게 좋다. 그러나 그것이 나쁜 규칙은 아니다.
타입
  • type과 interface의 차이를 구분해서 결정하자.
    • 명확한 구분이 있다.
eslint
  • import / order에서 alias를 쓸 때 설정을 해줘야 한다.
 

기능 구현 팁

기능을 어떻게 나누어야 할지...
  • 깃허브 discussion
  • 꼭 UI가 잘 쌓여야 프론트 개발을 할 수 있는 건 아니다.
  • 피쳐별로 기능을 나누는 게 좋다고 생각한다....
  • 서로 하고 싶은 부분이 있는지 이야기를 하자.
  • 모든 기능을 다 개발할 수 있는지는 미지수다. 일정을 잘 마련하는 게 좋다....이제 MD 산정을 하자.
  • 우리 앱에서 핵심이 되는 기능이 무엇인지 이야기 해보는 게 좋다. (저 사람은 왜 쓸데없는거에 집중하나....)
  • 우선순위 최하위인 것을 제거해나가면 된다.
  • (중요) 일정을 여유롭게 잡아야 한다.
React Query와 함께 Concurrent UI Pattern을 도입하는 방법 | 카카오페이 기술 블로그
카카오페이에서 React Query를 활용하여 Concurrent UI Pattern을 도입한 사례에 대해 소개합니다. 이 글은 연작 중 2편에 해당합니다. 1편: 카카오페이 프론트엔드 개발자들이 React Query를 선택한 이유, 2편: React Query와 함께 Concurrent UI Pattern을 도입하는 방법
React Query와 함께 Concurrent UI Pattern을 도입하는 방법 | 카카오페이 기술 블로그
https://tech.kakaopay.com/post/react-query-2/
React Query와 함께 Concurrent UI Pattern을 도입하는 방법 | 카카오페이 기술 블로그