Ansible 빌드된 파일을 다운받아서 특정 타겟 서버에 배포할 수 있다. Ansible 은 파이썬으로 만들어졌다. 개념 플레이북 : 작업 플로우 인벤토리 : 타겟 서버들 (여러개의 호스트 서버를 하나의 그룹으로 묶을수 있다.) 잡 : 처리해야하는 하나의 플로우 워크플로우 : 잡의 Sequence 한 연결 서버에 openJDK 와 my-application 을 설치하는 플레이북의 디렉토리 구조 예시 /my-application-playbook/files/rsa.pub : host 서버와 통신을 하기 위한 공개키 저장공간 /my-application-playbook/group_vars :구조체 변수들의 집합 /my-application-playbook/inventory/host : host 서버들의 집합 ..

Redux Facebook 에서 주도하여 개발 Flux 아키텍쳐를 구현한 라이브러리 Flux 와 완전히 같다고 할 수는 없다. MVC 의 문제점과 Flux 아키텍처가 필요한 이유 : http://bestalign.github.io/2015/10/06/cartoon-guide-to-flux/ Redux 가 Flux 를 완전히 따라 할 수 없는 이유 : http://bestalign.github.io/2015/10/26/cartoon-intro-to-redux/ Redux 개념 action : 발생하는 상황. 어떤 작업인지 정보를 가진 객체 action creator : 어떤 값을 업데이트 하기위해 어떤 action 을 발생시킬지 결정한다. dispatcher : 액션을 읽고 어떤 일을 할지 처리한다. 동기..

NPM : NodeJS 로 만들어진 모듈들을 설치, 버전 관리해주는 툴 NodeJS 를 설치하면 NPM 이 같이 설치된다. 디렉토리 구조 project ---- node_module ---- public -------- index.html ---- src -------- index.js -------- components ------------ ... package.json webpack.config.js 기본 파일 세팅 방법 1. 강의에서 제공하는 기본 틀 https://github.com/velopert/react-codelab-fundamentals 방법 2. 페이스북에서 만든 create-react-app 프로그램을 설치 받아서 프로젝트 생성 https://velopert.com/2037 expo..

Codepen 환경설정 React ReactDOM Babel : 웹사이트 호환을 위해 ES6 -> ES5 해주는 역할 ES6 의 class 익명 클래스 지원 static 메소드 지원 상속 지원 super ES6의 let : 블록 scope var 는 메소드 scope 이다. JSX React component 안의 render 메소드에 작성되는 Javascript extension " " 없이 XML-like syntax 를 작성한다. ( ) 으로 대체해서 쓰긴하지만 괄호를 안써도 되긴한다. 모든 JSX Element 코드는 Container element 에 포함되어야한다. (ex. ) JSX 안의 JS 표현은 { } 으로 한다. (ex. {this.props.buttonText}) JSX 안의 Sty..

강의 출처 Redux : Facebook 에서 주도하는 Flux 데이터 아키텍쳐, 어플리케이션의 상태 관리 Webpack : 모듈 번들러 ES6 : JS 표준 Express : NodeJS MongoDB : NoSQL Angular JS 와 같은 프레임 워크는 정해진 틀에서 벗어나기 힘들다. AngularJS 는 뷰 프레임 포함된 개념이다. React JS 는 유저 인터페이스를 만들기 위한 Library 다. ReactJS 는 뷰를 개발하는 용도다. React JS 가 Angular JS 를 대체 할 수 있는 것은 아니다. React Native : 모바일 앱을 React 로 개발하는 프레임워크 장점 Virtual DOM : https://www.youtube.com/watch?v=BYbgopx44vo ..