티스토리 뷰
반응형
부트스트랩 hobbyX 사이트 - part 1. 개발 준비
부트스트랩을 사용해서 Hobby관련 사이트를 만들 예정이다. 먼저 개발에 필요한 라이브러리 설치한다.
- 프로젝트 폴더 생성하고 index.html, script.js, style.css 파일을 생성
script.js , style.css 라이브러리 추가
- 부트스트랩 공식 페이지에서 starter template 을 복사해서 index.html 생성
- 타이틀 및 타이틀 아이콘 변경
- Fontawesome / google font 라이브러리 추가
구글 폰트를 본문(body) 에 적용
- JQuery 에 대한 라이브러리 변경 ( 안하면 일부 애니메이션 효과가 안될수 있음. )
jQuery CDN 에서 jQuery 3.0 uncompress 를 복사해서 사용한다.
bootstap 에 있던 slim.min.js 를 uncompress 버전으로 변경한다.
이제 필요한 모든 라이브러리 준비가 끝났다.
'Bootstrap4' 카테고리의 다른 글
부트스트랩 hobbyX 사이트 - part 3. navbar 만들기 (0) | 2020.09.11 |
---|---|
부트스트랩 hobbyX 사이트 - part 2. 배너 만들기 (0) | 2020.09.11 |
Admin Dashboard 만들기 part 11. 푸터 만들기 ( footer ) (0) | 2020.09.02 |
Admin Dashboard 만들기 part 10. 글 남기기( quick posting ) (0) | 2020.09.02 |
Admin Dashboard 만들기 part 9. 최근 활동 기록 남기기(bootstrap accordion) (0) | 2020.09.02 |
댓글
반응형
공지사항
최근에 올라온 글
최근에 달린 댓글
- Total
- Today
- Yesterday
링크
TAG
- 미밴드4
- END key
- http 요청
- amaztools
- python slack
- df 명령어
- 메시지 전송
- 디스크 사용량
- 프로젝트 생성
- cmd창
- 파이썬
- du 명령어
- channel oauth
- 장고
- slack api
- venv
- HOME/END
- angular
- Python
- python message
- 미밴드
- win7
- webhook
- Karabiner-Elements
- win10
- vscode
- cmd실행
- 팀 소통
- django
- HOME key
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
글 보관함