hanol hanol

잠시 저장할 때는 let, const에 변수를 담아주지만 중요하고 자주바뀌는 html부분은 useState에 state 변수로 담기!! 😈 let [ state , state 변경 함수] = useState(); 😈 let post = "Ariana Grande"; let [title, setTitle] = useState("Daydreamin'"); //😈let [ state, state 변경 함수] = useState(); array자료형 (변수 2개일 때) => 인덱스[ ]로 가져올 수 있음! let num = [1,2]; let a = num[0]; // 1 let b = num[1]; // 2 // 한번에 2개변수를 담을 때 let [ a, b ] = [1, 2]; => 이것을 Destructu..

코딩을 배운지 어언 3개월 반... 깊게 아는 것이 없어서 이걸 언제쓰고 왜쓰며 왜 좋은지 원리도 이해 못하고 쓰고 있는 나를 보며 다시 초심자의 마음으로 돌아가서 정리하고 내것으로 만들어야겠다는 생각이 들었다. 꾸준히 포스팅하면서 리액트에 깊게 알아보는 시간을 가져볼것이다.! 우선 시작하기 전에 개발환경 셋팅부터 해주자!! 1. Node.js 설치 https://nodejs.org/ko Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org 2. vscode 에디터 설치 https://code.visualstudio.com/ Visual Studio Code - Code Editing. Rede..

리액트 훅이란? 함수형 컴포넌트에서 React state와 생명주기 기능(lifecycle features)을 “연동(hook into)“할 수 있게 해주는 함수 state의 변화 ⇒ 렌더링 ⇒ 컴포넌트 내부 변수들 초기화 Ref의 변화 ⇒ No 렌더링 ⇒ 변수들의 값이 유지됨 state의 변화 ⇒ 렌더링 ⇒ 그래도 Ref의 값은 유지됨 😈 useEffect 어려운 연산 서버에서 데이터가져오는 작업 타이머 장착하는 거 useEffect(()=>{ // mount, update ( =재렌더링 )시 코드 실행해줌 console.log('안녕') }) useEffect(()=>{ console.log('안녕') }) for (var i =0; i버튼 상품명 상품설명 120000원 주문하기 )} export d..