CSS
-
[부스트코스] 프로젝트 A-1. 나를 소개하는 홈페이지 만들기Front-end/부스트코스 : 웹 프로그래밍 2020. 2. 25. 20:01
https://www.edwith.org/boostcourse-web/project/4/content/3#summary https://www.edwith.org/boostcourse-web/project/4/content/3#summary www.edwith.org 웹 프로그래밍 기초를 마치고 첫 프로젝트 주제는 '나를 소개하는 홈페이지 만들기'이다. 프로젝트 조건은 아래와 같다. - index.html 상단 : 홈, 자기소개, 내사진, 몇시에요 라는 메뉴가 있음 (간격은 같아야 함) 모든 콘텐츠는 가운데 정렬 네모난 UI는 그림자 효과를 줌 링크 영역에 마우스를 올리면 커서모양이 손모양으로 바뀜 지도는 이미지 형태로 추가하기 footer에 개인정보 추가하기 - aboutme.html 같은 수준의 태그는..
-
[부스트코스] 1. 웹 프로그래밍 기초 - CSSFront-end/부스트코스 : 웹 프로그래밍 2020. 2. 16. 15:25
html 강의를 마치고 css 강의를 듣고 정리해보려고 한다. css 강의가 6개이기는 하지만 한 번에 듣고 하나의 포스팅으로 작성한다. 참고 강의 :https://www.edwith.org/boostcourse-web/lecture/16673/ [LECTURE] 1) CSS 선언방법 : edwith 들어가기 전에 CSS를 HTML안에 선언하는 방식은 크게 3가지가 있습니다. 이를 잘 이해하고 활용하는 것이 좋습니다. 학습 목표 CSS선언 방식을 이해하고 활용할 수 있다. ... - 부스트코스 www.edwith.org * CSS 선언과 적용 CSS는 3가지로 이루어져 있다. -> selector, property, value 아래 코드와 같이 선언한다. (span 태그의 글씨 색상을 red로 한다는 뜻..
-
[부스트코스] 1. 웹 프로그래밍 기초 : browser의 동작Front-end/부스트코스 : 웹 프로그래밍 2020. 1. 15. 16:49
저번 HTTP 프로토콜에 이어 웹 프로그래밍 기초에 대한 강의를 듣고 정리한 글입니다. 강의 : https://www.edwith.org/boostcourse-web/lecture/16663/ * Browser (브라우저) 브라우저란? World Wide Web(WWW)에서 정보를 검색, 표현, 탐색하기 위한 소프트웨어 * Browser Main Components 브라우저를 이루고 있는 컴포넌트들에 대해 알아보자. The user interface (사용자 인터페이스) : 주소 입력하는 부분, 뒤로 가기나 앞으로 가기 버튼, 북마크 버튼 등 페이지의 윈도우를 제외하고 브라우저가 보여주는 모든 부분 The browser engine (브라우저 엔진) : 브라우저 소프트웨어를 동작 시켜주는 핵심적인 엔진 ..