많고 많은 코딩블로그중 하나

잡담오늘은 클래스 컴포넌트에 대해서 공부해 보도록 하겠습니다. 저번에도 언급했듯이 React는 컴포넌트 기반의 아키텍처입니다. 애플리케이션을 여러 개의 조각(컴포넌트)으로 나누어서 컴포넌트마다 자체적으로 상태와 로직을 등을 변경해 줄 수 있었습니다. 컴포넌트에는 함수형 컴포넌트와 클래스형 컴포넌트가 있는데 오늘은 클래스형 컴포넌트에 대해서 예제를 통해 알아보도록 하겠습니다. 1. 클래스 컴포넌트 주어진 코드는 React의 클래스 컴포넌트를 정의하는 예제입니다. 이 코드에서는 React의 Component 클래스를 상속받아 App이라는 클래스를 만들고 있습니다. 이를 통해 클래스형 컴포넌트를 생성하고, state와 props를 사용하여 애플리케이션의 상태와 속성을 관리할 수 있습니다.import { Com..

잡담오늘은 React를 이용해서 간단한 컴포넌트를 생성해 보겠습니다. 해당내용은 React를 이용해서 웹디자인 기능사에서 가장 기초적인 부분을 코드로 작성하면서 컴포넌트의 개념을 익히는데 도움을 줄 수 있을 거 같습니다. 뒤에 가면 props를 통해서 데이터값도 출력하고 하지만 지금은 정말 기본적인 것만 해보도록 하겠습니다. 컴포넌트 기반 아키텍처(Component-Based Architecture):React는 애플리케이션을 여러 개의 작은, 독립적인 컴포넌트로 나눌 수 있게 합니다.각 컴포넌트는 자체적인 상태와 로직을 가지며, UI의 특정 부분을 담당합니다.컴포넌트를 재사용하고 조합하여 복잡한 사용자 인터페이스를 구성할 수 있습니다.1. App.js주어진 코드는 React 애플리케이션의 메인 컴포넌트..

잡담오늘은 페이스북에서 개발한 오픈소스인 React에 대해서 아주 기본적인 내용만 다뤄보려고 합니다. 저도 최근에 수업을 들으면서 정리하고 있는데 컴포넌트 기반 아키텍처를 제공해 유지보수하는데 쉽다고 말하는데 도대체가 아직 왜 쉬운지도 모르겠고 내용을 이해하는 데 있어서 어려움을 겪고 있습니다. 그래서 기본적인 코드를 사용해 가면서 개념을 익히는데 노력하고 있습니다. 아래의 내용은 정말 기본적인 React를 시작할 때 하는 작업인 프로젝트 생성부터 해보려 합니다. 1. 프로젝트 생성React의 프로젝트를 생성할 때는 홈페이지를 들어가서 다운로드하거나 하지 않아도 CMD창에 코드 몇 줄 적는 것으로 생성할 수 있습니다. 하지만 여기서 컴퓨터에 미리 설치해 둬야 환경이 있습니다. Node.js version..