본문 바로가기

LEARN190

[JS] JavaScript 객체 기본 1. 수업소개 객체: 서로 연관된 변수와 함수를 그룹핑하고 이름을 붙인 것 2. 실습준비 editor 준비 VSCode 사용 3-1 객체의 기본 object.js let memberArray = ['egoing', 'graphittie', 'leezhce']; console.log(memberArray[1]); //input let memberObject = { manager: 'egoing', developer: 'graphittie', designer: 'leezhce', }; memberObject.designer = 'leezche'; //update console.log('memberObject.designer', memberObject.designer); console.log("memberOb.. 2022. 3. 20.
[부스트코스] 6-2 CSS 폰트, 텍스트 6. 폰트, 텍스트 8) 속성-font font: font-style font-variant font-weight font-size/line-height font-family|caption|icon|menu|message-box|small-caption|status-bar|initial|inherit; /* size | family */ font: 2em "돋움", dotum, sans-serif; /* style | size | family */ font: oblique 2em "돋움", dotum, sans-serif; /* style | variant | weight | size/line-height | family */ font: oblique small-caps bold 16px/1.5 '돋움'.. 2022. 3. 20.
[JS] JavaScript 활용 34. 파일로 쪼개서 정리 정돈하기 WEB HTML CSS JavaScript WEB Lorem ipsum dolor sit amet consectetur adipisicing elit. Exercitationem accusantium quibusdam voluptatem consequuntur asperiores, dolores quam odio, illo necessitatibus quos et delectus aut. Blanditiis culpa ratione quibusdam, repellat ad iusto? Lorem ipsum dolor sit amet consectetur adipisicing elit. Exercitationem accusantium quibusdam voluptatem.. 2022. 3. 19.
[부스트코스] 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.

티스토리툴바