React 2

[React] 컴포넌트(Component) 만들기

React 컴포넌트란 ?컴포넌트란 React의 핵심 개념 중 하나로, 페이지에 렌더링할 React 엘리먼트(element)를 반환하는 작고 재사용 가능한 코드 조각입니다. 컴포넌트는 반복출현하거나 자주 변경되는 HTML UI들을 만들어서 사용하는게 좋습니다. 이는 렌더링 시 성능적으로 이점을 갖게 합니다. 컴포넌트 유의사항1. 이름은 항상 대문자로 시작해야한다.- 이름이 소문자로 시작할 경우 DOM 태그로 인식하여 원하는 결과가 나오지 않을 수 있다. 2. return()안에 있는건 태그 하나로 묶어야한다.// 하나의 태그로 묶어야함return( )// 이렇게 사용되면 안됨return( ) 컴포넌트 만들기1. function 키워드를 사용하여 컴포넌트 만들..

React 2024.06.25

[React] 리액트 너 뭐 돼?

요즘 React가 대세라는데!이거 대체 먼데!! 이렇게 인기가 많을까!! 라는 궁금증에서 시작되어리액트에 대해 조사하며 공부를 시작해볼까 합니다. 그래도 얘가 도대체 어떤 놈인지는알고 써야하지않겠습니까! ( •̀ ω •́ )✧ 1. React 란? 리액트는 페이스북에서 제공해주는 Javascript 라이브러리입니다. 주로, SPA(Single Page Application)를 만들 때 페이지 전환이 부드럽게 가능하다는 특징을 지니고 있습니다. 또한, component 단위로 개발하여 html 재사용이 편리하여 유지보수하기에 매우 좋다고 합니다.  2. React의 특징1) 가상 DOM 사용DOM을 직접적으로 제어하는 것이 아닌, 가상 DOM을 두어 데이터가 변할때마다 화면에서 필요한 곳만 업데이트 하는 ..

React 2024.06.22