1주차 강의후 파일 상태

결과물

components 폴더 -> elements 파일들을 연결해서 중간다리 역할을 하게 만듦
ex) 댓글창 하나, 알림 하나 등등 같은 포맷을 유지하는 컴포넌트

elements 폴더 -> 최소단위 컴포넌트로 이미지 텍스트 포함

pages 폴더 -> 가장 커다란 페이지 단위. 컴포넌트를 조합해 만듦, 라우트 할때 시작점이 되는 컴포넌트 들

shaed 폴더 -> 공용으로 쓸 파일들
ex) app.js, firebase 설정 파일 등

과제: 로그인/회원가입 페이지

목표

• 인풋, 버튼 최소단위 컴포넌트 만들기
• 인풋박스 위에 들어가는 라벨, 안에 들어가는 플레이스 홀더를 props로 빼주기
• 버튼은 onclick하면 실행하기, 버튼안에 텍스트 이렇게 두개 props로 받아오게 만들기
• 헤더에도 버튼 만들어야 하니까 버튼넓이가 full 일때 아닐때 컴포넌트로 만들어서 사용해보기
• 비밀번호가 위아래 똑같을때만 버튼이 눌리게 만들어보기

계획 => 로그인페이지를 만듦. 인풋박스, 버튼을 엘리먼트로 만들어 주면 되기 때문에 별도의 중간다리 컴포넌트 생성 x