Front-end15 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. Electron - File Handling Electron - File Handling Electron - File Handlingmain.jsviews.jsindex.htmlbower_components (BootStrap) main.jsxconst {app, BrowserWindow } = require('electron')const url = require('url')const path = require('path')let winfunction createWindow() { win = new BrowserWindow({ width : 1200, height : 800 }) win.loadURL(url.format ( { pathname : path.join(__dirname, 'index.html'), protocol : 'file:'.. 2018. 9. 7. 이전 1 2 3 4 다음 반응형