🔍 프론트엔드 테스트의 핵심, MSW를 실제 Next.js 프로젝트(내가 춘자라니 👩)에 적용해 보기

항해 플러스 프론트엔드 과정 7주차에서 프론트엔드 개발자들의 필수 역량으로 떠오른 테스트 코드에 대해 깊이 있게 학습했습니다 😊

특히 실무에서 가장 유용하게 활용될 것 같은 MSW(Mock Service Worker)를 제가 운영 중인 '내가 춘자라니' 프로젝트에 직접 도입해보는 도전을 했습니다.

비록 미니 프로젝트에 MSW를 도입하는 게 다소 과했을 수 있지만, 이 과정에서 Next.js 환경에서의 MSW 설정부터 실제 사용까지 귀중한 경험을 쌓을 수 있었습니다.

특히 프론트엔드/백엔드 협업 시 API가 완성되기 전에 프론트 개발을 진행해야 하는 실무 상황에서, MSW를 효과적으로 활용할 수 있는 자신감을 얻었습니다 💪

제가 직접 경험한 Next.js 프로젝트의 MSW 도입기가 궁금하시다면 벨로그를 방문해 주세요 🫶👇

항해 플러스 프론트엔드 후기 (7주차) - 프론트엔드 테스트코드 (MSW를 Next.js 프로젝트에 적용해 보기)

velog.io

항해 플러스 프론트엔드 후기 (7주차) - 프론트엔드 테스트코드 (MSW를 Next.js 프로젝트에 적용해 보기)

더 많은 콘텐츠를 보고 싶다면?

또는

이미 회원이신가요?

2025년 2월 16일 오후 2:52

댓글 0

    함께 읽은 게시물

    이직하고 싶을 때 보세요

    ... 더 보기

    - YouTube

    youtu.be

     - YouTube

    바이브 코딩을 여러가지 카테고리에 적용해보고 있는데, 머신러닝쪽은 압도적으로 좋네요. 진짜 코드를 안 봐도 될 정도임.


    심지어 머신러닝 연구 작업 특성상 코드를 안봐도 되니까 실험하는게 겁나 재밌어짐. 미쳤음. GPU 무한대로 준다는 말에 혹한다는 것이 완전 이해가 됨.


    자바스크립트는 왜 프로토타입을 선택했을까

    객체지향을 구현하는 방법으로 대표적으로는 클래스가 있습니다. 그런데 자바스크립트는 왜 클래스가 아닌 프로토타입으로 객체지향을 구현하였을까요? 자바스크립트는 왜 다른 언어에는 흔하지 않는 개념인 호이스팅, this, 실행컨텐스트 같은것들이 있을까요? 링크된 글에는 왜 자바스크립트가 프로토타입을 선택했는지, 호이스팅 및 this 같은 개념들이 있는지 철학적인 이유와 함께 비교적 명쾌하게 알려줍니다. 꽤 재미있는 내용이고 유명한 아티클 이니 아직 안보신분들은 한번씩 보시는걸 추천드립니다

    자바스크립트는 왜 프로토타입을 선택했을까

    Medium

    자바스크립트는 왜 프로토타입을 선택했을까

     • 

    저장 68 • 조회 2,788


    👦🐍 7살 아이에게 파이썬을 가르칠 수 있을까요?

    ... 더 보기

    전문가의 태도를 배울 수 있는 강의

    ... 더 보기

    퇴사 부검 : 네이버를 떠나며

    ... 더 보기

    퇴사 부검 : 네이버를 떠나며

    taetaetae.github.io

    퇴사 부검 : 네이버를 떠나며

     • 

    저장 21 • 조회 1,737