프로젝트 Mohaeng
1.모행?! 프로젝트 기획 배경 및 기능 정의
국비학원에서 백엔드 중심의 과정을 수료 후, 뜬금없게도 프론트엔드의 길을 걷고 싶다고 결정한 나는 6개월간 강의와 스터디를 통해 독학을 하게 된다. 학원을 다닐 때와는 다르게 프로젝트도 과제도 내가 스스로 해야만 했다. (그 과정에서 무수한 삽질과 피 땀 눈물이 함께
2.Next.js! 왜 쓰는 걸까? (CSR vs SSR)
프로젝트가 본격적으로 진행되기 전에 우리는 많은 것을 결정해야 한다. 커뮤니티의 목적은 무엇인지, 어떻게 설계해야하는지, 회의는 어떤 방식으로 진행할지. 많은 항목들이 있지만 오늘 우리가 얘기하고자 하는 것은 Next.js 에 대한 이야기다. 저번 팀 프로젝트에
3.Redux, Redux-Toolkit이 필요한 이유와 실제 구현 방법
https://velog.velcdn.com/images/hazel_1130/post/aa1b8ca3-ee38-4bbc-a983-7356cc91481a/image.png리덕스의 핵심은 중앙 저장소인 store에서 상태를 효율적으로 관리하여 각 컴포넌트로 바로
4.Pagination Custom Hook 구현
모행은 여행지 정보와 코스에 대한 정보를 주는 정보성 짙은 여행 플랫폼이었기에 페이지네이션이 사용되는 부분이 많았습니다. 해당 페이지네이션을 커스텀 훅으로 구현해 쓸 수 있다면 편리할 것 같아 직접 커스텀 훅으로 구현해보고자 했습니다.모행은 여행지 정보와 코스에 대한
5.불필요한 리소스 제거를 통한 성능 최적화
웹 애플리케이션에서는 성능 최적화가 중요한 이슈 중 하나입니다. 성능이 좋지 않은 웹 애플리케이션은 사용자 경험을 저하시키고, 더 나아가 서비스 이용에 대한 만족도를 떨어뜨릴 수 있습니다. 웹 프론트앤드 환경에서는 각종 파일들을 주고 받으며 화면을 띄우고 화면을 업데이