[03.31] 모던 JavaScript 튜토리얼

💀TIL 선배 특강 / 현직자 특강 모던 JavaScript 튜토리얼을 읽고 공부해보고자 한다. 모든 출처: https://ko.javascript.info/ 모던 JavaScript 튜토리얼 ko.javascript.info 자바스크립트(JavaScript) ‘웹페이지에 생동감을 불어넣기 위해’ 만들어진 프로그래밍 언어 ECMAScript라는 고유한 명세를 갖춘 독립적인 언어 ECMAScript - Wikipedia From Wikipedia, the free encyclopedia Specification for Javascript and other programming languages ECMAScriptParadigmMulti-paradigm: prototype-based, functional, ..

• format_list_bulleted 멋쟁이사자처럼 FE 5기/TIL
• · 2023. 3. 31.
• textsms

[Day7] flex/grid 레이아웃

💀TIL flex grid 🕘 flex display: flex - block혹은 inline으로 구분되지 않고 flex라는 요소로 변한다. flex로 변한 컨텐츠는 flex-container, 그 안에 flex-item이 된다. flex-direction: row 행 | column 열 - 정렬에 기준이 되는 속성 중심축의 방향을 바꿔준다 -------- | flex-direction: row 기본값 가로 ----- flex-direction: column 세로 | reverse 속성은 접근성 문제로 권하진 않는다. justify-content : 중심축 기준 방향 정렬 flex-start: 기본값, 컨테이너의 시작점을 기준으로 아이템 정렬 flex-end: 끝부터 center : 중앙 space-be..

• format_list_bulleted 멋쟁이사자처럼 FE 5기/TIL
• · 2023. 3. 8.
• textsms

[Day4] 목록 태그, CSS 가상 선택자, Box Model

💀TIL 목록 태그 가상 선택자 Box Model 🕘 목록 태그 ol , ul ol: ordered list 순차적 목록 type 유형 1 숫자 a 소문자 알파벳 A 대문자 알파벳 i 소문자 로마 숫자 I 대문자 로마 숫자 start: 항목을 셀때 시작할 수, 아라비아 숫자만 가능하다. reversed: 순서를 역전시킨다. ul: unordered list 비순차적 목록 li: 목록의 항목으로 단독 사용이 불가능하다. ol, ul의 자식요소로만 사용할 수 있다. ol, ul 의 자식요소로는 li만 사용이 가능하다. 첫번째 두번째 세번째 첫번째 두번째 세번째 🕚 가상 선택자 선택자 뒤에 :가상 이벤트를 붙이면 특정 이벤트마다 적용할 스타일을 설정할 수 있다. 가상 클래스(추상or의사 클래스) 라고 한다. ..

• format_list_bulleted 멋쟁이사자처럼 FE 5기/TIL
• · 2023. 3. 3.
• textsms

[Day3] HTML문서 해부, css선택자, 단위

💀TIL HTML 문서 해부 🕘 HTML 문서 해부 ‘이 문서는 html Living Standard 문서!라는 의미 HTML 문서의 최상단 요소 lang 속성을 통해 주 언어 설정이 가능하다. 언어코드(소문자) - 국가코드(대문자) ko-KR 대한민국 en-US 미국, en-GB 영국, en-PH 필리핀 기계가 식별할 수 있는 문서 정보(메타데이터)를 담는다. meta 메타데이터: 어떤 목적을 위해 만들어진 데이터 charset="utf-8" : 문자 코드 설정 utf-8: 전 세계적인 언어들 지원, 국제적인 코드 규약 🕚 선택자 전체 선택자 head를 포함한 HTML 문서 내의 모든 요소 선택 * { margin:0; padding:0; } 타입 선택자(태그 선택자or 요소 선택자) 특정 태그 선택 ..

• format_list_bulleted 멋쟁이사자처럼 FE 5기/TIL
• · 2023. 3. 2.
• textsms