분류 전체보기136 React - 동적인 시계 컴포넌트 구현 React로 DOM변경하기모던 자바스크립트 개발자를 위한 리액트 프로그래밍으로 공부중인데책에는 React 프로젝트가 아닌, HTML상에서만 다루고 있다.직접 js에 컴포넌트로 구현해보았다. App.jsximport React, { Component } from 'react';import './App.css';class Clockcmp extends Component { constructor(props){ super(props) this.state = {d: new Date()} } componentDidMount() { // Clockcmp 컴포넌트가 불러올때마다 1초씩 this.Change()를 부른다 this.timeID = setInterval( () => this.Change(), 1000 .. 2018. 10. 8. React - HTML상에서 클라이언트 렌더링이 안될때 React를 js파일 안에서 작성할땐 정말 잘 되었으나 HTML 파일에서 ReactDOM을 이용해 클라이언트 렌더링을 할땐 아무것도 되지않았다.ES6이 지원되지않는 브라우져에서 나온 문제점이었고, Babel을 통해 ES5로 변환시키면 해결되었다.Babel을 CDN으로 추가하고 정상 작동. 배포시에는 HTML문서에 모든 과정을 넣어버리는건 성능 이슈가 생긴다. 2018. 10. 8. React 시작 시자아아악 목표 : React Native로 개발 / 컴포넌트 제작 2018. 10. 3. Node js - 이벤트기반 비동기 I/O 처리 Closure node js - 이벤트 기반 비동기 I/O 처리 I/O작업이 시작되면 I/O 작업 처리에 대한 응답을 기다리지 않고 바로 다음 작업 실행I/O작업이 종료되면 이벤트를 발생시키고 이 이벤트는 해당 프로세스의 새로운 이벤트 큐(Queue)에 등록됨. 즉, 기존 스레드 기반에서는 I/O작업 시작을 하면 처리응답이 나올때까지 기다리고만 있는 경우가 발생.이벤트 기반 비동기 I/O처리는 I/O 작업 시작시 기다리지않고 읽기요청 필요없는 부분을 처리하다 I/O 작업종료 시 이벤트가 발생되어 이때부터 데이터 활용하는 작업 처리. 이벤트 루프작업 요청 후, 완료되었을 때 어떤 작업을 진행할지에 대한 콜백 함수를 지정하여 동작 완료 시, 해당 콜백함수 실행하는 동작 방식 구조는 아래와 같다.클라이언트 -.. 2018. 9. 7. 이전 1 ··· 15 16 17 18 19 20 21 ··· 34 다음 반응형