나의 개발일지

🔥 React 숙련주차 팀프로젝트 과제 🔥 로그인, 회원 가입 Authentication 에서 제공하는 api를 이용하여 아래 회원 가입, 로그인을 구현해보기 아이디(이메일), 패스워드 소셜 로그인 (구글, 깃헙) CRUD Firestore 에서 제공하는 api를 이용하여 CRUD 데이터베이스 핸들링 구현 CUD(등록, 수정, 삭제)가 일어날 때 마다 R(조회)해서 자연스럽게 화면 변경 마이 페이지 내 게시물 보기 Authentication 에서 제공하는 uid 를 이용해서 내 게시물들이 모일 수 있게 해보기 프로필 수정 기능 Storage 에서 제공하는 api를 이용하여 이미지 업로드와 다운로드 url 을 받아서 이미지 핸들링 배포하기 Vercel 이라는 호스팅플랫폼을 이용해 배..

🔥 React 숙련주차 개인과제 🔥 ✔️ 구현해야 할 기능 · 팬레터 CRUD 구현 (작성, 조회, 수정, 삭제) · 아티스트별 게시물 조회 기능 구현 (Home - Read) · 원하는 아티스트에게 팬레터 등록 구현 (Home - Create) · 팬레터 상세 화면 구현 (Detail - Read) · 상세화면에서 팬레터 내용 수정 구현 (Detail - Update) · 상세화면에서 팬레터 삭제 구현 (Detail - Delete) ✔️ 과제는 Props Drilling → Context API → Redux 순으로 각각 별도의 브랜치를 만들어 제출해야 한다. 💡Hint (과제 진행 순서) (1) 프로젝트 셋업 (2) “props-drilling” 브랜치 생성 및 이동 (3) Router 셋업 4) ..

🔥 React 숙련주차 개인과제 🔥 ✔️ 구현해야 할 기능 · 팬레터 CRUD 구현 (작성, 조회, 수정, 삭제) · 아티스트별 게시물 조회 기능 구현 (Home - Read) · 원하는 아티스트에게 팬레터 등록 구현 (Home - Create) · 팬레터 상세 화면 구현 (Detail - Read) · 상세화면에서 팬레터 내용 수정 구현 (Detail - Update) · 상세화면에서 팬레터 삭제 구현 (Detail - Delete) ✔️ 과제는 Props Drilling → Context API → Redux 순으로 각각 별도의 브랜치를 만들어 제출해야 한다. 💡Hint (과제 진행 순서) (1) 프로젝트 셋업 (2) “props-drilling” 브랜치 생성 및 이동 (3) Router 셋업 4) ..

🔥React 입문주차 개인과제 🔥 다시 돌아온 개인과제 Time~ ^^.. 이번엔 끝낼 수 있을지 걱정이다! 강의에서 배운 그대로 해보려고 하는 데도 잘 되지 않는다 일단 진행과정을 코드를 통해 적어볼 계획이다. ✔️ 구현해야 할 기능 · UI 구현하기 · Todo 추가하기 · Todo 삭제하기 · Todo 완료 상태 변경하기 💡Hint · 사용한 hook은 오직 useState · 기능 구현을 위해 생성한 함수는 2개(onChangeHandler, onSubmitHandler) · 사용한 자바스크립트 내장 메서드는 map, filter · todo의 initial state는 {id : 0, title: "", body: "", isDone: false} ▼App.jsx import React from..