- 포트폴리오에 들어갈 내용 정리
- 기술 스택 및 전체적인 레이아웃 구조 계획
- 파일 구조 작업
- 리액트 모바일 기준 작업 시작
- 페이지별 레이아웃 구현
- 기본 css 작업
- 기술 스택 선생님께 피드백 받은 후 수정
- 반응형 구조로 작업하며 모바일에서의 디자인을 pc에서 어떻게 풀어낼 것인지 고민
- 미디어쿼리를 사용해 해상도를 3가지 기준으로 작업
- 기술 스택 선생님께 피드백 받은 후 수정
- 반응형 구조로 작업하며 모바일에서의 디자인을 pc에서 어떻게 풀어낼 것인지 고민
- 미디어쿼리를 사용해 해상도를 3가지 기준으로 작업
- 헤더 이벤트 효과 - 스크롤 시 사이즈 축소 및 하부 border 값 주기
- 프로젝트 페이지로 바로 이동 가능한 버튼 만들기
- 스와이퍼 브레이크 포인트를 사용해 해상도 별 보여지는 화면 조절
- css 디테일 작업
- 마우스 + 스크롤 이벤트 추가 고민
- 원 위치 수정 필요
- 행간 간격 조절
- sticky 효과를 추가해 포인트 요소 생성
- 프로젝트 페이지 폭 줄이기
- 반응형 모바일 글자 사이즈 키우기
- 포인트 컬러 고민 필요
- header 디폴트 값 없애기
- sticky 적용 시 스타일이 달라질 수 있게 작업