[Inflearn] 판다코딩님의 "[하루 10분|Web Project] HTML/JS/CSS로 나만의 심리테스트 사이트 만들기" 강의 수강 기록
* 강의명을 누르면 해당 강의로 이동할 수 있습니다.
* 본 게시글은 강의를 수강하며 개인적으로 알게 된 점, 느낀 점을 그저 정리해두는 게시글입니다. 강의 내용 자체를 캡쳐하거나 코드를 직접적으로 게시하지 않았으니 해당 내용은 강의를 수강하시며 얻게 되셨으면 좋겠습니다 :3
오늘의 수강기록
Intro
Main Page
Bootstrap
아무래도 제작할 사이트는 pc와 모바일 모두에서 보여지게 될 것인데, ui를 따로 디자인할 필요가 있음. 이런 것을 반응형 웹사이트라고 함
이를 위해서 css만을 이용하는 것도 가능하지만 Bootstrap 프레임워크를 이용하여 편리하게 짤 것!
링크를 누르면 들어갈 수 있는 홈페이지에서, css를 위한 코드를 찾아 복붙해서 헤더에 넣으면 부트스트랩에서 정의한 css를 사용 가능하게 됨!
그리고 검색을 통해 원하는 곳을 꾸밀 수 있게 됨
+ mx-auto를 통해 x축에 대해서 가운데 정렬이 간단하게 가능함
+ margin으로 여유 공간을 주려고 했을 때, 공간이 겹치는 문제가 있었음. 이를 padding으로 해결했음
+ padding top+padding bottom은 y축에 대한 padding인 padding-y로 바꿔서 표현 가능!
+ js 스크립트는 바디 끝나는 부분에 선언하는 것을 권장
✨수강 인증✨
'STUDY - 공부기록 > Web' 카테고리의 다른 글
| [React] api key 숨기기, React 환경에서 Kakao Map API 사용 시 api key를 관리하는 방법 (0) | 2021.08.29 |
|---|---|
| [CSS] 텍스트 외곽선 효과 주기, 텍스트 테두리 만들기 (0) | 2021.08.08 |
| [Inflearn] 심리테스트 사이트 만들기 4 (0) | 2021.07.01 |
| [Inflearn] 심리테스트 사이트 만들기 3 (0) | 2021.07.01 |
| [Inflearn] 심리테스트 사이트 만들기 2 (0) | 2021.06.25 |