전체 글159 23Feb2020 TIL Where to Fetch Data: DATA를 서버로 부터 언제 불러와서 client 에 display 를 해줄 것인지는 리액트를 통해 직접 과제를 구현하기 전까지 아리쏭 달쏭 했던 것 중 하나다. 결론적으로 completeDidMount()에서 fetch data를 하는 것이 가장 좋다. (참고자료 : 여기) render는 data를 fetch 하는 곳이 절대 아니다. JSX의 요소들이 화면에 그려질 수 있도록 하는 공간이며, 약간의 데이터들이 디스플레이 되기 위한 약간의 조건들이 쓰여질 수 있는 곳이다. componentWillMount()도 데이터를 불러오기에 적합한 장소는 아니다. 만약 해당 함수(매소드?)에 데이터를 불러올 경우, 자바스크립트의 비동기적 특성으로 인하여 데이터를 미쳐 불러오기도.. 2020. 2. 23. LBKP 표백 펄프 LBKP :활엽수 표백 펄프 활엽수를 수종으로 하여 제조된 펄프로 Hardwood, 단섬유 펄프라고도 한다. NBKP(침엽수 표백 펄프)에 비해 섬유길이가 짧고 강도가 떨어지며 Opacity 와 Bulk가 높다. e.g.) Eucalyptus, Acacia, Hardwood종, Bamboo, Leucaena, 등 Fiber length는 0.9mm 내외. Opacity와 평활도가 높아서 인쇄 용지에 80%내외로 많이 쓰임. 필요한 정보 Description Basic Spec Brightness (%) Viscosity, CED (cp) 점성 Dirt Count (mm2/m2) Typical Characteristic Strength Properties(RH/C) : Breaking Length(km),.. 2020. 2. 20. 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. 11Feb2020 TIL REST API (웹서버를 만드는데 사용되는 제약 모음) : Rest APIs use URIs (Uniform Resource Identifiers) to adderess resources. {} }; 방법 1. let code = app.status.code let get = app.get 방법 2. let {get, status : {code}} = app 다음에 찾아봐야할 것 async 과 await / try catch process.env : 시스템의 환경 변수. 즉, 서비스의 중요한 키를 저장하는 공간. 2020. 2. 12. 참고자료 Node.js https://thebook.io/006982/ch01/ Node.js 교과서: 1장 노드 시작하기 thebook.io Node.js 책 2020. 2. 11. 10Feb2020 오늘의 생각 오늘은 그런 날이었다. : 내가 베트남에 있다는 걸 알게 하는 그런 날. 회사 출퇴근을 도와주는 기사 직원이 일주일 가량 개인 휴가를 사용한다고 하여, 간만에 Grab(Uber같은 동남아 최대 공유 택시)의 오토바이를 이용하여 출근을 했다. District 2 집에서 D. Binh thanh 회사로 가는 길은 8차선 도로인 Cau Saigon(사이공 다리)를 건너야한다. 가끔 택시나 회사 차량을 이용해 다리를 건너다 보면, 6달에 한 번 꼴로 해당 다리에서 오토바이들의 사고를 목격하곤 한다. 실제로는 더많은 사고가 있겠으나, 내가 발견하는 빈도수만 해도 1번/반기 꼴이니 꽤나 잦은 편이다. 오늘은 6달의 한 번인 그런 날이었다. 날씨도 좋고, 선선하니 딱 좋은 그런 날. Cau Saigon을 건너며 다리.. 2020. 2. 10. 09Feb2020 TIL body-parser 모듈 (urlencoded, extended 옵션) : POST 로 요청된 body를 쉽게 추출할 수 있는 모듈이다. 만약 해당모듈을 사용하지 않았을 경우라면, 다음과 같은 이벤트를 등록해줘야 한다. request .on("data", chunk => { body += chunk; }) .on("end", () => { body = JSON.parse(body); }); 그러나 body-parser 모듈을 이용해 bodyParser.urlencoded() 를 등록하면, 자동으로 request에 body 속성이 추가되고 저장한다. urlencoded()의 옵션에는 중첩된 객체 표현을 허용을 할 것인지를 표시할 수 있다. 최근 node.js 4.16 상위버전부터는 body-parser .. 2020. 2. 9. 이전 1 ··· 11 12 13 14 15 16 17 ··· 20 다음
