은한님 질문 LIsts 개발직군을 선택한 이유 ? 어느 회사에 가더라도 내가 공부했던 것을 이어서 할 수 있다 퇴근 후에도 계속해서 성장할 수 있는 삶을 원한다 useEffect에 대해 말해보세요 리액트훅의 한 종류, 외부 컴포넌트의 동기화작업을 가능하게 함 setup 함수와 의존성배열로 구성되어 있는데, 의존성 배열은 생략 가능함 setup 함수는 cleanup 함수를 추가할 수 있음. component가 mount 될 때, setup함수가 실행됨. 이후에 리랜더링 될 때마다 cleanup 함수가 먼저 실행되고 setup 함수가 실행됨 이 때 의존성배열을 추가하면 배열에 해당하는 부분이 리랜더링 될 때만 setup 함수를 호출하여 성능개선에 도움이 됨 provider에 대해 말해보세요 React 컴포넌..

🚀 Today I Studied 기술면접 스터디 프로젝트: Danmi 멤버추가 기능구현 ⚡️ Today I Learned 기술면접 스터디 ==> https://terryehlee.tistory.com/229 useEffect ==> https://terryehlee.tistory.com/180

🚀 Today I Studied 회원가입 서비스 연습 모범코드 분석하기 ⚡️ Today I Learned 회원가입 서비스 연습 모범코드 분석하기 ==> https://terryehlee.tistory.com/226 class에 cn을 추가하여 추가적인 class부여 card에 step을 부여 step별로 animation 부여 step별 button 부여 및 hidden기능 schad/ui 에서 제공하는 Form 기능으로 전체적인 코드 뼈대 구성 react-hook-form 라이브러리가 이미 코드에 포함되어 있음 zod 역시 포함이 되어 있었고, zod로 유효성 검사 조건 및 에러메시지를 작성하여 validators/auth.ts에 저장 darkmode를 index.tsx파일이 아닌, document.t..

답안코드: https://github.com/DevCamp-TeamSparta/frontend-material?tab=readme-ov-file 폴더 구성 📦src ┣ 📂components ┃ ┣ 📂ui ┃ ┃ ┣ 📜button.tsx ┃ ┃ ┣ 📜card.tsx ┃ ┃ ┣ 📜dropdown-menu.tsx ┃ ┃ ┣ 📜form.tsx ┃ ┃ ┣ 📜input.tsx ┃ ┃ ┣ 📜label.tsx ┃ ┃ ┣ 📜select.tsx ┃ ┃ ┣ 📜switch.tsx ┃ ┃ ┣ 📜toast.tsx ┃ ┃ ┣ 📜toaster.tsx ┃ ┃ ┗ 📜use-toast.ts ┃ ┣ 📜mode-toggle.tsx ┃ ┗ 📜theme-provider.tsx ┣ 📂lib ┃ ┗ 📜utils.ts ┣ 📂pages ┃ ┣ 📂api..

🚀 Today I Studied Projects: 회원가입 연습 ==> https://terryehlee.tistory.com/224 주요기능 정보입력(이름, 메일, 연락처) 역할선택(드롭다운) 다음단계/이전단계 이동 ==> 카드변환 PW, PW확인 계정 등록하기 누를 시 입력한 정보 나타내기 유효성확인 다크모드 ⚡️ Today I Learned Library shadcn/ui ==> https://terryehlee.tistory.com/223 Zod ==> https://terryehlee.tistory.com/230 react-hook-form ==> https://terryehlee.tistory.com/231

회원가입 서비스를 구현하며 몇몇 라이브러리 적용해보기 구현 해볼 회원가입 서비스 링크: https://example.sparta-devcamp.com/ 적용해 볼 라이브러리 shadcn/ui Zod React Hook Form 주요기능 정보입력(이름, 메일, 연락처) 역할선택(드롭다운) 다음 단계/이전 단계 이동 PW,PW확인 계정 등록하기 누를 시 입력한 정보 나타내기 유효성확인 다크모드 개발 정보 기간: 24.03.04 ~ 24.03.04 스택: next.js, vercel repository: https://github.com/TerryEHLee/signin Link: https://signin-practice-v0-lbu33ijlx-savers-iceclimbers.vercel.app/