react3 23Feb2020 TIL Where to Fetch Data: DATA를 서버로 부터 언제 불러와서 client 에 display 를 해줄 것인지는 리액트를 통해 직접 과제를 구현하기 전까지 아리쏭 달쏭 했던 것 중 하나다. 결론적으로 completeDidMount()에서 fetch data를 하는 것이 가장 좋다. (참고자료 : 여기) render는 data를 fetch 하는 곳이 절대 아니다. JSX의 요소들이 화면에 그려질 수 있도록 하는 공간이며, 약간의 데이터들이 디스플레이 되기 위한 약간의 조건들이 쓰여질 수 있는 곳이다. componentWillMount()도 데이터를 불러오기에 적합한 장소는 아니다. 만약 해당 함수(매소드?)에 데이터를 불러올 경우, 자바스크립트의 비동기적 특성으로 인하여 데이터를 미쳐 불러오기도.. 2020. 2. 23. 18Feb2020 TIL 하나의 component 는 한가지 기능만 수행하는 것이 좋다. e.g.) setState() 되는 것 따로 / fetch 되는 것 따로! componentDidMount()는 한 번만 실행된다. this.state는 rendering 될 때 그려지는 요소 저장으로 쓰는 것이 좋다. e.g.) 동영상 리스트, 현재 재생 동영상 등 ref : render 메서드에서 생성된 DOM 노드나 React 엘리먼트에 접근하는 방법을 제공 Dom 안에서 document.queryselector() 나 에 직접 접근하여 값을 가져오거나 값을 변경하거나 기타 등등의 이유로 사용할 때, class Search extends React.Component { constructor(props) { super(props); th.. 2020. 2. 19. 16Feb2020 TIL React : 상호작용이 많은 UI 를 만들 때 사용하는 자바스크립트 기반의 라이브러리 React 특징 Component 기반 JSX Virtual DOM Prop State Component : Components are independent and reusable bits of code. They serve the same purpose as JavaScript functions, but work in isolation and returns HTML via a render function. Components come in two types, Class components and Function components. (출처 : W3school) JSX JSX stands for JavaScript X.. 2020. 2. 17. 이전 1 다음
