project

사실... 기획이라고 할 거는 없고 지난 한 달 동안 팀 프로젝트를 수행했지만... react 기본강의만 학습하고 바로 참여한지라 백엔드와 프런트엔드 협업에 대한 배경지식이 많이 부족했어요. 결국 마무리 짓지 못하고 팀플 기간이 끝났지만, 이대로 끝내면 다음에 팀플 할

팀프로젝트 하면서 어려웠던것 중 하나가 화면설계 였어요. 어느정도 경험이 있었다면 경험치 data가 있어 조금 더 빨리 할 수 있었을텐데 동작구현이라던지 화면배치라던지 디자이너가 없으니깐 막막했습니다. 눈에 보이는게 있어야 컴포넌트를 어떻게 구성할지 계획을 세울 수 있

json-server는 프론트엔드 개발 연습을 위해 REST API를 만들어 통신할 수 있게 해주는 라이브러리 입니다. 단 테스트용으로 사용 가능하며 실제 프로덕트 개발에서는 사용할 수 없습니다.최상위 디렉터리에 폴더를 만든 후 db.json을 생성합니다. 확인을 위해

지금 만들고 있는 프로젝트에서는 로그인이 중요한 기능이 아니어서 이메일과 비밀번호 이름만 입력받아 더미 데이터에 있으면 오케이 하도록 계획했다. react-query의 useQUery 사용하다 기본적인 규칙을 놓친 게 있다는 것을 알게 되었다.서버에서 가져온 데이터를

<span style="color: MEMO 버튼을 클릭하면 메모를 볼 수 있다.편집을 클릭하면 메모 내용을 변경할 수 있다.편집 후 메모 화면에 문구가 바뀐다.close 버튼을 닫으면 메모 ui가 사라진다.이렇게 기능을 구성했지만 close 버튼을 클릭하면 변경

<span style="color: 드뎌 문제를 파악했다! 내가 작성한 코드를 다시 한번 살펴보니 useQuery를 통해 받아온 data를 바로 하위컴포넌트에 넘겨주지 않았다.data를 받아와서 state롤 넘겨 주고 state값으로 하위 컴포넌트에 전달한 것이다

메모기능 버그를 수정하려다 핀리스트 기능까지 수정하게 되었다 변경한 메모가 화면에 렌더링 되지 않았던 이유를 찾다가 이해가지 않았던점이 invalidateQueries(['쿼리키'])를 통해 메모를 변경하면 캐싱된 data를 stale상태로 바꿔주어 refecf가 일어

🧾db.json | table | data형식 | | :---: | :---: | | user | { "id": number, "name": string,"email": string,"password": string,} | | travels | { "id": nu

페이지로 이동할때 렌더링 되는 컴포넌트들을 모아둠메인 페이지로그인 페이지회원가입 페이지여행일정 등록 페이지여행일정 수정 페이지여행지 기록 등록 페이지숙소 상세 페이지팝업, 확인창, 폼양식등 같은 레이아웃을 가진 ui를 재활용하기 위함로그인, 회원가입, 기타 등록 및 수

업로드중..