useState란? ▶ useState는 리액트에서 함수형 컴포넌트에서 상태(state)를 관리할 수 있게 해주는 훅(Hook)입니다. 클래스형 컴포넌트에서 this.state와 this.setState를 사용하는 것과 유사한 기능을 제공하지만, 함수형 컴포넌트에서 더 간결하게 사용할 수 있다는 장점이 있습니다. useState의 기본 사용법 ▶...

Redux란? ▶ Redux는 JavaScript 애플리케이션의 상태 관리를 위해 설계된 오픈 소스 라이브러리로, 주로 React와 함께 사용됩니다. Redux는 애플리케이션의 상태를 예측 가능하고 쉽게 관리할 수 있게 해주는데 오늘은 그런 Redux의 주요 개념과 원리에 대해 알아보도록 하겠습니다! 1. 상태(State) ▶ Redux에서는 애...

리액트에서 말하는 DOM이란? ▶ DOM(Document Object Model)은 HTML, XML 문서의 프로그래밍 인터페이스로, 문서의 구조화된 표현을 제공하고 프로그래밍 언어가 문서 구조를 변경할 수 있게 해줍니다. DOM은 문서의 각 요소를 객체로 표현하며, 개발자는 이 객체를 통해 문서의 내용을 동적으로 수정할 수 있습니다. 리액트(Rea...

리액트(React)의 장단점 장점 가독성과 유지 보수성 리액트는 JSX 문법을 사용하기 때문에 JavaScript 코드 안에 마크업을 작성할 수 있습니다. 이는 개발자가 UI를 더 직관적으로 이해하고, 코드를 읽고 수정하기 쉽게 만들어주며 코드를 더 쉽게 재사용할 수 있도록 도와줍니다. ...

훅(Hook)이란? ▶ 리액트의 훅(Hook)은 함수형 컴포넌트에서 상태(state)와 다른 리액트 기능들을 사용할 수 있게 해주는 특별한 함수입니다. 쉽게 말해, 훅은 클래스 컴포넌트를 사용하지 않고도 함수형 컴포넌트에서 리액트의 주요 기능을 활용할 수 있도록 만들어진 함수로, 훅을 사용하면 함수형 컴포넌트에서도 상태 관리, 생명주기 메서드, 컨텍...

리액트(React)란? ▶ 리액트(React)는 페이스북에서 개발하고 유지하는 오픈 소스 자바스크립트 라이브러리로, 사용자 인터페이스(UI)를 구축하기 위해 사용됩니다. 리액트를 사용하면 단일 페이지 애플리케이션(SPA)이나 모바일 애플리케이션의 복잡한 UI를 보다 쉽게 만들고 관리할 수 있습니다. 리액트(React)의 특징 ...

클로저(Closure)란? ▶ 클로저(Closure)는 외부 함수에서 선언된 변수에 접근할 수 있는 내부 함수를 가리킵니다. 이는 함수가 선언될 때의 환경을 기억하고 이 환경에 접근할 수 있는 함수를 말하며, 클로저는 함수가 선언된 위치에 따라서 그 범위가 결정되는 렉시컬 스코프(Lexical Scope)의 특성을 기반으로 동작합니다. 클로저(Cl...

스코프(scope)란? ▶ 스코프(scope)는 변수나 함수가 유효한 범위를 의미합니다. 즉, 스코프는 코드의 어떤 부분에서 변수를 참조할 수 있는지를 결정하는 것으로 오늘은 자바스크립트에 있는 스코프 유형에 대해 알아보겠습니다. 3. 렉시컬 스코프(Lexical Scope) ▶ 렉시컬 스코프(Lexical Scope)는 함수가 선언된 위치에 따...

스코프(scope)란? ▶ 스코프(scope)는 변수나 함수가 유효한 범위를 의미합니다. 즉, 스코프는 코드의 어떤 부분에서 변수를 참조할 수 있는지를 결정하는 것으로 오늘은 자바스크립트에 있는 스코프 유형에 대해 알아보겠습니다. 2. 함수 스코프(Function Scope) ▶ 함수 스코프(Function Scope)는 자바스크립트에서 변수가 ...

스코프(scope)란? ▶ 스코프(scope)는 변수나 함수가 유효한 범위를 의미합니다. 즉, 스코프는 코드의 어떤 부분에서 변수를 참조할 수 있는지를 결정하는 것으로 오늘은 자바스크립트에 있는 스코프 유형에 대해 알아보겠습니다. 1. 전역 스코프(Global Scope) ▶ 전역 스코프(global scope)는 자바스크립트 전체에서 접근할 수...