Javscript (22) 썸네일형 리스트형 [Javascript] 자바스크립트 (1/19) 18일 한것은 정리가 조금 필요할 것 같아서 내일 올려야겠다. 순서가 바뀐 것은 애교로 봐달라 > yyy > xxx 순으로 실행된다. 실행 컨텍스트의 3가지 객체 실행 컨텍스트는 실행 가능한 코드를 형상화하고 구분하는 추상적인 개념이지만 물리적으로는 객체의 형태를 가지며 3가지 프로퍼티를 가진다. 프로퍼티 예시 Variable Object {vars, function, declaration, arguments...} Scope Chain {Variable Object + all parent scopes thisValue Context Object Variable Object (VO/ 변수 객체) 실행 컨텍스트가 생성되면 자바스크립트 엔진은 실행에 필요한 여러 정보들을 담을 객체를 생성한다. 이를 VO라 .. [Javascript] 자바스크립트 (1/17) argument 프로퍼티 arguments 객체는 함수 호출 시 전달된 인수(argument)들의 정보를 담고 있는 순회가능한(iterable) 유사 배열 객체(array-like object)이며 함수 내부에서 지역 변수처럼 사용된다. 즉, 함수 외부에서는 사용할 수 없다. 자바스크립트는 함수 호출 시 함수 정의에 따라 인수를 전달하지 않아도 에러가 발생하지 않는다. function multiply(x, y) { console.log(arguments); return x * y; } multiply(); // {} multiply(1); // { '0': 1 } multiply(1, 2); // { '0': 1, '1': 2 } multiply(1, 2, 3); // { '0': 1, '1': 2, '.. [Javascript] 자바스크립트 (1/16) Immutability(변경 불가능)은 객체가 생성된 이후 그 상태를 변경할 수 없는 디자인 패턴을 의미한다. Immutability는 함수형 프로그래밍의 핵심 원리이다. 객체는 참조 형태로 전달하고 전달받는다. 객체가 참조를 통해 공유되어 있다면 그 상태가 언제든지 변경될 수 있기 때문에 문제가 될 가능성도 커지게 된다. 불변 객체를 생성하면 복제나 비교를 위한 조작을 단순화할 수 있고 성능 개선에도 도움이 된다. 하지만, 객체가 변경 가능한 데이터를 많이 가지고 있는 경우 오히려 부적절한 경우가 있다. ES6 에서는 불변 데이터 패턴(immutable data pattern)을 쉽게 구현할 수 있는 새로운 기능이 추가되었다. Immutable value VS Mutable value Javascrip.. [Javascript] 자바스크립트 (1/14) 오늘의 주제는 객췌~ 췤췤 객췤~ 객체 (Object) 자바스크립트는 객체 기반의 스크립트 언어이며 자바스크립트를 이루고 있는 거의 **"모든 것"**이 객체이다. 원시타입을 제외한 나머지 값들은 모두 객체이다. 자바스크립트의 객체는 키와 값으로 구성된 프로퍼티들의 집합이다. 객체 생성 방법 객체 리터럴 가장 일반적인 방법. 중괄호를 사용한다. var hyeok = { age : 28, home : 'busan', sayHello : function (){ console.log('Hi, My home in ' + this.home); } }; console.log(hyeok); // output : { age: 28, home: 'busan', sayHello: [Function: sayHello] } .. [Javascript] 자바스크립트 (1/13) 취업이 안돼서 공부를 하며 시간을 보내고 있다. 그러나, 혼자하다 보니 이게 맞는 건가 싶다 그래서 많은 사람들이 코딩캠프를 가나보다.... 그래도 꾸준히 열심히 해보도록 하자 변수 Variable 프로그램에서 사용되는 데이터를 일정 기간 동안 기억하여 필요한 때에 다시 사용하기 위해 고유의 이름인 식별자(identifier)를 명시한 것이다. 변수에 명시한 고유한 식별자를 변수 명이라고 하고, 변수로 참조할 수 있는 데이터를 변수 값이라고 한다. 변수는 var, let, const 키워드를 시용하여 선언하고 할당 연산자를 사용해 값을 할당한다. 그리고 식별자인 변수명을 사용해 변수에 저장된 값을 참조한다. var : 재선언 재할당 가능 let : 재선언 불가능 재할당 가능 const : 재선언 재할당 .. [Javascript] 자바스크립트 (1/12) react 클론 코딩 강의를 들어보았따. 2년 전 강의였다. 진도를 빼는데 바뀐 라이브러리의 사용법을 익히는 것에 시간을 많이 쓰는 나를 보고 과연 프론트 엔드 개발자가 '라이브러리 사용법'이 중요할까? 라는 생각이 들었고 나는 라이브러리 보다 리액트를 통한 프로젝트보다 '자바스크립트'의 동작원리와 기본이 중요하다.'고 결론을 내렸다. 잡설은 그만하고 오늘 공부한 것을 블로그에 차근차근 정리하려고 한다. Node.js 2009년 Ryan Dhal이 발표한 Node.js는 Chrome V8 자바스크립트 엔진으로 빌드된 자바스크립트 런타임 환경이다. 간단히 말해 브라우저에서만 동작하던 자바스크립트를 브라우저 이외의 환경에서 동작시킬 수 있는 자바스크립트 실행 환경이다. 주로 서버사이드 애플리케이션 개발에 사.. 이전 1 2 3 다음
