Web Development/부스트코스 - Front-End(JavaScript)
-
[Front End] 객체지향 JavaScript 구현Web Development/부스트코스 - Front-End(JavaScript) 2020. 4. 22. 15:04
✔️ 배열의 함수형 메소드 ◾ 웹 프론트엔드에서는 데이터 처리가 점점 증가하고 있다. 배열에 적용되는 다양한 메서드를 통해 데이터 파싱 처리를 손쉽게할 수 있다. 아래와 같은 배열을 다양한 메서드로 조작해보자. var data = [{ title: "hello", content: "간지철철", price: 12000 }, { title: "crong", content: "괜춘한 상품", price: 5500 }, { title: "codesquad", content: "쩌는상품", price: 1200 }]; 1️⃣ for, forEach //for를 통한 배열 탐색 for (var i = 0; i < data.length; i++) { console.log(data[i].title, data[i].pr..
-
[Front End] Javascript 기초Web Development/부스트코스 - Front-End(JavaScript) 2020. 3. 5. 19:08
자바스크립트(Java Scripy) - 컴파일 단계가 없는 자바스크립트의 type(자료형)은 실행 단계에서 타입이 결정됨 - 자바스크립트 버전은 ECMA(줄여서 ES)의 버전에 따라서 결정됨 - 2018년을 중심으로 ES6(ES2015)를 표준으로 쓴다. 자바스크립트 변수 - 변수는 var, let, const로 선언할 수 있다. - 어떤 것을 사용하는가에 따라 변수의 유효범위(scope)가 달라진다. - ES6 이전까지는 var을 사용해서 변수를 선언한다. 자바스크립트 연산자 const name = "crong"; const result = name || "codesquad"; console.log(result); // "name" var name = ""; var result = name || "co..
-
[Front End] CSS 기초Web Development/부스트코스 - Front-End(JavaScript) 2020. 3. 5. 18:57
CSS의 구성 span{ color : red; } /* selector{ property : value } */ CSS 선언 방식 - inline : HTML 태그 안에다가 적용한다. - internal : HTML style 태그로 적용한다. - external : 외부파일(.css)로 지정하는 방식 CSS 적용 우선순위 - inline > internal = external - id > class > 엘리먼트 - 같은 선택자라면, 나중에 선언한 것이 반영된다. - 선택자의 표현이 구체적인 것이 있다면 먼저 적용된다. [example] body > span(O) span (x) CSS 상속 - 상위에서 적용한 스타일은 하위에도 반영된다. - 단, box-model이라고 불리는 속성들(width, he..