[멋사] useReducer/useRef
useState와 역할은 비슷한데, useState가 제공하는 기능 이외에도 상태 업데이트 로직을 외부 함수로 분리할 수 있는 기능을 제공한다.useState와 useReducer의 차이는 위 그림과 같다. 상태를 관리한다는 목적은 동일한데 상태를 업데이트하는 방법이
[멋사] 클래스 컴포넌트와 컴포넌트의 라이프 사이클/리액트 훅
컴포넌트 생명 주기 리액트 훅 
[멋사] React 빌드업
1장 리액트 빌드업웹 개발의 변천사리액트 개발에 자주 사용하는 자바스크립트 문법간단한 todoList 실습 (dom 객체를 다루는데에 좀 더 익숙해지기 위한)
[멋사] -js 내장객체 object
const haru2 = haru; → 얕은 복사(X) → 참조 복사const haru3 = Object.assign({}, haru); 또는 { ...haru } → 얕은 복사(O) JavaScript 자체 내장 메서드로는 진정한 깊은 복사(deep copy)는 제
[멋사] js-unknown type
TypeScript 3.0 부터 새로 추가된 타입문자 그대로 알려지지 않은 타입 이다.unknown 타입으로 선언된 변수의 값으로는 모든 타입이 올 수 있다. (any타입과 비슷)그렇다면 unknown 과 any 의 차이점은 무엇일까?unknown에는 메서드를 호출할
[멋사] js-var사용으로 인해 초래될 수 있는 문제
문서내의 모든 버튼을 클릭했을때,각각 "btn-0 클릭", "btn-1 클릭", "btn-2 클릭"... "btn-n 클릭"을 콘솔에 출력하시오.위의 그림에서 알수 있듯이 var을 사용하면 원하는 결과를 얻을 수 없다.i = 0일 때, function() { conso
7. Event
이벤트(event)는 어떤 사건을 의미한다. 브라우저에서의 이벤트란 예를 들어 사용자가 버튼을 클릭했을 때, 웹페이지가 로드되었을 때와 같은 것인데 이것은 DOM 요소와 관련이 있다.이벤트가 발생하는 시점이나 순서를 사전에 인지할 수 없으므로 일반적인 제어 흐름과는 다
6. window/document에서 발생하는 이벤트?
자바스크립트 코드를 짜며 window객체와 document객체의 차이에 대해 잘 알지 못하고 사용한 점이 생각나서 포스팅한 게시물입니다.평소에 window / document 객체를 참조하는 흔한 작업들은 다음과 같았다.이벤트 리스너 등록dom에 접근스크롤 위치 이동창
5. DOM 문서 객체 모델(Document Object Model)
텍스트 파일로 만들어져 있는 웹 문서를 브라우저에 렌더링하려면 웹 문서를 브라우저가 이해할 수 있는 구조로 메모리에 올려야 한다. 브라우저의 렌더링 엔진은 웹 문서를 로드한 후, 파싱하여 웹 문서를 브라우저가 이해할 수 있는 구조로 구성하여 메모리에 적재하는데 이를 D
4. Call by reference가 없는 Javascript
최근까지 javascript는 함수 호출 시참조형이면 넘길 때도 call by reference로 넘겨지고,원시형이면 call by value로 넘겨지는 줄 알고 있었다.그러다 최근 질문이 들어와서 답해주려다 자세히 알아보니,잘못 알고 있었다는 것을 깨달았다.Call
3. 자바스크립트 배열은 배열이 아니다
일반적으로 배열이라는 자료 구조의 개념은 동일한 크기의 메모리 공간이 빈틈없이 연속적으로 나열된 자료 구조를 말한다. 즉, 배열의 요소는 하나의 타입으로 통일되어 있으며 서로 연속적으로 인접해 있다. 이러한 배열을 밀집 배열(dense array)이라 한다.일반적인 배
2.배열
배열(array)은 1개의 변수에 여러 개의 값을 순차적으로 저장할 때 사용한다. 자바스크립트의 배열은 객체이며 유용한 내장 메소드를 포함하고 있다.배열은 Array 생성자로 생성된 Array 타입의 객체이며 프로토타입 객체는 Array.prototype이다.0개 이상
1. 브라우저 동작 원리
구글의 Chrome V8 자바스크립트 엔진으로 빌드된 자바스크립트 런타임 환경(Runtime Environment)인 Node.js의 등장으로 자바스크립트는 웹 브라우저를 벗어나 서버 사이드 애플리케이션 개발에서도 사용되는 범용 개발 언어가 되었다. 하지만 자바스크립트
[멋사] js
js는 명령문의 집합으로 구성되며 인터프리터가 명령문을 순차적으로 해석하여 실행변수명, 함수명, 속성명, 클래스명 등의 이름을 지을 때 사용하는 규칙영문자, 숫자, \_, $만 가능특히, 첫 글자는 영문자,\_, $만 가능유니코드 문자 사용 가능 \- 특수문자와 제어