목록리액트 (10)
치악산 복숭아
리액트 실습하고 있는데 발견해서 쓰는 에러 로그,,,(._. 원인은 useEffect에 콜백함수가 안들어왔기 때문이라고 한다 //수정 전 useEffect(console.log(inputValue), [inputValue]); //수정 후 useEffect(() => {console.log(inputValue)}, [inputValue]); 함수 넘겨주는걸로 문제 해결🥲
오늘은 7일인데 왜 6일자 TIL을 이제서야 올리냐면...흠흠 TIL은 오늘 하루 새롭게 알게 된 내용 위주로 작성하고 있어요 ✏️ 리액트 1. SPA(Single Page Application) (1) 전통적인 페이지 서버에 특정 동작(ex: 로그인)을 요청 - 서버에서 HTML을 클라이언트에게 전달하면서 페이지 리로드 (2) SPA 페이지 JSON 형식으로 메세지만 서버로부터 받은 뒤 로그인 후에 바뀌어야 할 부분만 바뀌게 됨(ex: 로그인 -> 로그아웃 버튼) 페이지의 변경이 필요할 때 처음부터 모든 HTML을 불러오는게 아닌 변경된 부분만 바뀌게 된다. 2. Virtual DOM 가상적인 표현을 메모리에 저장하고 ReactDOM과 같은 라이브러리에 의해 실제 DOM과 동기화하는 프로그래밍 개념 R..
지금까지 나는 const 변수의 값은 어떠한 방법으로도 수정할 수 없는줄 알았는데 방법이 있긴 있었다...!! 일단 먼저 알아야할 불변 변수의 특징으로는 1. 값을 재할당 할 수 없다 2. 값의 변경은 가능하다 이게 무슨 소리야... push()나 splice()같은 JS 내장함수을 사용하면 const 변수의 값 변경이 가능하다 ...(중략)... const insa = ["hi"]; insa.push("hello"); return ( {insa} // hihello 출력 ); } 하지만 이런 방법은 무결성을 유지하지 못한다는 문제점이 있다 그렇다면 어떻게 무결성을 유지하면서 변수의 값을 바꿀 수 있을까? 원본값을 바로 수정하는게 아닌, 기존의 값을 이용해 만든 새로운 값을 새 변수에 할당하는 것!! 그..
잠깐!✋ 이 포스팅은 React 자습서를 따라해보고 복습을 목적으로 하는 포스팅입니다 틀린 부분이 있으면 정정 부탁드립니다! https://ko.reactjs.org/tutorial/tutorial.html#passing-data-through-props 자습서: React 시작하기 – React A JavaScript library for building user interfaces ko.reactjs.org 오늘은 props와 state에 대해서 알아보도록 하겠습니다 먼저 둘의 특징을 요약하자면 props 1. 읽기 전용 데이터(수정 불가능) 2. 부모 컴포넌트에서 자식 컴포넌트로 전달하는 단방향 데이터 state 1. 컴포넌트가 가지는 동적인 값(변경 가능) 버튼 눌렸는지 여부...값이 몇인지 등등..