react(3)
-
React 입문 - State 2
앞 포스팅에 이어서 작성한 포스팅이니, State1부터 보고 와야한다. State1 마지막에 쓴 내용에 이어서 진행하려고한다. ▶️ 버튼과 useState 활용 (function 사용) // src/App.js import React from "react"; function App() { return ( 버튼 ); } export default App; 위 코드는 버튼이 하나 있다 이 코드를 통해 길동이라는 이름이 버튼을 눌렀을때 누렁이라는 이름으로 바뀔 수 있게 코드를 짜보려고 한다. // src/App.js import React, { useState } from "react"; function App() { function onClickHandler() { setName("누렁"); } const ..
2022.12.27 -
React 입문 - State
state? State란 컴포넌트 내부에서 바뀔 수 있는 값을 의미한다. JS에서 let으로 선언한다고 배웠는데 왜 State일까? 우리가 배운 component에서는 Lifecycle이라는 것이 있고 Lifecycle을 따라서 화면의 값이 변했을때 그 변화된 값을 화면에 다시 리렌더링 시켜주는 조건들이 있다. 그 조건들 중 하나라 State가 변경되었을 때이다. let으로 변경 해줄 수도 있지만 그렇게 되면 리액트가 인식하지 못하기 때문에 리액트에서 변화를 인지하기 위해서는 State를 변경해 줘야한다고 한다. 변수를 생성해야할 때는 state로 생성을 해야하는데, state를 사용할때는 useState를 사용한다고 한다. useState는 리액트에서 state를 만들기 위해서 있는 기능인데, 리액트에..
2022.12.27 -
React 입문 - React / DOM / JSX
라이브러리는 angular
2022.12.24