프로그래밍 언어의 함수는 수학의 함수와 같은 개념이다. 프로그래밍 언어의 함수는 일련의 과정을 구현한 것을 코드 블록으로 감싸서 하나의 실행 단위로 정의한 것이다. 프로그래밍에서 함수를 사용하는 이유는 다음과 같다.함수는 실행 시점을 개발자가 결정할 수 있고 몇 번

HTML 문서가 파싱될 때 HTML 요소의 어트리뷰트는 어트리뷰트 노드로 변환되어 요소 노드와 연결된다. 이 때 모든 어트리뷰트 노드는 유사배열 객체이자 이터러블인 NamedNodeMap 객체에 담겨서 요소 노드의 attribute 프로퍼티에 저장된다.Element.

🌼 39.2.6 HTML Collection과 NodeList 유사 배열 객체이면서 iterable한 성질을 갖고 있어 for...of문으로 순회할 수 있으며 스프레드 문법을 사용하면 간단히 배열로 변환할 수도 있다. 이렇게 배열로 변환된 객체는 배열에서 제공하는

DOM은 HTML 문서의 계층적 구조와 정보를 표현하며 이를 제어할 수 있는 API, 즉 프로퍼티와 메서드를 제공하는 트리 자료 구조이며 트리 자료 구조는 노드들의 계층구조(parent-child)로 구성되어 노드 간의 계층적 구조(부자, 형제 관계)를 표현하는 비

자바 스크립트의 런타임 환경인 Node.js의 등장으로 자바 스크립트는 웹 브라우저를 벗어나 서버 사이드 애플리케이션 개발에서도 사용할 수 있는 범용 개발언어가 되었다. 하지만 아직도 자바 스크립트가 가장 많이 사용되는 분야는 클라이언트 사이드의 개발로 브라우저 환경을

자바스크립트에서 this는 실행 컨텍스트가 생성될 때 결정됩니다. 실행 컨텍스트가 실행되는 경우는 함수가 호출될 때이므로 this는 함수가 실행될 때 결정된다고 할 수 있습니다.전역 공간에서 this는 전역 객체를 가리킵니다. 브라우저 환경에서의 전역객체는 this이고

1차로 작성했던 코드는 일부 케이스가 통과되지 않아 구글링으로 몇 가지 풀이 방법을 보고 이해해서 정리해보았다. 1) 단, 바꾸려는 패턴을 정규식 형태로 작성하지 않았을 경우에는 바꾸려고 하는 문자를 전부 바꾸지 않고 첫번째 패턴만 치환한다.

The Set object lets you store unique values of any type, whether primitive values or object references. NaN and undefined can also be stored in a Set.

실행할 코드에 제공할 환경 정보들을 모아놓은 객체이다. 이 환경 정보를 잘 이해하면 자바 스크립트를 조금 더 정확히 이해하는데 도움이 될 것이다. 실행 컨텍스트를 구성하는 방법은 크게 3가지가 있다. ① 전역공간 ② eval 함수 ③ 함수. 이 중 우리가 보편적으로 실

1) 기본형(Primitive type)숫자/문자열/Boolean/null/undefined/Symbol 등2) 참조형(Reference type)객체/배열/함수/날짜/정규표현식 등변수 선언: 변경 가능한 데이터가 담길 수 있는 공간 또는 그릇을 만드는 행위데이터 할당

async/await는 Javascript의 비동기를 처리하는 문법의 최신 버전으로 기존 promise/callback 함수 형태 처리방식의 단점을 보완하고 코드의 가독성을 높힐 수 있도록 도와준다. 1) promise 단독 사용: user의 data가 제대로 들어

클로저(Closure)는 내부함수가 외부함수의 맥락(Context)에 접근할 수 있는것을 가리킨다. 클로저는 자바스크립트를 이용한 고난이도 테크닉을 구사하는데 필수적인 개념으로 활용된다.내부함수는 외부함수의 지역변수에 접근할 수 있다.외부함수의 실행이 끝나서 외부함수

어떤 요청을 순서에 맞춰서 직렬적으로 처리하지 않고 병렬적으로 처리하여 합리적으로 data를 처리하는 장점이 있으나 가령 user data 정보를 받은 뒤에 무언가를 처리해야 하는 경우가 있다면 데이터를 동기적으로 처리해야 하는 경우가 생기게 된다. callback

👊🏻 Westagram 프로젝트 후기 [Project] 기간: 2020.10.07 ~ 2020.10.14 사용 스택: . React . React-Router-Dom . JavaScript . SASS . html/css 목표: . Jav

str 각각의 알파벳을 기준으로 for문을 돌려서 중복되지 않은 제일 긴 단어를 array 형태로 만든다.그 array의 값 중 길이가 제일 긴 단어의 길이를 return하면 풀이 완료! 처음에 for문 작성시 break를 사용하지 않아 infinite loop에 ri

Question? 사용한 Method ① : 주어진 숫자의 절대값을 반환하며 숫자가 아닌 문자열, 빈 매개변수 등을 받으면 NaN을 반환한다. 빈 문자열이나 빈 배열을 제공하면 0을 반환한다. ②: Number 객체를 나타내는 문자열을 반환한다. ③: St

1차: 메뉴 박스 뿔(?) 없이 생성2차: 메뉴 박스 뿔! 추가1차: HTML tag 추가를 위해 tag 요소를 생성, className 부여, appendChild 붙여넣기 ctrl+c,v 신공 😭2차: 필요한 최소한의 정보만 변수로 저장하고 고정 format의 t

지금까지 배운 지식을 바탕으로 Instagram을 clone 해보았다. 아는 내용이 부족해 구현하는데 애를 먹었고, 어느 정도 추가 기능까지 구현하고 나서는 휴 해냈다!라는 마음이 있었는데.... 다른 분들과 로직을 비교해보니 아직 부족한 점이 많아서 몇 가지 아쉬운

getter: 개체 안의 property를 return하거나 호출할 때 사용하는 method이다. getter는 조건에 따른 값을 return 할 수 있고, this를 사용하여 호출 객체의 속성에 접근할 수 있다. 그리고 다른 개발자들이 코드를 쉽게 이해하도록 도와준다

. 템플릿 설정하기: HTML 작성시 매번 공통적으로 작성하는 초기 셋팅 값을 설정 해야한다. VS cdoe 사용자라면 입력할 수 있으니단축기를 기억하자 ! + tab . CSS 기본 설정값 초기화하기: 모든 웹브라우저는 기본적으로 설정된 셋팅값이 있기 때문에 개발자가