공부/React
-
[React] useState 함수공부/React 2024. 1. 31. 18:48
useState : React에서 state값을 추가하고 업데이트하는 데 사용되는 함수 - useState를 사용하면 함수형 컴포넌트에서도 컴포넌트의 상태를 관리가능하다. - 단, 하나의 useState는 하나의 상태 값만 관리할 수 있어 만약 컴포넌트가 여러개면 useState를 여러번 사용해야한다. - State를 이용해서 값을 변경하면 비동기로 처리된다.(비동기: 응답과 관계없이 다음 동작을 처리하는 방식) - state는 반드시! 변경 함수를 이용해서 값을 변경해줘야한다. ( 주로 복사하는 형태를 이용) 내가 이해한 상태값이란 사용자가 간에 주고 받는 데이터를 상태값이라고 하는것 같다. //기본형식 let [기본값(상태값(초기값)), 변경값] = useState(초기값); 1. 예시 : useSt..
-
[React] JSX(Javascript Syntax eXtension) 문법공부/React 2024. 1. 30. 16:50
(1). 정의 JSX(Javascript Syntax eXtension) : Javascript 를 확장한 문법, 리액트 프로젝트를 개발할 때 사용한다. Javascript의 공식적인 문법은 아니다. (2). 장점 JSX는 하나의 파일에 HTML과 Javascript를 동시에 작성하기에 생산성을 높여준다. 그리고 가독성이 좋다는 점과 오류검출이 쉽다는 장점이 있다. (3). 문법 1. 자바스크립트 표현식을 사용(포함)할 수 있다. 자바스크립트 표현식을 작성하면 JSX내부에서 코드를 {}로 감싸면 사용가능하다. {} 이런형태로 변수를 넣는 문법을 데이터 바인딩이라고 한다. function App() { const greeting = 'Hello world'; return ( {greeting} ); 2. ..