20210222 6일차 Component 개발

2021. 2. 23. 01:07·BootCamp_Codestates/Final Project

메인 페이지의 Nav Compnent 와 Manual page 를 개발했다.

Nav Component 를 구현할 때는 props 를 사용해야 했는데, 관련 모듈을 설치하지 않아 오랜 시간 헤맸다.

가정통신문 같은 경우엔 박스 사이의 공백이 생겨서 메꾸느라 시간을 보냈다.

의아한 점이 있는데,

페이지를 축소하면 오른쪽 로그인 페이지는 크기가 변하지 않는데,

왼쪽 가통 페이지의 경우 크기가 축소되는 것을 확인했다. 물론 flex box 를 적용했기 때문인것 같은데...

로그인 페이지도 마찬가지라는게 함정...

 

차후 미디어 쿼리를 적용해야 하는데 관련하여 의견을 더 나누어 봐야겠다. .

CSS 작업에 이렇게 시간이 많이 걸릴줄은 몰랐다;

꾸준히 작업해야겠다.

'BootCamp_Codestates > Final Project' 카테고리의 다른 글

20210224 8일차 깃 지옥.  (0) 2021.02.25
20210223 7일차 page, component 개발  (0) 2021.02.24
20210221 5일차 Sign Page 개발 및 CSS 연습  (0) 2021.02.22
20210220 4일차 개발 환경 세팅 완료  (0) 2021.02.20
20210219 3일차 개발 환경세팅  (0) 2021.02.20
'BootCamp_Codestates/Final Project' 카테고리의 다른 글
  • 20210224 8일차 깃 지옥.
  • 20210223 7일차 page, component 개발
  • 20210221 5일차 Sign Page 개발 및 CSS 연습
  • 20210220 4일차 개발 환경 세팅 완료
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
  • 블로그 메뉴

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

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

  • 인기 글

  • 태그

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

  • 최근 글

  • hELLO· Designed By정상우.v4.10.5
JTB
20210222 6일차 Component 개발
상단으로

티스토리툴바