전체 글

JavaScript [6] - this와 배열 메서드 기초this어떠한 object를 가리키는 키워드JavaScript의 함수는 호출될 때 this를 암묵적으로 전달받음JavaScript에서의 this는 일반적인 프로그래밍 언어에서의 this와 조금 다르게 동작JavaScript는 해당 함수 호출 방식에 따라 this에 바인딩되는 객체가 달라짐즉, 함수를 선언할 때 this에 객체가 결정되는 것이 아니고, 함수를 호출할 때 함수가 어떻게 호출되었는지에 따라 동적으로 결정됨전역 문맥에서의 this브라우저의 전역 객체인 window를 가리킴전역객체는 모든 객체의 유일한 최상위 객체를 의미console.log(this) // window함수 문맥에서의 this함수의 this 키워드는 다른 언어와 조금 다르게 ..

JavaScript [5] - 함수와 Arrow Function함수의 정의함수 선언식 (function declaration)function add(num1+num2) { return num1 + num2}add(2, 7) // 9함수 표현식 (function expression)표현식에서 함수 이름을 명시하는 것도 가능다만 이 경우 함수 이름은 호출에 사용되지 못하고 디버깅 용도로 사용됨const sub = function (num1, num2) { return num1 - num2}sub(7, 2) // 5const mySub = function nameSub(num1, num2) { return num1 - num2}mySub(1, 2) // -1nameSub(1, 2) // Reference..

JavaScript [4] - 조건문과 반복문조건문if statement조건 표현식의 결과값을 boolean 타입으로 변환 후 참/거짓을 판단if, else if, else조건은 소괄호(condition) 안에 작성실행할 코드는 중괄호 {} 안에 작성블록 스코프 생성const name = 'manager'if (name === 'admin') { console.log('관리자님 환영합니다.')} else if (name === 'manager') { console.log('매니저님 환영합니다.')} else { console.log(`${name}님 환영합니다.`) // Backtick에 주의해줍시다.} 반복문whileforfor ...infor ...ofArray.forEach while조건문이 ..

JavaScript[3] - 데이터 타입과 연산자 데이터타입데이터 타입에는 크게 원시 타입(Primitive type)과 참조 타입(Reference type)이 있습니다.원시 타입(Primitive type)숫자(Number) : 정수 및 실수형 숫자를 표현하는 자료형문자열(String) : 문자열을 표현하는 자료형Template Literal(템플릿 리터럴) => Backtick(' ')을 사용하고 $와 중괄호 { }로 표기합니다.불리언(Boolean) : 참(true) 또는 거짓(false) 값null : 값이 없거나 비어 있음을 나타내는 특수한 값 ( object )변수의 값이 없음을 의도적으로 표현할 때 사용undefined : 값이 정의(할당)되지 않음을 나타내는 특수한 값 ( undefine..

JavaScript[2] - JavaScript 기본 문법과 호이스팅(hoisting) 들여 쓰기와 코드 블록JavaScript는 2칸 들여 쓰기를 사용합니다.블록(Block)은 if, for, 함수에서 중괄호 { } 내부를 뜻합니다. 중괄호를 통해 코드 블록을 구분합니다.if (isClean) { // 중괄호로 코드 블럭 구분 console.log('clean!') // 2칸 들여쓰기} 세미콜론JavaScript는 세미콜론 ( ; )을 선택적으로 사용 가능 합니다.일관성 있게 회사 또는 팀의 스타일 가이드에 맞춰서 사용하면 됩니다.console.log('hello')console.log('javascript'); 변수와 식별자식별자(identifier)변수를 구분할 수 있는 변수명을 뜻합니다.식별자는..

JavaScript[1] - JavaScript와 EMCAScript JavaScript 란?JavaScript는 웹 페이지를 동적으로 만들기 위한 언어클라이언트 측 웹(브라우저)에서 실행웹 페이지 동작을 제어클라이언트?서버로부터 정보를 받아와 사용자의 컴퓨터에서 실행되는 애플리케이션 또는 프로그램V8 엔진대표적인 자바스크립트 엔진으로는 구글 크롬의 V8 엔진자바스크립트 코드를 빠르게 실행할 수 있도록 최적화되어 있습니다.자바스크립트 엔진은 코드를 실행하기 전에 먼저 파싱 하여 추상 구문 트리(Abstract Syntax Tree)로변환한 뒤, 이를 바탕으로 코드를 실행합니다. 추상 구문 트리??더보기추상 구문 트리 추상 구문 트리는 프로그래밍 언어의 코드를 구성하는 문법 요소들을 추상적인 구조로 나타낸..