반응형 웹페이지 제작(blog) #1-1
개발환경 구성(windows)
-
node.js 설치
-
Vue.js, Vue-cli 설치
1
2
3
4
5
6
> npm install
> npm install -g yarn
> npm install -g @vue/cli
> npm install vue
> npm install -g firebase-tools
> npm run serve
- atom 설치
190701
- Header, footer 구현
- Header 영역에 블로그 제목 노출 구현
- 스크롤시 헤더가 같이 움직이도록 구현
- 메인 이미지 영역이 새로고침시 마다 변경되도록 구현
- 반응형 웹사이트 구현
- 모바일 사이즈에서 Home화면의 About Me 이미지가 미노출
- 모바일 사이즈에서 이미지 영역을 화면 사이즈로 조절
- 모바일 사이즈에서 Home화면의 About Me 가운데정렬
- 가로 사이즈에 따라 텍스트 사이즈가 자동 조절
- 반응형 웹사이트 구현
- Portfolio 클릭시 페이지 이동 구현
- 사이드 바의 메뉴(포스트, 포트폴리오, 로그인)를 클릭 시, 각 페이지로 이동 구현
- 페이지 스크롤 시 페이지 최상단으로 이동 버튼 추가 구현
Jira
-
Jira를 이용한 이슈 & 프로젝트 트래킹 관리
