Silver Library

개인 페이지 - 프로젝트 (Day 1) 본문

Face the fear, build the future

개인 페이지 - 프로젝트 (Day 1)

Silver Archmage 2021. 11. 30. 09:58

 

계획.

기존의 레이아웃 구조 및 링크, SPA 만 구현 해두고 잠시 봉인해 두었던 그 프로젝트를 다시 열어서 시작.

 

<아래 일정은 최소 조건. 진행 속도에 따라서는 일찍 끝날 수도.>

 

1일차.

Main page (JW) 부분에서

- 한 페이지 내에서 SPA로 구현해서 react 답게 다 볼 수 있도록.

- 각 링크를 (Navigation bar) 누를 때 마다, 해당 지점으로 이동하도록.

- Navigation bar 는 끝까지 고정된 상태로 따라다니도록.

- CSS animation transition effect 는 다 끝난 후, 나중에.

목적: 링크를 일일히 누르는 것 보다는, 넘기면서 보도록 유도하는게 클라이언트 입장에서 전체 웹 내용 파악에 용이.

 

2일차.

- CSS animation transition effect 구현.

- JS responsive feature 구현. (1. Home -> Skills 로 이동 시, transition 효과로 글 출력)

- 이를 Contact 까지. 단, 글 tranition effect 는 Skills About, Work 까지만.

목적: 어디까지 반응형이 가능한지, 기본 증명 목적.

 

3일차.

정리.

- Main page (JW) 부분에서 이미지 저작권 free 로 교체 or 프로필 사진.

- 넣을 수 있어 보이는 API 는 뭐가 있을까? (clock, weather, jsemail API, 카카오톡 메세지 남기기 kakaoopenAPI)중 택.

아니면, 공공데이터 API 를 활용해서 국내 수도권 COVID 현황만 단독으로 표기.

 

0 Comments
댓글쓰기 폼