멋사9기 (2) 썸네일형 리스트형 [멋쟁이 사자처럼] 토이프로젝트 TRIP-LOG 완성과 회고 목요일 발표를 마지막으로 첫 번째 팀 프로젝트가 끝났다. 우선 결과물을 보자❗ TRIP-LOG 여행 동선을 지도에 표시해서 공유하고, 도움이 될 정보들을 사용자끼리 공유하는 커뮤니티 웹사이트 사용 폰트 S-CoreDream-3Light S-CoreDream-6Bold S-CoreDream-9Black 주요 CSS 정리 요소 정 가운데로 이동 top: 50%; left: 50%; transform: translate(-50%, -50%); /* .wrapper의 절반 만큼 다시 이동해서 중앙에 위치 */ 커서 손가락 모양으로 바꾸기 cursor: pointer; * cursor: 요소 위에 마우스 커서가 올라갔을 때 모양 지정 요소 채우기 object-fit: cover /* 내용이 종횡비를 유지하면서 정.. [멋쟁이 사자처럼] HTML과 CSS로 자기소개 웹페이지 만들기 지난 이야기🌿 1주 차 세션에는 비주얼 스튜디오 코드(VS Code)와 깃을 다 함께 설치했다. 2주 차 (2021.04.05 - 2021.04.09) 1) 화요일 2주 차부터 본격적으로 HTML과 CSS에 대해 배우고 코드를 따라 작성하며 웹페이지를 만들었다. HTML: HyperText Markup Language의 약자로 웹페이지를 만드는 데 사용하는 언어이다. 미리 정의된 태그와 속성을 사용한다. CSS: Cascading Style Sheets의 약자로 HTML 요소들이 각종 미디어에서 어떻게 보이는가를 정의하는 스타일 시트 언어다. 멋사 운영진(회장님👍)을 따라 하면서 만든 첫 웹페이지 결과물을 보자. 약간 머쓱하지만 코드는 다음과 같다. 첫번째 p 두번째 p 세번째 p 바깥의 p태그 원하는 .. 이전 1 다음
