목록2026/01/15 (6)
프로그래머가 되는 꿈
life cycle : 태어나서 활동하고 죽고... Mounting 앱시작!updating 앱 활동 중! (ex.업데이트)unmountiong 앱 종료! 1. 시작했으니까 화면 보여주기 (render)2. useEffect[] 라는 hook을 호출 - render가 끝나고 한 번 호출된다. = 화면을 그려 준 다음에 내가 원하는 작업들을 넣어준다.-> 데이터를 보여줘야 할 때 여기(?)에 넣는다. 초기 화면을 보여주고 useEffect라는 것을 호출해서 필요한 API같은 것들을 호출해서 정보를 싹 뿌려주는 역할을 한다. 1. setState() - state값을 업데이트 하겠다. = 업데이트 되면 다시 rendering 해야 한다.2. 화면을 그려준 뒤에3. useEffect는 배열에 state를 넣어..
엔터를 누르면 만약에 엔터를 쳤는데 단축이 안나오면 extensions에 가서를 설치해주면 된다.
state는 useState라는 함수를 통해 만든다.이 함수는 리액트에서 제공해준다. state는 같은 이름의 변수로 재 할당 되는 것을 막기 위해 const사용 리액트에서 제공해주는 (필요한)유용한 함수들을 react hook이라 부른다.react hook 중 하나가 useState이다. 0은 일반변수일반변수라서 안바뀜여기서 state를 사용해야 useState(0)매개변수: 초기값 배열을 반환첫번째: 초기 값이 담긴 state두번째: state값을 변경해주는 함수 state 값을 바꿀 때 변수 바꾸는 것처럼 바꿀 수 없다.=(equal) X함수 O 함수를 통해서만 바꾸기 가능 setCounter2()함수를 이용해서만 counter2값을 바꿀 수 있다. UI에 보여줘야하는 값은 state로 ..
State에 반응을 하기 때문에 리액트임사용하는 이유: 일일이 document.getElementById() 이거 안하려고 기존의 자바스크립트=let a = "유나"a = "유빈"document.getElementById("text-box").innerHTML=a 변수의 값이 바꼈다고 UI에 보이지 않는다.HTML 태그 끌고와서 .innerHTML로 불러와서 UI에 보여지는 것을 반복! - 매번 했다. document.getElementById() = 리액트에서는 하지 않는다. 값이 바뀌면 UI도 자동으로 바뀌면 안돼?여기서 리액트!값이 바뀌면 UI도 자동으로 바꿔준다~ 근데 변수가 바뀔 때마다 UI를 업데이트 해주는건 말이 안된다.우리 state라는 것을 만들어서 state가 변하면 UI가 업데이트 되..