profile
코맨코맨
post-thumbnail

자바스크립트 이벤트

브라우저는 단일 쓰레드(single-thread)에서 이벤트 드리븐(event-driven) 방식으로 동작한다.단일 쓰레드는 쓰레드가 하나뿐이라는 의미이며 이말은 곧 하나의 작업(task)만을 처리할 수 있다는 것을 의미한다. 하지만 실제로 동작하는 웹 애플리케이션은

2021년 3월 23일
·
0개의 댓글
post-thumbnail

자바스크립트 엔진

실행컨텍스트(Excution Context) 이하 EC 는 scope hoisting this function closure등의 동작원리를 담고 있는 자바스크립트의 핵심원리이다.자바스크립트 엔진은 실행가능한 코드를 만나면 그 코드를 평가해서 실행컨텍스트(Excuti

2021년 3월 22일
·
0개의 댓글

함수

자바스크립트의 함수는 코드의 재사용 에 목적을 둔다. 자바스크립트의 함수는 일급객체 이므로 아래와 같은 특징이 있다. > 일급객체 다른 객체들에 일반적으로 적용 가능한 연산을 모두 지원하는 객체를 가리킨다. 즉 무명의 리터럴로 표현이 가능하다. 변수나 자료 구조(객체

2021년 3월 2일
·
0개의 댓글

useMemo

memoization메모이제이션. 컴퓨터 프로그램이 동일한 계산을 반복해야 할 때, 이전에 계산한 값을 메모리에 저장함으로써 동일한 계산의 반복 수행을 제거하여 프로그램 실행 속도를 빠르게 하는 기술.useMemo 의 memo는 memoization의 약자이다. use

2021년 2월 26일
·
0개의 댓글

useEffect

useEffect는 컴포넌트가 마운트/언마운트/업데이트시 할 작업을 정해주는 Hook이다useEffect 를 사용 할 때에는 첫번째 파라미터에는 함수, 두번째 파라미터에는 의존값이 들어있는 배열deps를 넣는다. 만약에 deps배열을 비우게 된다면, 컴포넌트가 처음

2021년 2월 26일
·
0개의 댓글

useState

컴포넌트에서 동적인 값을 상태(state)라고 부릅니다. 리액트에서는 이러한 동적인 값의 상태를 관리하기 위해 useState 함수가 있다. useState 를 호출하면 배열이 반환되는데 첫번째 원소에는 현재상태, 두번째 원소는 Setter 함수이다. 위 코드를 배열

2021년 2월 25일
·
0개의 댓글

Props

전달하려는 컴포넌트 (App.js) 에서 전달 받는 컴포넌트 (Hello.js) 로 name이라는 데이터를 전달해주고 싶을때는 props를 사용합니다.Hello.js 컴포넌트에서 전달받은 name이라는 데이터를 props의 파라미터를 통해 조회 할 수 있고 객체 형태로

2021년 2월 25일
·
0개의 댓글

JSX의 기본 규칙

Input 태그 등 기존에 닫지 않아도 되는 태그를 반드시 닫아 주어야함또는 태그와 태그 사이에 내용이 들어가 않을 때에는 <input /> 처럼 닫아 준다.이를 Self Closing 태그라 한다.모든 JSX 는 각각의 하나의 태그로 감싸져 있어야합니다. 부모가

2021년 2월 25일
·
0개의 댓글

함수 선언식 vs 함수 표현식

둘다 함수를 정의하는 방법이지만 결과적으로 호이스팅(hoisting)의 유무이다.함수 표현식은 위의 설명처럼 호이스팅 이 불가능하다.하지만, 함수 선언식은 호이스팅이 가능하기 때문에 함수의 위치와는 상관없이 함수가 실행이 되는데 이 때문에 코드의 구조를 엉망으로 만들

2021년 2월 23일
·
0개의 댓글

CLI 명령어 기초

https://velog.io/@minjae-mj/%EC%9E%90%EC%A3%BC-%EC%82%AC%EC%9A%A9%ED%95%98%EB%8A%94-CLI-terminology

2021년 2월 23일
·
0개의 댓글

단축평가연산

논리곱 &&연산자는 두 개의 피연산자가 모두 true로 평가될 때 true를 반환하며, 좌항에서 우항으로 평가가 진행됩니다. 좌항의 값이 truthy 하면 우항의 값으로 논리 연사의 결과를 경정하며 우항의 값을 그대로 반환합니다.논리합 ||연산자는 두 개의 피연산자 중

2021년 2월 23일
·
0개의 댓글