우든이 블로그

# 컴포넌트(Component) 리액트에서 컴포넌트를 선언하는 방법은 함수형 컴포넌트와 클래스형 컴포넌트 두가지가 존재합니다. 먼저, 함수형으로 컴포넌트를 선언하는 방법에 대해 알아봅시다. function App() { return ( 안녕하세요! 우든이 블로그입니다. ); } 또는 다음과 같이 화살표 함수로 컴포넌트를 선언할 수 있습니다. const App = () => { return ( 안녕하세요! 우든이 블로그입니다. ); } 함수형 컴포넌트를 사용하면 클래스형 컴포넌트를 사용하는 것보다 선언이 간편하고 메모리 낭비가 적지만, state와 라이프사이클 기능 사용이 불가능하다는 단점이 존재합니다. 하지만 이런 단점도 Hooks라는 기능이 도입되면서 해결되었습니다. 리액트 공식문서에서는 함수형 컴포넌..

# JSX JSX는 자바스크립트에 확장 구문으로, xml과 비슷합니다. JSX를 사용하면 가독성이 높고 좀 더 코드를 쉽게 작성할 수 있습니다. import React from 'react'; import ReactDOM from 'react-dom'; ReactDOM.render( Hello world!!, document.getElementById('root') ); JSX를 사용할 때 여러개의 컴포넌트들이 존재한다면 반드시 부모 요소로 감싸주어야 합니다. 아래 코드에서는 부모요소인 안에 과 를 감싸준 형태입니다. function App() { return ( 안녕하세요! 송우든입니다 ); } 다음 코드와 같이 부모요소로 감싸주지 않을 경우, 아래와 같은 에러가 발생합니다! SyntaxError /s..

# React와 React 특징 React란, 페이스북에서 제공하는 프론트엔드 라이브러리로, 사용자 인터페이스(UI)를 구축하는데 사용됩니다. React는 컴포넌트 기반 라이브러리로 재사용이 가능하며, 이로 인해 사용자 인터페이스를 좀 더 빠르고 효율적으로 구축할 수 있습니다. 또한, React는 state 또는 props를 사용하여 데이터 저장 및 처리 작업을 간단히 할 수 있습니다. ✓ state는 동적인 데이터를 다룰 때 사용합니다. ✓ props는 부모 컴포넌트에서 자식 컴포넌트로 전달해주는 데이터를 말합니다. React에는 virtual DOM을 만들어 새롭게 변경된 부분만을 DOM에 반영하여 앱에 속도와 효율성을 높일 수 있습니다. ✓ virtual DOM은 Document Object Mod..