프로젝트 기획_컴포넌트 세분화 작업_20210527_Day4

2021. 5. 27. 23:59·Projects/JPortfolio_2021

금일 진행 사항

- 컴포넌트 세분화 작업 진행

- 모달 UI 추가(리뷰 / 프로젝트 디테일 설명)

- 깃헙 readme.md 업데이트(UI 추가)

 

컴포넌트 세분화 작업

실제 코드를 작성하기 전에 페이지 및 컴포넌트 세분화 작업을 진행 중인데,

이는 각 페이지에 어떤 컴포넌트가 포함되어 있는지, 그리고 어떤 엘리먼트가 쓰여야 하는지 등을 미리 파악하여

실제 코드 작성의 효율을 높이기 위함이다.

해당 프로젝트의 규모가 크지 않으므로 Atomic Design 을 적용하지 않고 진행할 예정이다.

다만, Styled Component Theme 개념을 적용하여 스타일(색상 & 텍스트 스타일 등)을 재사용할 계획이다.

모달 UI

Pair Review Detail

Project & Studies Detail

 

'Projects > JPortfolio_2021' 카테고리의 다른 글

Nav, Home, About 구현_20210530_Day6  (0) 2021.05.31
프로젝트 기획_컴포넌트 세분화 작업_20210528_Day5  (0) 2021.05.29
window.scrollTo 이용하여 특정 위치로 이동하는 법  (0) 2021.05.27
프로젝트 기획_20210526_Day3  (0) 2021.05.27
프로젝트 기획_20210507_Day2  (0) 2021.05.08
'Projects/JPortfolio_2021' 카테고리의 다른 글
  • Nav, Home, About 구현_20210530_Day6
  • 프로젝트 기획_컴포넌트 세분화 작업_20210528_Day5
  • window.scrollTo 이용하여 특정 위치로 이동하는 법
  • 프로젝트 기획_20210526_Day3
JTB
JTB
웹/앱 개발 정보를 공유하고 있습니다.
  • JTB
    JTechBlog
    JTB
  • 전체
    오늘
    어제
    • All About Programming;) N
      • Computer Science
        • Terminology and Concepts
        • Network
        • Operating System
        • Database
        • Data Structure
      • Frontend
        • Javascript Essentials
        • Perfomance Optimization
        • JS Patterns
        • Next.js
        • Flutter
      • Backend
        • Node.js
      • DevOps
        • Docker & Kubernetes
      • Coding Test N
        • LeetCode N
        • Programmers
      • Tech Books & Lectures
        • Javascript_Modern JS Deep d..
        • Network_IT 엔지니어를 위한 네트워크 입문
      • Projects
        • PolyLingo_2025
        • Build Your Body_2024
        • JStargram_2021
        • Covid19 Tracker_2021
        • JPortfolio_2021
      • BootCamp_Codestates
        • TIL
        • TILookCloser
        • Pre Tech Blog
        • IM Tech Blog
        • Daily Issues and DeBugging
        • First Project
        • Final Project
        • Sprint Review
        • Good to Know
        • Socrative Review
        • HTML & CSS
  • 블로그 메뉴

    • 홈
    • 태그
    • 방명록
  • 링크

    • 글쓰기
    • 관리
  • 공지사항

  • 인기 글

  • 태그

    Binary Tree BFS
    JavaScript
    TCP/IP
    모던 자바스크립트 Deep Dive
    Threads and Multithreading
    VoiceJournal
    Shared resources
    js pattern
    Data Structure
    polylingo
    Network
    database
    DOM
    자바스크립트 딥다이브
    Time complexity and Space complexity
    indie hacker
    structure of os
    딥다이브
    이벤트
    커리어
    mobile app
    프론트엔드 성능 최적화 가이드
    need a database
    CPU scheduling algorithm
    testing
    스코프
    Operating System
    leetcode
    How memory manage data
    자바스크립트
  • 최근 댓글

  • 최근 글

  • hELLO· Designed By정상우.v4.10.5
JTB
프로젝트 기획_컴포넌트 세분화 작업_20210527_Day4
상단으로

티스토리툴바