HomeAboutMeBlogGuest
© 2025 Sejin Cha. All rights reserved.
Built with Next.js, deployed on Vercel
🐣
프론트엔드 데브코스 3기 교육생
/
🪞
유리팀
/
☕
2번째 커피챗
☕

2번째 커피챗

Type
☕️ 커피챗
Date
Feb 9, 2023
 

커피챗 질문

css 뭘 사용할지 고민 중에 있습니다.
  • chakra UI 사용 괜찮게 보시는지
    • 용량 문제 (tailwind 추천)
  • emotion
  • chakra UI, framer motion → 멘토님
  • https://vanilla-extract.style/ → 멘토님
  • stitches
백엔드와 협업할 때, git repo 관련
  • 따로 repo를 작성하게 되었습니다
  • 배포를 각자 repo에서 진행하자고 하는데 새로운 배포 repo를 만들 필요는 없을까요?
  • 배포 순서 중요(be → fe)
  • 최초에는 api가 없기 때문에 msw와 같은 라이브러리를 통해 mock 개발을 진행. 이를 위해서 백엔드와api 스펙 협의가 우선되어야 함 (endpoint, req, res)
현업에서 사용하고 계시는 협업 툴이 뭔가요?
  • jira 사용 중이신가요?
  • 백엔드는 보통 jira를 많이 쓰는 편인가요?
  • github 사용 추천
  • 짧은 프로젝트에는 jira까지 사용하지 않아도 된다.
프로젝트 규모를 어느정도로 잡아야 할까요? (어느 팀에서 백엔드분들이 저희 중간 프로젝트 규모가 크다고 하셨다고 해서 감이 안오네요..)
  • 최소 3~4일 테스트
  • api 연결 후 테스트
  • 공통적으로 쓰이는 api 먼저
  • api를 화면 단위로 요청
  • 바로바로 배포해달라고 요청
  • mock api로 하고 바로바로 api 연결해보기
api가 나오기 전까지 어떤 걸 하는 게 좋을지 궁금해요! mock api?
  • msw ⇒ 400, 500 에러까지 핸들링 가능
MSW로 백앤드 API 모킹하기
이번 포스팅에서는 MSW(Mock Service Worker) 라이브러리를 이용하여 백앤드 API를 모킹(mocking)하는 방법에 대해서 알아보겠습니다. MSW(Mock Service Worker)는 서비스 워커(Service Worker)를 사용하여 네트워크 호출을 가로채는 API 모킹(mocking) 라이브러리입니다. 쉽게 말해, 브라우저에 기생(?)해서 마치 백앤드 API인 척하면서 프런트앤드의 요청에 가짜 데이터를 응답해주는 녀석이라고 볼 수 있겠네요.
MSW로 백앤드 API 모킹하기
https://www.daleseo.com/mock-service-worker/
MSW로 백앤드 API 모킹하기
  • 필드명 ⇒ 명확하게 정하기, 단수, 복수 구분
  • nullable? nonnullable? 결정하기
    • null인지 undefined인지 꼭 정하기
    • 숫자 값: 없는 값이면 필드를 없앨건지, null을 내릴 것인지
    • array로 내려주는 건 가능한 null이 아니라 빈 배열로 내려주기
  • 페이지 개수 정의
  • react-query!