Gapus Dev Blog

클로저란? 함수와 함수가 선언된 렉시컬 환경의 조합으로 함수가 선언될 당시의 스코프 체인을 기억하고, 함수가 호출될 때에도 그 스코프 체인을 참조하여 변수에 접근할 수 있게 해준다. 동작 원리 함수가 선언될 때, 해당 함수의 렉시컬 환경이 생성된다. 이 렉시컬 환경에는 함수 내부에서 선언된 변수들과 그 값을 담고 있는 스코프 체인이 포함된다. 클로저는 외부 함수의 변수에 접근할 수 있다. 이는 내부 함수가 외부 함수의 변수를 계속해서 참조할 수 있게 해준다. 함수가 반환되거나 다른 함수에 전달될 때, 클로저가 형성된다. 예시 function outerFunction() { var outerVariable = 'Outer'; return function innerFunction() { console.log..

조건문 - if... else if... else 구조로 되어있다. if 중첩이 가능하다. if(조건) 조건이 참이면 { }를 실행하고, 거짓이면 else를 실행한다. // 기본 구조 if(true){ //true 실행일 때 실행 } else { //false 거짓일 때 실행 } // if 중청 if(true){ //true 실행일 때 실행 } else if(true){ //true 실행일 때 실행 - 위 조건이 거짓일 때 실행 } else { //false 거짓일 때 실행 } 조건문 - switch switch.. case 구조로 되어있다. switch(비교할 값)에서 비교할 값이 case 비교당할 값: 이랑 동일한 case를 실행한다. case와 동일한 값이 없으면 default를 실행한다. 하지만 ..

객체란? 객체는 다양한 데이터를 묶어 각 데이터를 키(key)와 값(value)으로 연결하여 구성한다. 구성하는 방법은 { 키: 값 } 형식으로 구성하고 추가 데이터 있으면 콤마(,)로 묶어준다. 여러 형식의 데이터를 저장할 때는 배열을 사용하는 것보단, 객체를 사용하는 것이 좋다. // 기본 구성 방식 let data = { key: value, key: value, }; // 여러 형식의 데이터를 객체로 가능 let info = { name: "가프스", age: 30, job: "개발자", } 객체의 특징 // 객체 선언 let info = { name: "가프스", age: 30, job: "개발자", } // 값 꺼내기 info.name // '가프스' info['name'] // '가프스' /..

자바스크립트(Javascript) 란? 객체 기반의 스크립트 언어이다. HTML로는 웹의 내용을 작성하고, CSS로는 웹을 디자인하며, 자바스크립트로는 웹의 동작을 구현이 가능하다. 자바스크립트는 주로 웹 브라우저에서 사용되나, Node.js와 같이 서버 측 프로그래밍이 가능하다. 자바스크립트는 동적이며, 타입을 명시할 필요가 없는 인터프리터 언어이다. 자바스크립트는 객체 지향형 프로그래밍과 함수형 프로그래밍을 모두 표현할 수 있다. 변수와 상수 변수와 상수는 데이터를 담는 공간이다. 변수는 데이터를 바꿀 수 있지만, 상수는 데이터를 바꾸지 못한다. 변수 - var, let 상수 - const 선언 선언은 변수와 상수에 이름을 붙여 알려주는 행위이다. 변수와 상수를 사용하기 위해서는 선언을 해줘야 한다...