블로그를 쓰면서 한번 useState에 대해 다룬적이 있었는데요, 오늘은 좀 더 나아가 왜 리액트에서 useState를 써야하는지 알아보도록 하겠습니다. 리액트(React)에 대해 한번 더 알아보기 ▶ 리액트(React)는 현대 웹 개발에서 널리 사용되는 라이브러리로, 사용자 인터페이스를 구축하는 데 중점을 두고 있으며, 컴포넌트의 상태(state...

Axios란? ▶ Axios는 JavaScript를 사용하여 HTTP 요청을 만들고 처리하는 라이브러리로, 주로 브라우저 및 Node.js 환경에서 사용되며 프로미스 기반의 API를 제공하여 비동기 작업을 쉽게 관리할 수 있게 해줍니다. Axios의 주요 기능 프로미스 기반 Axios는 프로미스(Promise...

attr() 와 prop() ▶ jQuery는 DOM 조작을 쉽게 할 수 있도록 도와주는 라이브러리로, 여기서 attr()과 prop() 메서드는 HTML 요소의 속성이나 속성값을 다룰 때 주로 사용됩니다. 특히 이 두 메서드는 매우 유사해 보이지만 약간의 차이가 존재하기 때문에 각기 다른 상황에서 사용되어야 합니다. 오늘은 이 두 메서드가 어떤 차...

번들러(Bundler)란? ▶ 번들러(Bundler)는 여러 개의 파일과 모듈을 하나의 파일 또는 여러 개의 파일로 병합하여 웹 애플리케이션의 로드 시간을 최적화하고 관리 효율성을 높이는 도구입니다. 번들러는 주로 자바스크립트, CSS, 이미지 파일 등 다양한 자산을 포함한 웹 애플리케이션에서 사용되며, 가장 널리 사용되는 번들러로는 Webpack,...

프로토콜(Protocol)이란? ▶ 프로토콜(Protocol)은 통신 시스템에서 데이터를 교환하는 규칙과 절차를 정의하는 표준을 말합니다. 즉, 네트워크 프로토콜은 디지털 컴퓨터 네트워크에서 데이터를 전송하는 방법을 규정하며, 서로 다른 시스템 간의 상호 운용성을 보장합니다. 따라서 다양한 계층에서 작동하는 프로토콜은 네트워크의 효율적인 작동과 보안...

사이드 이펙트(Side Effect)란? ▶ 사이드 이펙트는 컴포넌트가 렌더링되는 동안 순수하지 않은 작업을 수행하는 것을 의미합니다. 이러한 작업은 컴포넌트의 외부 세계와 상호 작용하거나 렌더링 결과에 영향을 주지 않는 작업을 포함하는데 대표적인 사이드 이펙트로는 데이터 가져오기, DOM 조작, 구독 설정 및 해제 등이 있습니다. 아래에서 좀 더 ...

데이터 형 변환(Type Conversion)이란? ▶ 자바스크립트에서 데이터 형 변환(Type Conversion)은 값의 데이터 타입을 변경하는 과정입니다. 자바스크립트는 동적 타입 언어이므로 값의 타입이 자동으로 변환될 수 있는데 이 형 변환은 암시적(Implicit)으로 또는 명시적(Explicit)으로 이루어질 수 있습니다. 1. 암시적 ...

크로스 브라우징이란? ▶ 크로스 브라우징이란 웹 개발에서 웹사이트나 웹 애플리케이션이 여러 웹 브라우저에서 동일하게 작동하도록 만드는 것을 의미합니다. 웹브라우저는 다양한 브라우저가 HTML, CSS, JavaScript를 각각 다른 방식으로 처리하기 때문에 자칫하면 동일한 웹 페이지가 브라우저마다 다르게 보이거나 작동하지 않을 수 있습니다. 이 때...

프로퍼티(Property)란? ▶ 자바스크립트에서 프로퍼티(Property)는 객체(Object)의 중요한 구성 요소입니다. 객체는 자바스크립트의 핵심 개념 중 하나이며, 다양한 데이터를 구조화하고 조작하는 데 사용되는데 프로퍼티는 이러한 객체의 속성을 정의하며, 각각의 프로퍼티는 키(key)와 값(value)으로 구성됩니다. 프로퍼티의 기본 개념...

1. 제어 컴포넌트 (Controlled Components)란? ▶ 제어 컴포넌트는 리액트 상태(state)를 통해 입력값을 제어하는 컴포넌트입니다. 이는 입력 요소의 값이 리액트 컴포넌트의 상태에 의해 관리됨을 의미하는데 사용자가 입력 필드에 값을 입력할 때마다 onChange 이벤트 핸들러가 호출되어 컴포넌트의 상태를 업데이트하고, 그 상태가 ...