개발일지

1. 브라우저 문서 표현 브라우저는 서버에서 받아온 HTML 문서를 W3C(World Wide Web Consortium)에서 정한 명세를 따라서 HTML를 해석 해석된 문서는 렌더링 엔진이 브라우저에 사용자가 볼 수 있도록 그림 브라우저마다 화면을 그리는 방식이 다름 ( 그리는 방식은 다르지만 W3C에서 정한 웹표준 명세에 맞게 그리기 때문에 똑같이 보여진다. ) Chrome, Safari : Webkit 엔진 사용 Firefox : Gecko 엔진 사용 2. 브라우저 구조 브라우저는 크게 화면 조정하는 영역, 데이터를 조작하는 영역으로 구분 사용자 인터페이스 : 사용자가 브라우저를 직접조작하는 영역 ( EX: 앞으로 가기, 뒤로가기, 즐겨찾기 등 ) 브라우저엔진 : 사용자 인터페이스가 렌더링 엔진에 ..

논리 연산자 NOT -> AND -> OR 순서로 된다. // 객체 함수 기본 설명1 const test = { name: "이름", age: 10, "test aa": "test" // 키값을 띄어쓰기가 가능하다. }; const { name, age } = test; // 비구조화 할당 console.log(name); console.log(age); console.log(test["test aa"]) // 띄어쓰기된 키값을 부를 때는 배열을 부르는 것처럼 써야한다. // 객체 함수 기본 설명2 const people1 = { name : '아무개', sound : '나 아무개야', say : function say(){ //say : function say() => sa..

개발 환경 설정 ( Windows ) nodejs.org 접속 LTS : 장기적인 지원 받는 버전 (실 운영을 위한 버전) Current : 최신 노드 기능

- 왜 쓰는가? ES5에서는 모듈화가 없었다. ( 모듈화는 재사용성이 필요할 때 쓰임 ) 그래서 ES6에 추가됨 - JavaScript 모듈 로더 라이브러리(AMD, Commons JS)기능을 js 언어 자체에서 지원 - 호출되기 전까지는 코드 실행과 동작을 하지 않는 특징이 있음 // libs/math.js export function sum(x, y) { return x + y; } exprot const pi = 3.141592; // main.js import {sum} from 'libs/math.js'; sum(1, 2); - Vue.js에서 마주칠 export default - default : 파일에서 export가 한개만 가능함. 이로 인해서 캡슐화(encapsulation)가 가능 //..