21세기에 부활한 미니홈피
2021 MINI HOMEPAGE
사진첩 아기하마 게시판 티벳토끼의 잡동사니입니다 게시판 둘러보고 가세요~ 사진첩 아빠가 왕도마뱀이면? 다이어리 0/25 사진첩 0/25 게시판 0/25 방명록 0/25
joseph-106.github.io
네이버 카페 '코뮤니티'에서 진행한 한 입 웹개발(H,C) 3월 모각코 과정으로, 15일간 싸이월드 미니홈피를 모델로 각자의 미니홈피를 구현해보는 프로젝트형 스터디. 기능보다는 디자인과 프론트엔드(HTML, CSS)의 활용에 초점을 맞췄다.
주요 기능 및 구현 수단은 다음과 같다.
- position과 flex를 활용한 적절한 아이템 배치
- a태그에 HTML파일의 상대경로를 설정한 페이지 이동
- 페이지가 변하는 부분마다 분리한 CSS 파일
- Google Fonts와 Font Awesome 라이브러리 활용
- position absolute를 활용한 overflow 스크롤 구현
- GitHub Pages를 활용한 정적 웹사이트 호스팅
에디터: Visual Studio Code / 브라우저: Chrome
코드보기🔽
joseph-106/2021_MINI_HOMEPAGE
Contribute to joseph-106/2021_MINI_HOMEPAGE development by creating an account on GitHub.
github.com
'Front-end > HTML, CSS' 카테고리의 다른 글
| [코뮤니티/한 입 웹개발(H,C)] #14 & 15일차 - 웹사이트 호스팅 (0) | 2021.04.05 |
|---|---|
| [코뮤니티/한 입 웹개발(H,C)] #13일차 - 방명록 만들기 (8) | 2021.04.02 |
| [코뮤니티/한 입 웹개발(H,C)] #12일차 - 다이어리 만들기(2) (6) | 2021.04.01 |
| [코뮤니티/한 입 웹개발(H,C)] #11일차 - 다이어리 만들기(1) (4) | 2021.03.31 |
| [코뮤니티/한 입 웹개발(H,C)] #10일차 - 사진첩 만들기 (0) | 2021.03.30 |