전체 글

API란 무엇인가요? API는 소프트웨어 개발에서 중요한 개념으로, 다른 소프트웨어 애플리케이션과 상호작용하기 위한 규칙과 도구 모음입니다. 이것은 마치 서로 다른 소프트웨어 사이에 대화를 가능하게 하는 매개체와 같다고 생각할 수 있습니다. API의 주요 역할은 무엇인가요? 상호 통신: API를 사용하면 다른 애플리케이션과 데이터를 주고받을 수 있습니다. 이를 통해 정보를 공유하고 서로 다른 애플리케이션 간에 연동을 실현할 수 있습니다. 기능 추상화: API는 기술적인 세부사항을 추상화하고, 개발자에게 간단한 인터페이스를 제공하여 복잡한 작업을 더 쉽게 수행할 수 있게 합니다. 재사용성: API를 사용하면 동일한 기능을 여러 애플리케이션에서 재사용할 수 있어 개발 시간과 노력을 절약할 수 있습니다. AP..

1. 자바스크립트의 this란? 자바스크립트에서 "this" 란 현재 실행중인 함수나 메서드 내에서 현재 객체를 참조하는 특별한 키워드이다. 이것은 실행 컨텍스트에 따라 동적으로 결정된다. 2. "This"의 값은 어떻게 결정되는 것인가? "This"의 값은 호출한 컨텍스트에 의해 결정된다. 주로 다음과 같은 상황에서 "This"가 결정된다. 2.1 전역컨텍스트에서의 "this" 전역스코프에서의 "This"는 전역 객체를 참조한다. 브라우저 환경에서는 "window" 객체를 참조한다. console.log(this === window); // true (브라우저 환경) 2.2 함수 내부에서의 "this" 함수 내부에서의 "This"는 호출한 방법에 따라 다르게 설정된다. 일반 함수 호출 : "this"는..

1. 이벤트(event)란? - 어떤 사건을 의미한다. ex) 사용자가 버튼을 클릭했을때, 웹페이지가 로드 되었을때 - 브라우저는 이벤트를 감지할 수 있으며 이벤트 발생 시 알려 줄 수 있으며 이를 통해 사용자와 웹페이지가 상호 작용이 가능하다. - 이벤트 핸들러를 통하여 이벤트가 발생시 원하는 함수에 연결하여 실행 시킬 수 있다. Click me! 이벤트가 발생하면 그에 맞는 반응을 하여야 한다. 이를 위해 이벤트는 일반적으로 함수에 연결되며 그 함수는 이벤트가 발생하기 전에는 실행되지 않다가 이벤트가 발생되면 실행된다. 이 함수를 이벤트 핸들러라 하며 이벤트에 대응하는 처리를 기술한다. 2. 이벤트 루프(Event Loop)와 동시성(Concurrency) 브라우저는 단일 쓰레드(single-thre..

XML(Extensible Markup Language)는 데이터를 저장하고 전송하기 위한 마크업 언어 중 하나이다. 계층적인 구조를 가지며 텍스트 기반으로 표현된다. XML은 정보를 구조화하고 계층적으로 표현하기 위해 설계된 범용 형식이다. 다양한 응용 프로그램과 플랫폼 간에 데이터를 교환하는데 널리 사용된다. XML의 주요특징은 다음과 같다. 1. 태그(Tags) : XML 구조를 정의하기 위해 사용되는 요소, 태그는 '' 로 둘러싸인 이름으로 표현되며 시작태그와 종료태그가 쌍을 이룬다. XML 기초 제인 스미스 위의 예시에서 은 시작태그이고 은 종료태그 이다. 2. 요소(Elements) : 태그와 태그 사이에 내용을 포함하는 것을 요소라고 한다. 위의 예제에서 과 은 요소이다. 3. 속성(Attr..

클로저(closure)의 개념 클로저(closure)는 자바스크립트에서 중요한 개념 중 하나입니다. 클로저는 자바스크립트 고유의 개념이 아니고 함수형 프로그래밍 언어에서 사용하는 중요한 특성입니다. function outerFunc() { var x = 10; var innerFunc = function () { console.log(x); }; innerFunc(); } outerFunc(); // 10 예제를 보면, 먼저 함수 outerFunc()를 정의하고, 그 안에 함수 innerFunc()를 정의했다. 그러고 나서, 변수 inner에 함수 outerFunc()에서 반환된 함수 innerFunc()를 담고 바로 호출을 시도한다. 호출 후에 10이라는 숫자가 반환되어 출력되었다. 여기서 의문점은 분..

JSON (JavaScript Object Notation)은 데이터 교환을 위한 경량의 형식 JSON은 인간과 기계가 모두 이해하기 쉬운 텍스트 형식으로 데이터를 표현하는 데 사용된다. JSON은 주로 웹 애플리케이션에서 데이터를 전송하고 저장하는 데 사용되며, 다양한 프로그래밍 언어에서 지원된다. 이를 통해 데이터를 효율적으로 교환하고 처리할 수 있다. JSON은 객체와 배열을 기본 데이터 유형으로 제공한다. 객체 (Object): 중괄호 { } 로 표시됨, 키-값 형태의 쌍의 집합을 나타낸다. 키는 문자열이며 값은 문자열, 숫자, 불리언, 객체, 배열, null 등의 여러 데이터 유형중 하나가 될수 있다. { "이름": "제인", "나이": 30, "성별": "여성" } 배열 (Array): 대괄호..

투포인터 (Two Pointers) 리스트에 순차적으로 접근해야 할 때 두 개의 점의 위치를 기록하면서 처리하는 알고리즘 정렬되어 있는 두 리스트의 합집합으로도 사용되며, 병합정렬의 기초가 되기도 합니다. 투포인터 알고리즘을 활용할수 있는 다음과 같은 문제가 있습니다. 아래의 문제는 두가지 방법으로 풀수 있습니다. Q. 정렬된 리스트 A와 타겟 값 S가 주어졌을 때, 두 수의 합이 S가 되는 순서쌍을 모두 구하여라. > A = [1, 3, 5, 6, 9, 11, 12, 16, 17, 19, 22, 25, 28] > S = 27 1. 이중 반복문을 이용한 풀이 가장 먼저 떠오르는 풀이는 이중 반복문을 이용해 모든 쌍을 탐색하며 조건을 만족하는 경우를 찾는 방법입니다. A = [1, 3, 5, 6, 9, 1..

실행 컨텍스트란? 실행할 코드에 제공할 환경 정보들을 모아놓은 객체. 동일한 환경에 있는 코드들을 실행할 때 필요한 환경 정보들을 모아 컨텍스트를 구성하고, 이를 콜 스택에 쌓아올렸다가, 가장 위에 쌓여있는 컨텍스트와 관련 있는 코드들을 실행하는 식으로 전체 코드의 환경과 순서를 보장. 여기서 '동일한 환경' 즉 하나의 실행 컨텍스트를 구성할수 있는 방법으로 전역공간 eval() 함수 함수 가 있으며 자동으로 생성되는 전역공간과 사용하는 것을 추천하지 않는 eval() 함수를 제외하면 우리가 흔히 실행 컨텍스트를 구성하는 방법은 함수를 실행하는 것뿐입니다. ※ ES6에서는 블록 {}에 의해서도 새로운 실행 컨텍스트가 생성 // ------------------------------ (1) var a = ..

프로토타입 객체 자바스크립트는 프로토타입 기반 객체지향 프로그래밍 언어이다. 따라서 자바스크립트의 동작 원리를 이해하기 위해서는 프로토타입의 개념을 잘 이해하고 있어야 한다. 자바스크립트의 모든 객체는 자신의 부모 역할을 담당하는 객체와 연결되어 있다. 이것은 객체 지향의 상속 개념과 같이 부모 객체의 프로퍼티 또는 메소드를 상속받아 사용할 수 있게 한다. 이러한 부모 객체를 Prototype(프로토타입) 객체 또는 줄여서 Prototype(프로토타입)이라고 한다. var student = { name: 'Lee', score: 90 }; // student에는 hasOwnProperty 메소드가 없지만 아래 구문은 동작한다. console.log(student.hasOwnProperty('name'))..

함수란 어떤 작업을 수행하기 위해 필요한 문(statement)들의 집합을 정의한 코드 블록입니다. // 함수의 정의(함수 선언문) function Hello(number) { return number * number; } 함수는 호출에 의해 실행되며, 한번만 가능한것이 아니라 여러번 호출이 가능합니다. // 함수의 정의(함수 선언문) function Hello(number) { return number * number; } // 함수의 호출 Hello(2); // 4 어떠한 동일한 작업을 반복적으로 수행해야 한다면 미리 정의된 함수를 재사용하는 것이 가장 효율적입니다. 이러한 특성은 코드의 재사용이라는 측면에서 매우 유용합니다. 함수의 일반적인 기능은 어떤 작업을 수행하는 문들의 집합을 정의하여 코드의..

변경불가성(Immutability) 란? 객체가 생성된 이후 그 상태를 변경할 수 없는 디자인 패턴을 의미합니다. Immutability는 함수형 프로그래밍의 핵심 개념으로 함수형 프로그래밍을 사용한다면 필수적으로 알아야할 개념입니다. Javascript의 객체는 참조(reference)형태로 전달하고 전달 받습니다. 하지만 객체가 참조를 통해 공유되어 있다면 그 상태가 언제든지 변경될 수 있기 때문에 문제가 될 가능성도 커지게 됩니다. 이 문제의 해결 방법은 객체를 불변객체로 만들어 프로퍼티의 변경을 방지하며 객체의 변경이 필요한 경우에는 참조가 아닌 객체의 방어적 복사(defensive copy)를 통해 새로운 객체를 생성한 후 변경하는 방법을 사용해야 합니다. ES6에서는 불변 데이터 패턴(immu..

객체(Object)란? 자바스크립트는 객체(object) 기반의 스크립트 언어이며 자바스크립트를 이루고 있는 거의 “모든 것”이 객체이다. 원시 타입(Primitives)을 제외한 나머지 값들(함수, 배열, 정규표현식 등)은 모두 객체이다. 자바스크립트의 객체는 키(key)과 값(value)으로 구성된 프로퍼티(Property)들의 집합이다. 프로퍼티 값으로 함수를 사용할 수도 있으며 프로퍼티 값이 함수일 경우, 일반 함수와 구분하기 위해 메소드라 부른다. 객체는 데이터를 의미하는 프로퍼티(property)와 데이터를 참조하고 조작할 수 있는 동작(behavior)을 의미하는 메소드(method)로 구성된 집합이다. 프로퍼티 프로퍼티는 프로퍼티 키(이름)와 프로퍼티 값으로 구성된다. 프로퍼티는 프로퍼티 ..