JavaScript는 흔히 프로토타입 기반 언어(prototype-based language)라고 얘기된다.이 말은 모든 객체들은 메소드와 속성들을 상속 받기 위한 템플릿으로써 프로토타입 객체(prototype object)를 가진다는 의미이다.

절차 지향 프로그래밍 vs 객체 지향 프로그래밍, 객체 지향 프로그래밍의 4가지 주요 개념에는 캡슐화(Encapsulation), 추상화(Abstraction), 상속(Inheritance), 다형성(Polymorphism)이 있습니다.

객체 지향 프로그래밍의 클래스와 인스턴스에 대해서 학습하였습니다.

알고리즘 문제를 풀기위해 사용자로부터 값을 입력받는 방법을 알아보았다.prompt를 이용하는 방법을 사용하지않고 자바스크립트의 내장 모듈 중 readline 모듈을 사용해서 문제를 해결하였다.readline 모듈의 rl 객체는 event-driven 방식으로 동작한다.

closure: 닫힘 / 폐쇄 / 완결성mdn에서는 함수와 그 함수가 선언될 당시의 lexical environment의 combination이다. → 새로운 현상이 나오는 것함수 X 그 함수가 선언될 당시의 lexical environment→ 실행 콘텍스트 A의 내

Javascript 핵심 개념 알아보기 - JS Flow 를 공부하며 정리합니다. ES6 이전까지의 자바스크립트의 전반적인 흐름을 공부합니다.

실행 콘텍스트는 해당 함수가 호출될 때 활성화되는데 this는 함수를 호출할 때 결정된다.전역 공간에서의함수 호출시메소드 호출시callback 호출시생성자 함수 호출시전역 공간에서는 전역 콘텍스트를 실행하는 객체가 전역 객체이기 때문에 ➡️ 브라우저에서는 window➡

실행 콘텍스트란?실행에 필요한 코드 흐름상의 배경이 되는 조건/환경을 나타낸다.ES5 환경에서는 동일한 조건/환경을 지니는 경우가 함수 or 전역 공간이다.전역 공간은 자바스크립트 파일을 실행하는 순간에 전역 콘텍스트가 열리고, 함수를 실행할 때 아니면 같은 전역 공간

자바스크립트 데이터의 2가지 데이터 타입의 차이점과 그 차이가 발생하는 원인에 대해서 살펴 볼 것이다.자바스크립트의 데이터 타입은 크게 2가지로 나뉘는데 Primivite Type, Reference Type으로 분리된다.NumberStringBooleannullund

기존 코드 > 버튼 클릭시 각각의 이벤트 핸들러를 통해 기능이 동작된다. 게임 시작 게임 멈춤 게임 승, 패에 따라 그 안에서 각각 알림 소리와 알림창을 다르게 설정한다. 게임 시간을 초기화한다. 남은 게임 시간을 보여주는 함수 남은 목표 개수를 보여주는 함수 버튼 숨

게임영역을 잡아야되는데 부모 박스에 display: flex를 주고 게임 영역에도 동일하게 주었는데 그럴 필요가 없이부모 박스에 아래의 속성만 주어도 내가 원하는 대로 잘 위치를 잡을 수 있었다.\--> 내가 알게모르게 부모 태그에는 display: flex만 주려하고

구현할 때 필요한 것 생각해보기제한된 시간안에 당근을 없애서 승리해야되는 게임을 만들것이다기능setInterval을 이용해서 타이머 기능 구현하기당근을 제한시간안에 다 없애면 승리벌레를 클릭할 경우 게임이 끝난다제한된 시간을 사용자에게 보여주고, 남은 당근의 개수를 보

Vanilla Redux - To Do List >

HTML이 모두 로드되기전에 자바스크립트 영역에서 HTML을 참조하는데 addEventListener에서 HTML태그를 참조하지 못해서 계속 에러가 발생했다.보통 body 태그가 끝나기 바로 위에 부분에 script의 위치를 옮겨서 사용하는 방법을 많이들 사용하는데나는

먼저 Redux를 사용하려면 yarn add redux or npm install redux 명령어를 실행한다.import { createStore } from 'redux'redux의 createStore를 import한다.store는 data, state를 관리하는

현재 리액트를 공부하면서 자바스크립트도 더 깊게 공부하고 있는 중이다.리액트를 이용하면 html의 기본적인 코드를 하드코딩하지 않아도 되지만, 기본적인 것은 만들 수 있어야 되기 때문에 자바스크립트와 html 구조를 짜는것에 많은 시간을 투자하고 있는중이다.💻 실력있

구현 화면2021.05.11});

구현할 때 필요한 것 생각해보기기능1-1. 사용자가 입력창에 목록을 입력하고 Enter key 또는 +버튼을 클릭했을 때 화면에 쇼핑 리스트를 추가한다.1-2. 목록 오른쪽에는 휴지통 아이콘이 있는데 이것을 클릭하면,해당 쇼핑 목록이 리스트에서 지워진다.UI2-1. 사

What is React >

하나의 Request에는 Head, Body로 이루어진 부분이 존재한다.HeadRequest에 대한 여러가지 부가적인 정보들이 들어있다.그리고 여기에는 method값이 존재한다.BodyRequest에 대한 실제 데이터를 담고있는 부분이다.Request를 보낼 때 어떤