setState 코드캠프 6일차 실무적인 폴더구조(Container/Presenter) 컴포넌트분리 및 데이터전달(Props) 둘다 값이 비어있음을 나타낸다. null은 개발자가 일부러 해당 부분을 비웠음을 의미하는 암묵적 룰로 사용되며 폴더구조 체계화 여러 사람들이 사용할 경우 필요한 부분을 찾기 힘들고 읽기가 힘들어진다. 그렇게 때문에 폴더구조를 바꿔주어 이를 해결한다. 컴포넌트분리 및 데이터전달 Container/Pr... setStatePropscontainer/presenter코드캠프폴더구조Props [React #5] React 상태 관리 {state} state는 제품을 열었을 때 내부적 조작 장치 매커니즘이라고 할 수 있다. 즉, props는 컴포넌트를 사용할 때 사용자에게 중요한 외부적 정보이며, state는 props의 값에 따라 내부 구현에 필요한 데이터이다. state는 화면에 보여줄 컴포넌트의 UI정보(상태)를 갖는 객체이다. component 간 이동이 자유로운 props와 달리, state는 컴포넌트 내부에서 정의하고 사용하... ReactStateTILbindsetStateReact TIL 30 | setState 비동기 특성 동기기적, 비동기적 특성은 자바스트립트의 특성이다. 자바스크립트의 이러한 특성 때문에 원하는대로 코드가 동작하지 않는 순간을 마주하게 된다. 혹은 당장은 동작할지 몰라도 추후엔 문제가 발생할 여지가 있다. ✏️ 특히 나는 모든 걸(?) CompoenetDidMount안에 두고 state관리를 하는데, 이런 나쁜 습관을 버리고 state의 변화가 필요한 요소들과 아닌 요소들을 나누어 setSt... setStateReactReact [React] onClick 이벤트 생성 만들고 싶은 이벤트는 1. h1태그 안의 단어를 클릭했을 때 (onClick/preventDefault) 2. mode가 welcome으로 변경되면서 (bind/setState) 3. content의 내용이 변경되는 이벤트 (이건 적지 않았다.) 일단, 이벤트가 실행되어야 하는 a태그안에 onClick 속성을 넣어준다. 더불어, onClick되었을 때 작동할 내용을 적어주기 위해 함수까지 넣... bindsetStateonClickbind react 학습 노트 state 및 setState 사용 state 는 react 에서 구성 요소 데이터 상 태 를 저장 하 는 데 사용 되 며 vue 의 data 와 유사 할 수 있 습 니 다. state 는 React 에서 구성 요소 의 대상 입 니 다.React 는 사용자 인터페이스 를 상태 기 로 생각 하고 서로 다른 상 태 를 상상 한 다음 에 이 상 태 를 렌 더 링 하면 사용자 인터페이스 와 데 이 터 를 쉽게 일치 시 킬 수 있 습 ... react.statesetState
코드캠프 6일차 실무적인 폴더구조(Container/Presenter) 컴포넌트분리 및 데이터전달(Props) 둘다 값이 비어있음을 나타낸다. null은 개발자가 일부러 해당 부분을 비웠음을 의미하는 암묵적 룰로 사용되며 폴더구조 체계화 여러 사람들이 사용할 경우 필요한 부분을 찾기 힘들고 읽기가 힘들어진다. 그렇게 때문에 폴더구조를 바꿔주어 이를 해결한다. 컴포넌트분리 및 데이터전달 Container/Pr... setStatePropscontainer/presenter코드캠프폴더구조Props [React #5] React 상태 관리 {state} state는 제품을 열었을 때 내부적 조작 장치 매커니즘이라고 할 수 있다. 즉, props는 컴포넌트를 사용할 때 사용자에게 중요한 외부적 정보이며, state는 props의 값에 따라 내부 구현에 필요한 데이터이다. state는 화면에 보여줄 컴포넌트의 UI정보(상태)를 갖는 객체이다. component 간 이동이 자유로운 props와 달리, state는 컴포넌트 내부에서 정의하고 사용하... ReactStateTILbindsetStateReact TIL 30 | setState 비동기 특성 동기기적, 비동기적 특성은 자바스트립트의 특성이다. 자바스크립트의 이러한 특성 때문에 원하는대로 코드가 동작하지 않는 순간을 마주하게 된다. 혹은 당장은 동작할지 몰라도 추후엔 문제가 발생할 여지가 있다. ✏️ 특히 나는 모든 걸(?) CompoenetDidMount안에 두고 state관리를 하는데, 이런 나쁜 습관을 버리고 state의 변화가 필요한 요소들과 아닌 요소들을 나누어 setSt... setStateReactReact [React] onClick 이벤트 생성 만들고 싶은 이벤트는 1. h1태그 안의 단어를 클릭했을 때 (onClick/preventDefault) 2. mode가 welcome으로 변경되면서 (bind/setState) 3. content의 내용이 변경되는 이벤트 (이건 적지 않았다.) 일단, 이벤트가 실행되어야 하는 a태그안에 onClick 속성을 넣어준다. 더불어, onClick되었을 때 작동할 내용을 적어주기 위해 함수까지 넣... bindsetStateonClickbind react 학습 노트 state 및 setState 사용 state 는 react 에서 구성 요소 데이터 상 태 를 저장 하 는 데 사용 되 며 vue 의 data 와 유사 할 수 있 습 니 다. state 는 React 에서 구성 요소 의 대상 입 니 다.React 는 사용자 인터페이스 를 상태 기 로 생각 하고 서로 다른 상 태 를 상상 한 다음 에 이 상 태 를 렌 더 링 하면 사용자 인터페이스 와 데 이 터 를 쉽게 일치 시 킬 수 있 습 ... react.statesetState