Effect가 무엇인지Effect와 이벤트의 차이점컴포넌트에서 Effect를 선언하는 방법불필요하게 Effect를 재실행하는 것을 건너뛰는 방법개발시 Effect가 두번 실행되는 이유와 해결 방법렌더링 코드 (UI설명에서 소개됨)는 컴포넌트의 최상위 레벨에 있습니다.

일괄처리(배칭, batching)이란 무엇이며 React가 여러 state 업데이트를 처리하는 방법동일한 state 변수에서 여러 업데이트를 적용하는 방법여기에는 useState를 사용하여 카운트 상태를 유지하는 Counter 구성 요소가 있습니다. handleClic

기본적으로 자료구조에서 말하는 배열과 자바스크립트의 배열은 조금 다릅니다. 일단 우리는 JS 신을 믿기 때문에 JS 기반으로 설명하겠습니다. JavaScript에서 배열의 특징은 다음과 같습니다.배열은 요소 모음을 저장하는 데 사용되는 데이터 구조입니다.배열의 요소는

자바스크립트의 map()을 사용하여 배열에서 컴포넌트를 렌더링하는 방법자바스크립트의 filter()를 사용해 특정 컴포넌트만 렌더링하는 방법React 키를 사용하는 시기와 이유❌ 경고: 목록의 각 자식에는 고유한 "key" prop이 있어야 합니다.데이터 소스에 따라

https://react.dev/learn/describing-the-uiHow to write your first React componentWhen and how to create multi-component filesHow to add markup to

여러 정렬 알고리즘을 배움으로서, 어떻게 효율적인 알고리즘을 적용할지 그리고 왜 상황마다 알고리즘을 다르게 써야하는 지 개념을 잡을 수 있습니다. https://visualgo.net/en참고하기 좋은 사이트, 시각화 자료가 많습니다. 선택 정렬은 정렬되지 않

데이터베이스 기초 이론 데이터베이스 란? DBMS 란? 관계형 데이터베이스 key의 의미 SQL 알아보기 정규화 트랜잭션

이벤트 드리븐 프로그래밍 > JavaScript에서 이벤트는 사용자가 버튼을 클릭하거나 텍스트 필드에 입력하거나 페이지 로딩을 완료하는 것과 같이 웹 페이지나 애플리케이션에서 발생하는 동작 또는 발생입니다. JavaScript는 이벤트 핸들러를 사용하여 이벤트를 감지

컴퓨터에서 네트워크를 사용해서 통신을 수행하는 과정을 7단계로 나눈 것 왜 나눴냐고? 고장났을 때 해당부분만 고치면되고, 문제가 생겼을 때 빠르게 판단을 할 수가 있기 때문에 기능별로 나눠서 구분물리 계층 - 실제 케이블, 커넥터 및 기타 하드웨어 구성 요소를 포함하여

length: 문자열의 문자 수를 반환합니다.charAt(index): 문자열에서 지정된 인덱스에 있는 문자를 반환합니다.concat(str1, str2): 두 개 이상의 문자열을 함께 연결합니다.toUpperCase(): 문자열을 모두 대문자로 반환toLowerCas

JavaScript에서 Number는 숫자 값을 생성하고 조작하는 내장 생성자 함수입니다.https://www.youtube.com/watch?v=-GsrYvZoAdA부동소수점 내용 ( 0.1 + 0.2 !== 0.3 )Number.MAX_VALUE: Java

JavaScript에서 클로저는 외부 함수가 반환된 후에도 외부 어휘 환경에 액세스할 수 있는 함수입니다. 간단히 말해서 클로저는 함수가 다른 함수 내에서 정의될 때 생성되며 내부 함수는 외부 함수가 실행을 완료한 후에도 외부 함수의 변수와 매개변수에 액세스할 수 있습

크롬 : 구글이 개발했고, 정유율 1위 파이어폭스, 사파리, 죽은 익스플로어 : 사파리의 경우 애플의 기본 브라우저, 익스플로어는 윈도우의 기본웹 페이지를 서버에 요청하여 서버의 응답을 웹 문서 형태로 받는다.받은 웹 문서를 렌더링하여 모니터 화면에 웹페이지를 표시한다

TypeScript는 선택적 정적 타이핑, 클래스, 인터페이스 및 기타 기능을 언어에 추가하는 JavaScript의 상위 집합입니다. 대규모 JavaScript 응용 프로그램을 보다 쉽게 개발하고 유지 관리할 수 있도록 설계되었습니다TypeScript 설치TypeScr

ES2016 Array.prototype.includes() 지수 연산자 ES2017 문자열 패딩 Object.entries(), Object.values() Object.getOwnPropertyDescriptors() 후행 쉼표 아토믹스 atomics async & await 프로미스 다시보기 async/await ES2018 객체에 레스트/스프레드 ...

Set란 어떠한 자료형의 값이든 각 원소를 고유하게 저장하는 객체이다.set에서 사용할 수 있는 메소드입니다.add()clear()delete()entries()forEach()has()keys()values()Set과 비슷하지만 weakSet의 경우 객체만 포함할 수

자바스크립트는 동기적으로 작동됩니다. 즉, 각 코드 블록이 이전 블록 이후에 실행 됩니다. fetch가 비동기로 동작합니다. fetch가 완료되지 않아 console.log(data)에 undefined가 나오게 됩니다. 이러한 일들을 비동기 처리해준다고 말하며 동기적

스프레드 연산자 자바스크립트에서 스프레드 연산자는 배열, 객체 등의 요소를 전개하는데 사용됩니다. 스프레드 연산자는 코드를 간결하게 만들어 주고, 유용한 기능을 제공합니다. 전개한다는 것이 이해하기 힘들겠지만, 아래의 예시를 보면 이해에 도움이 될 것 같습니다. 배

자바스크립트에서는 문자열에 사용할 수 있는 많은 메서드가 있고, 이는 코딩테스트에서 아주 잘 활용될 수 있으니 잘 알아두자 자바스크립트에서 메서드(method)는 객체(object)가 가지고 있는 함수(function)를 의미합니다. 객체는 속성(property)과 메

함수 기본값 인수 ES6 이전에는 함수 인수의 기본값을 설정하는 것이 쉽지 않았습니다. 하지만 ES6에서는 함수 기본값 인수를 쉽게 설정할 수 있습니다. 디스트럭처링(destructuring)을 활용한 매개변수 전달 템플릿 리터럴 ES6 이전에 템플릿 문자열(tem