web prog5 Node.js * 특징- 싱글 쓰레드 (사용자 코드 단에서 싱글 쓰레드로 작성 하지만, io작업은 내부적으로 멀티 쓰레드로 동작 한다.)- 비동기 I/O- 이벤트 기반(event driven) * 아키텍처- 상위레벨 : JS- 하위레벨 : C바인딩 v8 엔진libev : Eventlibeio : I/O * 도큐먼트- 모듈Node.js 간단한 구조필요한 모듈을 로딩모듈 : 다른 언어에서 라이브러리에 해당기본 모듈 / 확장 모듈메소드 -> 모듈 로딩 , 객체 생성 후 사용모듈 함수 -> 객체 생성 없이 사용한번 로드를 하면 캐싱을 하기 때문에 두 번 로드를 한다고 해서 서로 다른 로드를 한게 아님 require('모듈 이름') - 이벤트객체.on([이벤트 이름], [리스너 함수]) * 기본 모듈- 주요 기본 모듈프로세스 .. 2018. 8. 31. Electron DevTools Installer Chrome 확장 개발용 툴을 Electron에서 사용하려면 https://www.npmjs.com/package/electron-devtools-installer 설치하고 main.js에서 ready 상태일 때 (createWindow에서 ready-to-show 하기 전에) 다음을 호출하면 된다. 123456789101112 // Electron DevTools Installer const { default: installExtension, REACT_DEVELOPER_TOOLS, REDUX_DEVTOOLS } = require('electron-devtools-installer'); installExtension(REACT_DEVELOPER_TOOLS).then((name) => { console... 2018. 4. 6. Redux 참고 : https://deminoth.github.io/redux/ 출처 : https://velopert.com/node-js-tutorials 1) Single Source of Truth> 어플리케이션의 state를 위해 단 한개의 store를 사용함(Flux와 주요 차이. Flux에서는 여러개의 store를 사용)2) State is Read-only> 어플리케이션에서 store의 state를 직접 변경할 수 없음.> state를 변경하기 위해선 무조건 action이 dispatch 되어야 함.3) Changes are made with pure Fuctions> action객체를 처리하는 함수는 reducer> reducer는 정보를 받아서 상태를 어떻게 업데이트 할 지 정의 > reducer.. 2018. 4. 4. React 출처 : https://velopert.com/node-js-tutorials - React> virual DOM 사용 > Server side Rendering > 컴포넌트 및 컴포넌트 라이프 사이클 http://webframeworks.kr/tutorials/react/components-and-lifecycle/ > React 컴포넌트 클래스는 대문자로만 작성해야 하면, 소문자로 시작하는 컴포넌트 이름은 모두 HTML element로 간주 > View Only > IE8 이하 지원 안함 - jsx > Nested Element : 컴포넌트에서 여러 Element를 렌더링할 때 container element 안에 포함 시켜야 함( 라도 감쌓아야 함 ) > JavaScript ExpressionJSX.. 2018. 4. 2. 이전 1 2 다음