개발 블로그

binding : 호출한 대상에 실제함수를 연결 짓는 것 올바른 객체에 올바른 메서드 묶어주기(매칭 시키기) 전역 객체 : 코드전체를 아우르는 객체 -window 객체 : 브라우저에서의 전역객체 -global 객체 : 서버사이드 환경(node.js)에서의 전역객체 1. 일반함수를 호출했을 때 this는 어디로 바인딩 되느냐 →일반함수의 호출과정에서의 this는 전역객체를 의미한다. 2. 객체를 호출했을때 this는 어디로 바인딩 되느냐 →객체의 메소드에서 사용된 this는 그 메소드를 호출한 객체로 바인딩 된다. 3. 생성자 함수를 호출했을때 this는 어디로 바인딩 되느냐 →생성되어 반환되는 객체에 바인딩 어떤 클래스 안에 있는 함수를 다른 콜백으로 전달할 때의 this는 그 함수가 포함되어져 있는 클..

스코프=범위 1. 전역 scope -전체영역(코드 전체)에서 유효한 범위 -전역 scope에서 선언된 변수 : 전역 변수 -어떤 것으로도 둘러싸여 있지 않을 때 -let, const가 쓰이지 않은 일반적인 블록 스코프 는 모두 전역 scope이다. 가급적 사용을 자제할 것. -이유는 오류가 발생했을 때 시스템 전체에 영향을 주는 대참사를 막기 위해서다. -꼭 써야한다면 값이 변경되지 않게 하는게 좋다. 2. 지역 scope -특정 영역에서 유효한 범위 -지역 scope에서 선언된 변수 : 지역 변수 ①블록 scope : 블록 안에서만 유효한 범위 블록 : 중괄호로 표시된 범위 ②함수 scope : 함수 안에서 유효한 범위 자바스크립트에서 기본이 됨

함수도 객체의 한 종류이기 때문에 객체가 가진 특성을 그대로 가진다. 1. 변수에 대입이 가능하다. 2. 다른 함수의 인자나 리턴값으로 활용이 가능하다. 3. 배열, 객체 등의 자료구조에 대입이 가능하다.

함수 -프로그래머가 임의로 정한 코드의 실행단위 -프로그래머가 임의로 구획한 코드의 동작단위 -짧고 간결하게 제 기능 하나만을 잘 수행하는 코드(함수)가 잘 만든 것이라 할 수 있다. 인자 : 함수의 원인이 되는 데이터 리턴 : 함수의 결과물 즉, 함수는 인자를 받아들여 코드를 실행한 후 결과를 리턴해준다. ** 인자는 여러 개일 수 있다. 인자와 리턴값은 없을 수도 있다. (단순히 실행만 할 경우) 자바스크립트에서 리턴값은 0개이거나 1개이다. 함수 표기법 function 함수이름 (인자,인자,...) { // 동작 코드 return 리턴값 } ①인자가 하나 ②인자가 두 개 리턴 : 값을 반환함 출력 : 반환하지 않고 그대로 출력만 함 ③생성자 함수로 객체 만들기 var 객체명 = new 생성자함수(인..

코드의 흐름을 제어하는 문법 1. 조건문 : 조건에 따라 제어 ①if~else문 traffic이 green이면 건너가세요를 출력하고, green이 아니라면 기다리세요를 출력한다. 아래와 같이 조건문 안에 또 다른 조건문을 중복할 수 있다. ②삼항 연산자 : 짧게 조건식을 나타내고 싶을 때 쓴다. message 변수에 '건너지 마세요' 또는 '건너도 됩니다'를 대입하는데, 그 판별은 (traffic === 'red') ? 라는 조건문에 따라 달라진다. traffic 변수에 red가 대입된 상태이므로 '건너지 마세요'가 출력된다. 2. 반복문 : 특정 조건을 만족하는 동안 반복하는 문법 ①for문 for (초기화식; 조건식; 증감식) { 조건식이 참일 경우 반복 실행할 코드 } ②while문 변수 선언; 소..

자바스크립트는 객체 기반의 스크립트 프로그래밍 언어 객체란? key와 그에 매칭되는 값(데이터) 혹은 동작의 집합 값(데이터) : 속성, Property 동작 : 메소드, Method 예를 들어, '개'라는 객체를 만들었을 때, 개는 아래와 같다. 이름(key) : 바둑이 (속성) 나이 : 3 짖기 : (멍멍을 프린트하는 동작) → 메소드 먹기 : (냠냠을 프린트하는 동작) key는 문자열 혹은 문자 기호가 와야하며 속성은 모든 자료형이 올 수 있다. 메소드는 함수로 정의한다. 객체에 대한 속성을 가져올 때는 아래와 같이 .을 찍고 key값을 쓴다. 메소드를 실행하고자 할 때는 아래와 같이 key 옆에 괄호를 넣어주어야 한다. 새로은 key값을 추가할 때에는 아래와 같이 만들고자 하는 key값과 속성을 ..

원시타입(일반) *typeof 연산자 : 변수의 자료형을 반환 ①Boolean : true/false - ②number : 숫자 ▶동등 연산자 : 자동으로 자료형을 일치시킨 후 비교, 값만 판단 -동등하다 : == -동등하지 않다 : != ▶일치 연산자 : 값+자료형도 비교 대상에 포함 -일치한다 : === -일치하지 않다 : !== 가급적 일치 연산자를 사용하는 것이 좋다. - ③String : 문자열(문자들의 배열) 배열 : 인덱스에 매칭되는 데이터의 집합, 대괄호로 표시 [] 문자열은 한 번 선언되면 그 문자열 자체는 변경 불가 -length : 문자열의 길이 -search : 문자열 중에서 찾는 문자열 -slice : 문자열 일부를 추출 -replace : 문자열 일부를 바꿈 -concat : 문..

개발자 도구에서 주로 사용하는 탭 ①Elements : what if 실험용도 ②Console : 간단한 자바스크립트 실습이 가능하고 페이지로부터 받은 메세지를 확인하는 용도 -console.log(출력하고자 하는 내용) : 화면에 출력해주는 명령어 -var : 변수 선언, 데이터를 담는 통 -shift+enter : 줄바꿈 ③Source : JavaScript 디버깅, 실험 용도, watch와 breakpoint를 주로 이용 -watch : 자바스크립트의 코드가 현재 어떤 값을 가지고 있는지 확인할 때 -breakpoint : 어떤 코드에 breakpoint를 설정하고 실행시키면 그 breakpoint에서 페이지가 일시정지됨 ④Network : 해당 페이지에서 받아들인 파일 목록을 확인하는 용도