왓누씨의 개발일기
close
프로필 배경
프로필 로고

왓누씨의 개발일기

  • 분류 전체보기 (60)
    • DEVELOPMENT (58)
      • HTML & CSS (1)
      • JavaScript (18)
      • React.js (14)
      • Typescript (11)
      • Next.js (2)
      • Node.js (1)
      • PROJECT NOTES (9)
      • PROJECTS (2)
    • 일상 (0)
      • 생각나누기 (0)
    • ...기타 (2)
      • BOOK CLIP (0)
      • REVIEW (2)
  • 홈
  • 태그
  • 방명록
[Project] TODO LIST

[Project] TODO LIST

01UI 구현1. 폴더구조 잡기먼저 컴포넌트의 역할을 명확히 구분하기 위해 폴더 구조를 설계했습니다.각 컴포넌트가 독립적으로 관리될 수 있도록 /components 폴더를 만들고 기능별 디렉터리를 생성했습니다. 각 폴더에는 index.jsx파일을 배치해서 import 경로를 단순화했습니다.이렇게 하면 코드가 모듈화 되어각 컴포넌트를 독립적으로 관리할 수 있게 됩니다. 또한 CSS는 module.css 파일을 활용해 스타일 충돌 방지를 했습니다.\---src |---App.css | App.jsx | index.css \---components +---header //상단 헤더 | index.jsx ..

  • format_list_bulleted DEVELOPMENT/PROJECTS
  • · 2025. 2. 6.
  • textsms
  • navigate_before
  • 1
  • navigate_next
공지사항
전체 카테고리
  • 분류 전체보기 (60)
    • DEVELOPMENT (58)
      • HTML & CSS (1)
      • JavaScript (18)
      • React.js (14)
      • Typescript (11)
      • Next.js (2)
      • Node.js (1)
      • PROJECT NOTES (9)
      • PROJECTS (2)
    • 일상 (0)
      • 생각나누기 (0)
    • ...기타 (2)
      • BOOK CLIP (0)
      • REVIEW (2)
최근 글
인기 글
최근 댓글
태그
  • #page router
  • #JavaScript
  • #한입챌린지
  • #모던자바스크립트 deep dive
  • #css
  • #React
  • #TypeScript
  • #html
  • #실습예제
  • #Promise
전체 방문자
오늘
어제
전체
Copyright © 쭈미로운 생활 All rights reserved.
Designed by JJuum

티스토리툴바