TIL

변수 선언 키워드 : var, let상수 선언 키워드 : const※ 호이스팅 : 선언을 끌어올려 유효 범위의 최상단에 선언하는 것. 관련하여 발생한 에러는 개발자가 발견하기 어려울 수 있음.let num2 = num1처럼 기존 변수를 대입하면 기존 변수의 메모리

함수형 프로그래밍 : 데이터, 함수를 이용해 새로운 데이터를 만듦함수형 프로그래밍의 최소 단위 : 함수🔸 장점💡 함수형 프로그래밍의 장점은 결국 단점이 될 수 있다.객체지향 프로그래밍 : 객체를 통해 데이터와 메서드를 묶고 객체와 통신객체지향 프로그래밍의 최소단위

연결 리스트는 각 노드가 데이터와 포인터를 가지고 한 줄로 연결되어 있는 방식으로 데이터를 저장하는 자료 구조이다.단일 연결 리스트(Singly Linked List) : 각 노드의 포인트는 다음 노드를 가리킨다.이중 연결 리스트(Doubly Linked List) :

트리는 1개 이상의 노드를 갖는 집합으로 노드들은 다음 조건을 만족한다.최상위 정점을 루트(root), 각 정점을 노드(node)라고 한다.루트 정점을 제외한 노드는 반드시 하나의 부모만을 갖는다.특정 노드로 가는 경로는 1개이다.이미지 출처 : https:/

선형탐색 : 순서대로 하나씩 찾는 탐색으로 O(n)의 시간 복잡도를 가진다.이진탐색 : 정렬 되어있는 요소들을 반씩 제외하며 찾는 탐색으로 O(logn)의 시간 복잡도를 가진다.정렬되어 있는 요소들 중 탐색할 때 사용이 가능하다.정렬되어 있지 않은 요소를 정렬한 후 이

브라우저 문서 객체 모델(DOM) 📌 HTML 📢 HTML : Hyper Text Markup Language HTML은 최초 원고에 대한 수정 지침 정도였으나 출력물에 대해 표시하는 방법을 나타내는 문서가 되었다. 이후 웹 브라우저에서 웹 문서를 표현하기 위한

ES6에서 도입된 이터레이션 프로토콜(iteration protocol) 또는 이터러블(반복 가능한, iterable) 객체는 데이터 컬렉션을 순회하기 위한 프로토콜(미리 약속된 규칙)이다. 이터레이션 프로토콜을 준수한 객체는 for…of 문으로 순회할 수 있고 Spr

이터러블 프로토콜을 따르는 iterable 객체와 함수를 이용하여 map, filter, reduce 구현위 처럼 이터러블 프로토콜을 따르는 이터러블 객체를 이용하여 map, filter, reduce 함수를 작성하면 javascript 내의 모든 것에 대해 함수를 사

range / L.range 함수 : 정수를 인자로 받아서 받은 정수 만큼의 인덱스를 배열에 담아 리턴하는 함수.여기서 range는 함수가 실행됐을 때 즉시 배열을 만들어내는 함수이고, L.range는 이터러블 프로토콜을 따르면서 지연성을 갖고 해당 함수의 연산이 이

Promise : 프로미스가 특별하게 콜백 함수와 다른 점은 then 메소드를 통해서 결과를 꺼낸다는 것이 아니라 비동기적으로 일급 값(States:대기, 성공, 실패 등의 인스턴스)을 다룬다는 점에서 차이가 있다.then 메소드를 사용하게 되면 그 뒤에 프로미스가 리

이런 코드가 있다고 가정하고, 이를 'a=1, c=CC, d=DD'의 형태로 변환하는 함수를 만들어본다고 생각하면 처음에는 쉽게 접근이 힘들 수 있다. 이를 먼저 명령형으로 작성해보면위와 같이 작성해볼 수 있다. 다만 가독성이 떨어지고 코드가 길어진다는 단점이 있다.

Document : 브라우저가 HTML을 읽어서 웹 페이지를 나타내면 등 여러 요소를 포함하여 Document Object를 형성하는데 이를 문서 객체 모델이라고 한다.(DOM, Document Object Model) 즉, 웹 페이지 내의 모든 컨텐츠를 객체로 나타

※ 모듈(Module) : ES6(ECMAScript 6)부터 도입되어 Javascript에서 함수, 객체, 원시 값을 내보내거나(export) 가져올(import) 수 있게 되었는데 이러한 기능을 이용하여 기능을 작게 쪼개 별도의 모듈로 관리할 수 있게 되었고, 기능

▶ API(Application Programming Interface) - 응용 프로그램에서 사용할 수 있도록 운영 체제나 프로그래밍 언어가 제공하는 기능을 제어할 수 있게 만든 인터페이스를 뜻한다. 주로 파일 제어, 창 제어, 화상 처리, 문자 제어 등을 위한 인

SPA에 대해 알기 전에 일반적인 웹이 어떻게 동작하는지 이해하면 좋다. 일반적으로 정적인 웹 페이지의 구성은 1개의 페이지마다 1개의 html 파일을 생성하여 <a> 태그를 이용해 각 html 파일을 이동하면서 웹 페이지를 구성하였다.이렇게 구성하게되면 페이지마

CustomEvene 이전에 Event에 대해 알아보자.Event : DOM(Document Object Model) 내에서 마우스를 클릭하거나 키보드를 누르는 등 사용자 액션에 의해 발생할 수도 있고, 비동기적 작업으로 API에 의해 발생할 수도 있다.이러한 Even

CSS를 사용하여 html 요소의 구조를 구성할 때 float, flex, grid의 속성을 사용한다.float : 어떤 요소가 보통의 흐름으로부터 빠져 좌우측에 배치되어야 함을 지정한다. 요소가 속해있는 곳에서 부동(float)한다고 생각하면 쉽다.float 속성으로

웹 호스팅(Web Hosting): 내 컴퓨터뿐만 아니라 다른 컴퓨터에서 개발자가 의도한 홈페이지에 접속할 수 있도록 서버를 임대하는 것을 웹 호스팅이라고 한다.웹을 웹이 다른 컴퓨터에서도 동일하게 동작하기 위해선 인터넷 공간이 필요한데, 그것이 서버이고 이를 일반 사

다단 레이아웃: 다단 텍스트 정의가 쉽도록 블록 레이아웃 모드를 확장한다. 긴 텍스트를 읽을 때 한 줄 끝에서 다음 줄 시작까지 눈으로 옮기기엔 긴 경우 넘어갈 때 어느 부분을 읽었었는지 파악하기 어려워질 수 있다. 그럴 때 css의 다단 속성을 활용하여 전체 레이아웃

Sass/SCSS: CSS의 확장 언어. 기본적인 문법은 CSS와 동일하다.Sass/SCSS는 모든 버전의 CSS와 호환되며 Sass와 SCSS는 기능적으로 차이는 없고, Sass는 중괄호와 세미콜론이 없이 들여쓰기로 구분하고, SCSS는 CSS와 비슷하게 중괄호와 세

1) @mixin 키워드를 통해 재활용할 수 있는 속성을 정의하고, 사용할 때는 @include를 통해 정의되어 있는 속성을 재활용할 수 있다.2) @mixin 키워드는 함수처럼 사용할 수 있다. @mixin으로 속성을 선언할 때 매개변수를 입력해주고, 해당 값을 @i