본문 바로가기

FastCampus/한 번에 끝내는 파이썬 웹 개발 초격차 패키지 Online.83

한 번에 끝내는 파이썬 웹 개발 초격차 패키지 109일차 웹 & 프론트엔드 기본 GitHub 예제 Google Maps index.html Where is GitHub? GitHub is where people build software. More than 18 million people use GitHub to discover, fork, and contribute to over 48 million projects. main.css section.map .container { padding-top: 100px; padding-bottom: 100px; color: #627597; } section.map h1 { font-size: 44px; font-weight: 700; } section.map p { font-size: 24px; } #map { hei.. 2021. 12. 23.
한 번에 끝내는 파이썬 웹 개발 초격차 패키지 108일차 웹 & 프론트엔드 기본 GitHub 예제 Features Bootstrap > Docs > Utilities > Borders Borders - 요소의 테두리 및 테두리 반지름 스타일을 빠르게 지정하려면 테두리 유틸리티를 사용 - 이미지, 버튼 또는 기타 요소에 적합 Bootstrap > Docs > Components > Cards Cards - 부트스트랩의 카드는 유연하고 확장 가능한 콘텐츠 컨테이너에 다양한 변형과 옵션을 제공 Card title Some quick example text to build on the card title and make up the bulk of the card's content. Go somewhere index.html For everything you build.. 2021. 12. 22.
한 번에 끝내는 파이썬 웹 개발 초격차 패키지 107일차 웹 & 프론트엔드 기본 GitHub 예제 Youtube Youtube - Youtube 영상은 반응형에 맞게 제작되어야 함 - Youtube 영상의 비율은 16:9 - Bootstrap에서는 Youtube 기능이 16:9 자동으로 만들어주는 기능을 제공 - Bootstrap > Header > Docs > Helpers > Ratio Ratios - 생성된 유사 요소를 사용하여 선택한 가로 세로 비율을 유지 - 부모 폭에 따라 비디오나 슬라이드쇼 임베드를 반응적으로 처리하기에 적합 index.html iframe src = 영상 주소 main.css /* 중략 */ section.youtube .container { padding-top: 90px; padding-bottom: 70px; position.. 2021. 12. 21.
한 번에 끝내는 파이썬 웹 개발 초격차 패키지 106일차 웹 & 프론트엔드 기본 GitHub 예제 Hero Contents (2) CODE TEST : CodePen CodePen An online code editor, learning environment, and community for front-end web development using HTML, CSS and JavaScript code snippets, projects, and web applications. codepen.io index.html Personal Open Source Business Explore Sign in Sign up Where the world builds software Millions of developers and companies build, ship, and .. 2021. 12. 20.