UIUX 디자이너, 프론트엔드 학습 일지

이번 장에서는 CSS의 개요에 대한 학습 내용을 적어보려 한다. CSS 개요 선택자 {속성:값;} 선택자는 스타일을 어디에 적용(html에 정의해 둔 것)할지 정하는 대상이다. 선언 방식 내장 방식 의 내용으로 스타일을 작성하는 방식 css의 내용을 html의 스타일이라는 태그 내부에다가 직접적으로 작성해서 html에 내장한다는 의미가 있다. ex) 링크 방식 link로 외부 css 문서를 가져와서 연결하는 방식 인라인 방식 요소의 style 속성에 직접 스타일을 작성하는 방식 html의 요소에 전역 속성이 style을 직접 추가해서 css 직접 작성하는 것 css 우선순위라는 개념에서는 이 방법이 너무 우선순위가 높아 단점이 있음 ex) @import 방식 css의 @import 규칙으로 css 문서 ..

이번 장에서는 HTML과 관련해 학습한 내용을 정리해보려 한다. 기본 문법 내용는 하나의 요소(Element) : 시작 태그 : 종료 태그 부모와 자식 관계의 이해 글자와 상자 인라인 요소 : 글자를 만들기 위한 요소들 : 대표적인 인라인 요소, 본질적으로 아무것도 나타내지 않는, 콘텐츠 영역을 설정하는 용도 요소가 수평으로 쌓인다. 포함한 콘텐츠 크기만큼 가로와 세로 값이 자동으로 줄어든다. 글자 요소는 가로 세로 사이즈를 조정할 수 없다. 인라인 요소 안에는 블록 요소를 넣을 수 없다. 블록 요소 : 상자(레이아웃)를 만들기 위한 요소들 : 대표적인 블록 요소, 본질적으로 아무것도 나타내지 않는, 콘텐츠 영역을 설정하는 용도 요소가 수직으로 쌓인다. 부모 요소의 크기만큼 자동으로 늘어난다. 포함한 콘..

티스토리에서는 HTML, CSS, JS 학습했던 것들을 다시금 적어보면서 복습을 하고, 그 과정에서 궁금한 점들, 추가 학습이 필요한 것들에 대해 적어 내려 가며, 나의 역량을 키워보려 한다. 학습은 패스트 캠퍼스에서 제공해 주는 '한 번에 끝내는 프론트엔드 개발 초격차 패키지 Online'을 들으면서 학습한 것을 토대로 적어보려 한다. HTML / CSS / JS HTML 페이지의 제목, 문단, 표, 이미지, 동영상 등의 웹의 구조를 담당한다. CSS 실제 화면에 표시되는 방법(색상, 크기, 폰트, 레이아웃 등)을 지정해 콘텐츠를 꾸며주는 시각적인 표현을 담당 JS 콘텐츠를 바꾸고 움직이는 등 페이지를 동작시키는 동적 처리를 담당 HTML의 head와 body : 문서의 정보를 나타내는 범위 웹 브라우..