분류 전체보기

💡 시작하며벌써 기자단 마지막 글을 쓰게되었습니다! 어쩌다보니 약 7개월의 시간이 훌쩍 지났네요. 마지막 글을 쓰기위해 그동안 썼던 글도 다시 한번 보고왔는데 처음에 벌써 2개월이 지났다며 시간이 빠르다는 글을 썼었는데 벌써 7개월이 지나고 마지막 글을 쓰고 있습니다.  과정이 끝나고 쓰려니 뭔가 시원하기도 섭섭하기도 하네요. 정말 기대를 많이 하고 시작한 부트캠프였는데 그만큼 열심히 했고 최선을 다했던거 같습니다. 물론 아쉬운게 없었다고 하면 거짓말이지만 아쉬운 만큼이나 욕심이 나게 만드는 과정이었고 다시한번 개발 공부가 재밌다는걸 느끼게 됐던 과정이었던거 같네요. 🗂️ 노션을 통한 과정 진행 과정 중 가장 좋았던것 중 하나는 바로 부트캠프 노션페이지 였습니다.처음 시작할 때 슬랙과 노션에 초대되는..

매번 팀프로젝트를 진행할 때마다 팀 레파지토리를 클론해와서 프로젝트를 진행하는데 끝난뒤에는 내 개인 레파지토리에 옮기고 싶어서 로컬에 있는 소스들을 한꺼번에 개인 레파지토리에 푸쉬하곤 했다. 이렇게 하니 그동안 쌓아두었던 커밋기록들이 없어져서 아쉬움에 방법을 찾아보니 아주 간단하게 해결할 수 있었다.  개인 레파지토리를 만들고 로컬에서 원격저장소를 추가해주면 된다!  1. 개인 레파지토리 생성내 깃허브에 가서 새로운 레파지토리를 생성한다. 2. 로컬에 새로운 원격저장소 추가 git remote add 새로운저장소이름 https://github.com/yourusername/레파지토리주소.gitex) git remote add personal https://github.com/yourusername/my-..

💡 시작하며개인프로젝트, 토이프로젝트1, 토이프로젝트2, 미니프로젝트를 거쳐 드디어 마지막 프로젝트인 파이널 프로젝트를 진행했습니다.중간배포를 마치고 마무리 하기 전 글을 남겨야겠다는 생각으로 쓰는 중 입니다.  저번 미니프로젝트에서 처음으로 백엔드와 프로젝트를 진행해봤었는데요. 이번에는 PM, UIUX, 백엔드, 프론트엔드 이렇게 팀을 이뤄 프로젝트를 진행했습니다. 지금까지는 프론트가 기획도 디자인도 맡아서 했다보니 해당 분야를 배운분들과 하면 어떨까 하는 기대감도 있었습니다.  물론 쉽게 생각했던거 보다 더 기획도 디자인도 자세하게 들어가서 여러 여러움이 있었긴 했습니다. 그래도 다양한 문제와 상황이 생기고 해결하는 과정을 겪다보니 나름의 상황대처능력이나 팀원들과의 커뮤니케이션 능력이 많이 늘지 않..

🚨 에러 발생 회원가입 완료 페이지에서 로그인하러 가기 버튼을 눌렀을 때 로그인 페이지로 경로 이동을 하기 위해import { useRouter } from 'next/router';const router = useRouter();const handleLoginRedirect = () => { router.push("/login"); }; useRouter를 사용했는데   NextRouter was not mounted 에러가 발생했다. 1차적인 해결방법은 "use client"를 최상단에 명시해주는 것이다. 하지만 나는 이미 Page에 "use client"를 명시해준 상태이기 때문에 따로 적어줄 필요가 없었다.  💡 에러 해결찾아보니 13버전 이상의 app 라우터에서는 "use client"를 사..

🚨 에러 발생 목데이터 서버를 구축하기 위해 MSW를 사용하려고 설치를 한 뒤 mockServiceWorker.js를 생성하기 위해npx msw init public/ --save 로 를 설치하고 생성하려고 하는데 ES Module 에러가 발생함.  처음에는 당연히 노드 문제라고 생각하고 찾아서 한참 헤맸다. 찾아도 안나오길래 노드문제가 아니라 다른 문제인거 같아서 방향을 다르게 해서 찾아보니 내가 사용하고 있는 패키지 관리자가 yarn 인데 yarn 1의 의존성 문제라는 걸 찾아냈다.  💡 에러 해결yarn cache clean --allrm node_modules/ yarn.lock package-lock.jsonyarn 패키지 관리자 캐시를 지우고 현재 프로젝트의 yarn.lock package..

이번 프로젝트의 필수 사항 중 하나인 리덕스툴킷! 확실히 리덕스의 아키텍처를 먼저 이해하고 보니 리덕스 툴킷이 훨씬 사용하기 쉽고 편리하다는 걸 알 수 있었다.    우선 Redux, React Redux, Redux toolkit 각각의 역할에 대해 알아보자.Redux : 상태 관리자, 프로그램이 동작하는데 필요한 데이터를 체계적으로 관리해주는 도구리덕스 자체는 리액트에 최적화되었다기 보다 자바스크립트로 된 프로젝트에 최적화된 도구라고 할 수 있다. 리액트에서 사용하기 쉽게 등장한것이 react redux이다.React Redux : 리덕스와 리액트를 연결시켜주는 도구그럼에도 불구하고 리덕스는 많은 설정을 해줘야한다는 것과 코드의 양이 방대해지는 단점들이 생김 이러한 단점들을 보완하기 위해 나온것이 R..