profile
FrontEnd Developer
post-thumbnail

useRef란 ❓

useRef 란 😃 >useRef란 특정 DOM을 선택할 수 있게 해주는 hook 함수다. useRef는 언제 사용할까 ❓ 1. 값을 저장할 때 저장공간으로 사용한다 ✔ Ref는 렌더링이 되지않기 떄문에 불필요한 렌더링을 막을 수 있다. 변경시 렌더링을 발생시

어제
·
0개의 댓글
·
post-thumbnail

Node.js란?

Node.js에 대하 대략적으로는 알고있었지만 이번에 사이드 프로젝트를 준비하게 되면서 Node.js는 Chrome V8 자바스크립트 엔진으로 빌드된 자바스크립트 런타임 환경(Runtime Environment)으로 주로 서버 사이드 애플리케이션 개발에 사용되는 소프트

5일 전
·
0개의 댓글
·
post-thumbnail

프레임워크 vs 라이브러리 😮

프레임워크와 라이브러리 둘의 차이점에 대해 알아보자.프레임워크는 골격, 뼈대를 의미합니다.애플리케이션 개발 시 필수적인 코드, 알고리즘, DB 연동과 같은 기능들을 위해 어느 정도 뼈대(구조)를 제공하며 이러한 뼈대 위에서 사용자는 코드를 작성하여 애플리케이션을 개발합

2022년 7월 30일
·
0개의 댓글
·
post-thumbnail

var vs let vs const ❓

ES5까지 변수를 선언할 수 있는 유일한 방법이었다. var 키워드로 선언된 변수의 특징들에 대해 알아보자.변수 중복 선언 헌용함수 레벨 스코프변수 호이스팅변수 중복 선언 금지블록 레벨 스코프재할당이 가능변수 호이스팅이 발생하지 않는 것처럼 동작한다.var는 선언과 동

2022년 7월 27일
·
0개의 댓글
·
post-thumbnail

호이스팅(Hoisting) 이란?

호이스팅이란 ❓ > JavaScript에서 호이스팅(hoisting)이란, 인터프리터가 변수와 함수의 메모리 공간을 선언 전에 미리 할당하는 것을 의미한다 즉 변수나 함수의 선언이 코드 최상단으로 끌어올려진 것처럼 동작하는 현상을 말한다. 변수 호이스팅 🟣 var로

2022년 7월 27일
·
0개의 댓글
·
post-thumbnail

화살표 함수 vs 일반 함수 🖐

화살표 함수란? >화살표 함수는 ES6에서 새롭게 도입된 기능으로 일반 함수를 간결하게 쓸 수 있는 함수다. 일반 함수와 비슷하지만 몇 가지 차이가 존재하는데 그것에 대해 알아보자 1. 화살표 함수는 인스턴스를 생성할 수 없는 non-constructor다. 화살표

2022년 7월 25일
·
0개의 댓글
·
post-thumbnail

함수 선언문 vs 함수 표현식 🖐

함수 선언문 🔴 > 일반적인 프로그래밍 언어에서의 함수 선언과 비슷한 형식이다. 함수 선언문은 함수 이름을 생략할 수 없다. 함수 표현식 🟠 > 함수를 다른 변수에 값으로써 '할당'한 것이 곧 함수 표현식이다. 이 둘의 차이점은 무엇일까 🟣 해답은 호출할 수

2022년 7월 24일
·
0개의 댓글
·

📖 모듈의 일반적 의미

모듈이란 애플리케이션을 구성하는 개별적 요소로서 재사용 가능한 코드 조각을 말한다. 일반적으로 모듈은 기능을 기준으로 파일 단위로 분리한다. 이떄 모듈이 성립하려면 자신만의 파일 스코프(모듈 스코프)를 가질 수 있어야 한다. 자신만의 파일 스코프를 갖는 모듈의 모든

2022년 7월 24일
·
0개의 댓글
·

📖 에러 처리

에러가 발새하지 앟는 코드를 작성하는 것은 불가능하다.. 따라서 에러는 언제나 발생할 수 있다. 발생한 에러에 대해 대처하지 않고 방치하면 프로그램은 강제 종료된다.try... catch 문을 사용해 발생한 에러에 적절하게 대응하면 프로그램이 강제 종료되지 않고 계속해

2022년 7월 23일
·
0개의 댓글
·

📖 제너레이터와 async/await

제너레이터란 ❓ ES6에서 도입된 제너레이터는 코드 블록의 실행을 일시 중지했다가 필요한 시점에 재개할 수 있는 특수한 함수다. 제너레이터와 일반 함수의 차이는 다음과 같다. 제너레이터 함수는 함수 호출자에게 함수 실행의 제어권을 양도할 수 있다. 일반 함수를 호출하

2022년 7월 21일
·
0개의 댓글
·
post-thumbnail

📖 프로미스

자바스크립트는 비동기 처리를 위한 하나의 패턴으로 콜백 함수를 사용한다. 하지만 콜백 패턴은 콜백 헬로 인해 가독성이 나쁘고 비동기 처리 중 발생한 에러의 처리가 곤란하며 여러 개의 비동기 처리를 한번에 처리하는 데도 한계가 있다. ES6에서는 비동기 처리를 위한 또

2022년 7월 21일
·
0개의 댓글
·
post-thumbnail

REST API 😮

REST는 HTTP를 기반으로 클라이언트가 서버의 리소스에 접근하는 방식을 규정한 아키텍처고, REST API는 REST를 기반으로 서비스 API를 구현한 것을 의미한다.REST API는 자원, 행위, 표현의 3가지 요소로 구성된다. REST는 자체 표현 구조로 구성되

2022년 7월 20일
·
0개의 댓글
·
post-thumbnail

Ajax 😮

Ajax란 자바스크립트를 사용하여 브라우저가 서버에게 비동기 방식으로 데이터를 요청하고, 서버가 응답한 데이터를 수신하여 웹페이지를 동적으로 갱신하는 프로그래밍 방식을 말한다. Ajax는 브라우저에서 제공하는 Web API인 XMLHttpRequest 객체를 기반으로

2022년 7월 19일
·
0개의 댓글
·
post-thumbnail

비동기 프로그래밍 😮❓

23장 '실행 컨텍스트"에서 살펴본 바와 같이 함수를 호출하면 함수 코드가 평가되어 함수 실행 컨텍스트가 생성된다. 이떄 생성된 함수 실행 컨텍스트는 실행 컨텍스트 스택에 푸시되고 함수코드가 실행된다. 함수 코드의 실행이 종료하면 함수 실행 컨텍스트는 실행 컨텍스트 스

2022년 7월 19일
·
0개의 댓글
·
post-thumbnail

브라우저의 렌더링 과정 ⭐

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

2022년 7월 18일
·
0개의 댓글
·
post-thumbnail

📖 Set과 Map

Set ❓ >Set 객체는 중복되지 않는 유일한 값들의 집합이다. Set 객체는 배열과 유사하지만 다음과 같은 차이가 있다. | 구분 | 배열 | Set 객체 | |:----------:|:----------:|:----------:| | 동일한 값을 중복하여 표함할

2022년 7월 18일
·
0개의 댓글
·
post-thumbnail

React.memo 😮❓

컴포넌트가 동일한 props로 동일한 결과를 렌더링해낸다면, React.memo를 호출하고 결과를 메모이징(Memoizing)하도록 래핑하여 경우에 따라 성능 향상을 누릴 수 있습니다. 즉, React는 컴포넌트를 렌더링하지 않고 마지막으로 렌더링된 결과를 재사용합니다

2022년 7월 18일
·
0개의 댓글
·
post-thumbnail

제어 컴포넌트와 비제어 컴포넌트 ❓❗

제어 컴포넌트 🔵 >React에서는 변경할 수 있는 state가 일반적으로 컴포넌트의 state 속성에 유지되며 setState()에 의해 업데이트됩니다. 우리는 React state를 “신뢰 가능한 단일 출처 (single source of truth)“로 만들어

2022년 7월 17일
·
0개의 댓글
·
post-thumbnail

useMemo와 useCallback 🙄

useMemo를 배우기전에 useMemo에서 Memo 를 뜻하는 메모이제이션(memoization)에 대해 알아보자. 메모이제이션이란 ❓❓ >메모이제이션(memoization)은 컴퓨터 프로그램이 동일한 계산을 반복해야 할 때, 이전에 계산한 값을 메모리에 저장함으로

2022년 7월 17일
·
0개의 댓글
·
post-thumbnail

React JSX 🙄🙄

Javascript에 XML을 추가한 확장한 문법이다 JSX로 작성한 코드는 브라우저에서 실행하기 전에 바벨을 사용하여 일반 자바스크립트 형태의 코드로 변환된다. JSX 공식적인 자바스크립트의 문법은 아니다. 1\. 반드시 부모요소로 감싸야 한다.2\. 자바스크립트 표

2022년 7월 17일
·
0개의 댓글
·