08. Footer.jsx — 하단 푸터 이번 단계에서 할 일 SNS 아이콘 링크와 저작권 정보가 담긴 푸터를 만듭니다. 피그마 디자인 분석 ┌──────────────────────────────────────────────────┐ │ │ │ Thanks X IG YT LI │ │ │ │ copyright All right │ │ │ └──────────────────────────────────────────────────┘ 높이: 324px 요소 값 "Thanks" 폰트 20px, #1e1e1e SNS 아이콘 크기 24px × 24px 아이콘 … 더 읽기
03. Nav.jsx — 네비게이션 바 이번 단계에서 할 일 상단 네비게이션 바를 만듭니다. 클릭한 메뉴가 회색 pill 배경으로 바뀌는 기능도 구현합니다. 피그마 디자인 분석 ┌──────────────────────────────────────────────────┐ │ [로고] ┌──────┐ │ │ │ Home │ AboutMe Projects │ 높이: 99px │ └──────┘ │ └──────────────────────────────────────────────────┘ 요소 값 전체 높이 99px 배경색 #ffffff 활성 메뉴 배경 #f5f5f5, 둥근 pill … 더 읽기
1. 시작하기 전에 완성코드 완성화면 1.1. 이 교안으로 만들 것 피그마 디자인을 보고 포트폴리오 웹사이트를 React로 직접 만들어봅니다. ┌──────────────────────────────────────────────┐ │ [로고] Home AboutMe Projects │ ← 네비게이션 ├──────────────────────────────────────────────┤ │ │ │ Title │ ← 히어로 │ Subtitle │ │ [Github] [Resume] │ │ │ ├──────────────────────────────────────────────┤ │ ABOUT ME │ ← 소개 │ 학력 / 자격사항 … 더 읽기
