Else/Personal Blog Building (19) 썸네일형 리스트형 Beomlog - Components (1) 왠지 모르게 input부터 만들고 싶어졌다. input이라는 component는 type과 placeholder를 가져온다. value는 useState를 통해 자체적으로 관리해주었다. 다음은 버튼. onClick 메서드만 불러와주고, isFilled로 버튼의 색을 채울지 말지를 결정하도록 했다. isFilled는 버튼에 클래스네임을 부여하고 이에 따라 scss에서 관리해줄 것이다. children을 받아와 버튼 안에 넣기로 했다. 이제 로그인 / 회원가입 기능부터 만들어보자. Beomlog - Folder Tree src 디렉터리의 폴더트리는 다음과 같다. 이제 진짜 시작! Beomlog Building - Introduction 똥글들을 적을 개인 블로그를 하나 장만하려고 한다. 절대 포트폴리오 용은 아니다. 프론트엔드는 React, 백엔드는 Google Firestore로 연결 시킬 예정이다. 대략적인 구조는, domain ->/auth --->/signup ->/home ->/board --->/1 ->/post --->/somePostIndex ->/upload ->/settings 따라서 만들페이지는 대략 9페이지 정도 되보인다. 게시물에는 태그들을 달 수 있고, 이미지 삽입이 가능하다. 그리고 게시물을 만들 때 무조건 HTML로 작성해주어야 하며, css도 원하면 붙일 수 있도록 하려고 한다. 한번 해볼까. 이전 1 2 3 다음