본문 바로가기

부스트코스25

[부스트코스] 6-1 CSS 폰트, 텍스트 6. 폰트, 텍스트 1) 속성-typography em: 폰트 전체 높이 ex(=x-height): 해당 폰트의 영문 소문자 x의 높이 Baseline: 소문자 x를 기준으로 하단의 라인을 의미 Descender: 소문자에서 baseline 아래로 쳐지는 영역을 의미 (g, j, p, q, y) Ascender: 소문자 x의 상단 라인 위로 넘어가는 영역 (b, d, h, l) 2) 속성-font-family (글꼴) font-family: family-name|generic-family|initial|ingerit; /* 맨 마지막 선언은 generic-family */ font-family: Helvetica, Dotum, '돋움', Apple SD Gothic Neo, sans-serif; fami.. 2022. 3. 19.
[JS] JavaScript 객체 소개 29. 객체 예고 개체는 함수의 기반 위에서 존재하는 개념 서로 연관된 함수와 변수가 많아지면 이를 정리하기 위해 사용 document.querySelector('body'); document가 객체 querySelector는 document라는 객체에 속해 있는 함수 객체에 속해 있는 함수들은 Method라는 이름으로 부름 30. 객체 (쓰기와 읽기) 순서 없이 저장 Object Create 31. 객체(순회) 객체에 있는 모든 값들을 가져오기 순회 iteration for in 사용해서 가져오기 Object Create Iterate 32. 객체(프로퍼티와 메소드) 객체에는 함수도 담을 수 있다 객체에 메소드 추가 Object Create Iterate Property & Method 객체에 해당하는.. 2022. 3. 18.
[부스트코스] 5-2 CSS 단위, 배경, 박스모델 5. 단위, 배경, 박스모델 6) 속성-border 요소의 테두리 /* 속성 */ border-width: 1px; /* 두께 | thin | medium | thick */ border-style: solid; /* 종류 none | hidden | dotted | dashed | solid | double | groove */ border-color: #000; /* 색상 */ /* 축약형 */ border: 1px solid #000; /* 단축 속성 */ border-left: 6px solid red; /* 보더 왼쪽 */ border-width: 6px; /* 보더 두꼐 */ border-width: 6px 3px; /* 보더 상하, 좌우 두께 */ border-width: 6px 3px 4p.. 2022. 3. 18.
[JS] Javascript 함수 24. 함수 예고 함수의 장점 유지보수 쉬워짐 코드의 길이가 짧아짐 같은 함수 사용 시, 두 코드가 논리적으로 같다는 것을 한 번에 알 수 있음 적절한 이름 붙여주면 이 코드가 어떤 일을 하는지 한 눈에 알 수 있음 25. 함수 Function Basic Parameter & Argument Return 26. 함수-매개변수와 인자 Function Basic Parameter & Argument Return 27. 함수-리턴 함수는 입력과 출력으로 이루어져 있음 parameter와 argument는 입력 return은 출력 Function Basic Parameter & Argument Return 28. 함수 활용 WEB HTML CSS JavaScript JavaScript Lorem ipsum do.. 2022. 3. 17.
[부스트코스] 5-1 CSS 단위, 배경, 박스모델 5. 단위, 배경, 박스모델 1) 속성-정의와구문 CSS 속성의 정의와 syntax 확인 방법 정의 해당 속성이 어떤 변화를 일으키고 어떻게 동작하는지 파악 기본 값 상속 여부 애니메이션 가능 여부 사용 가능한 CSS 버전 문법 해당 속성값을 어떤 식으로 나열하여 사용하는지를 파악할 수 있음 속성 값 해당 속성이 인식하여 적용할 수 있는 값의 형태나, 키워드 등을 파악할 수 있음 initial: 초기값, 즉 속성의 기본값으로 정의 (ie 지원x) inherit: 부모 요소의 해당 속성 값을 적용 (상속 가능할 요소일 경우) 지원 범위 해당 속성이 정의에 맞게 동작 가능한 CSS 버전, 브라우저별 저번 확인 어떤 브라우저의 어떤 버전이냐에 따라 같은 값이어도 다르게 렌더링 될 수 있으므로, 현재 프로젝트의.. 2022. 3. 17.
[JS] Javascript 제어문 13. 프로그램, 프로그래밍, 프로그래머 시간의 순서에 따라 연주되는 것을 프로그램이라고 했다고 함 프로그램이라는 의미의 중심에는 '순서'라는 의미가 깊숙하게 자리잡고 있음 순서를 만드는 행위를 프로그래밍이라고 함 그 순서를 만드는 사람을 프로그래머 14. 조건문 예고 조건문: 프로그램이 조건에 따라서 다른 기능들이 다른 순서에 따라서 실행되도록 만들어주는 것 토글: 하나의 버튼으로 두 가지 기능 구현 15. 비교연산자와 블리언 비교 연산자 불리언(Boolean) (true & false) === Comparison operator & Boolean === 1===1 1===2 1<2 1<1 === : 동등 비교 연산자 (이항 연산자) Boolean: True or False : 비교 연산자 .. 2022. 3. 16.

티스토리툴바