choijming21 님의 블로그

  • 홈
  • 태그
  • 방명록

2024/08/13 1

나만의 TodoList 만들어보기

오늘은 나만의 TodoList를 만들어 볼 것이다. 간단한듯 보이지만 초보인 나에게는 조금 어려웠다!    일단 나만의 투두리스트 완성본이다. 기능구현에 집중하느라 디자인은 간단하게 만들어 주었다. 시연 영상이다.     이제 만드는 과정을 이야기 해보겠다! 복습하는 마인드로 쭉 이야기해보겠다!      먼저, 크게 구조를 잡아주었다. 크게 구조를 잡은 다음 중복되는 부분은 나중에 컴포넌트로 분리해줘도 되니깐 크게 세개의 컴포넌트 구조를 생각했다.  1. App.jsx : 부모 컴포넌트로, input창과 '추가' 버튼이 있는 부분이다.2. TodoBoard: 투두리스트가 보여질 공간이다.3. TodoItem: 투두리스트 중 하나의 투두가 차지하는 공간이다. 이렇게 세개의 컴포넌트로 분리했다.      이..

개인과제 2024.08.13
이전
1
다음
더보기
프로필사진

choijming21 님의 블로그

choijming21 님의 블로그 입니다.

  • 분류 전체보기 (118)
    • 개인과제 (16)
    • 수준별 분반 (10)
    • 팀프로젝트 (18)
    • 사전캠프 (1)
    • 강의 (16)
    • 알고리즘 (10)
    • 왓에버 (4)
    • 인턴 (43)

Tag

getStaticProps, 반응형, react, 이미지최적화, Vercel, docker, jotai, 오류, TypeScript, 성능최적화, 팀프로젝트, nextjs, 도커, 리렌더링, 뉴스피드, 객체, 자동스크롤, zod, Troubleshooting, 트러블슈팅,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

«   2024/08   »
일 월 화 수 목 금 토
1 2 3
4 5 6 7 8 9 10
11 12 13 14 15 16 17
18 19 20 21 22 23 24
25 26 27 28 29 30 31

방문자수Total

  • Today :
  • Yesterday :

Copyright © Kakao Corp. All rights reserved.

티스토리툴바