• Install AngularJS Enviroment

    Angularjs 개발환경 설정 OS환경 : Window10 코드 편집기 : WebStorm 개발 환경 설정 Node.js 설치 웹서버 설치 AngularJS 라이브러리 다운로드 부트스트랩 다운로드 웹서버 실행 테스트 파일 로드 AngularJS를 시작하기 전 개발환경 설정을 해보도록 하겠습니다. Node.js 설치 Node.js다운로드 로 이동하여 자신의 플랫폼(원도우, 리눅스, 맥OS)에 맞는 Node.js패키지를 내려받자. (나는 6.17.0 버전을 다운받아...


  • Basic bootstrap

    부트스트랩의 이해 angularjs 폴더 내에 bootstrap.html 파일을 생성한다. bootstrap.html 내용 <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Bootstrap Examples</title> <link href="bootstrap.css" rel="stylesheet"/> <link href="bootstrap-theme.css" rel="stylesheet"/> </head> <body> <div class="panel"> <h3 class="panel-heading">Button Styles</h3> <button class="btn">Basic Button</button> <button class="btn btn-primary">Primary</button> <button class="btn btn-success">Success</button> <button class="btn btn-warning">Warning</button> <button class="btn btn-info">Info</button> <button class="btn btn-danger">Danger</button> </div> <div...


  • Basic AngularJS

    AngularJS 이해 AngularJS에서 지원하는 개발 방식은 모덷-뷰-컨트롤러(MVC)패턴에서 유래했다. 웹 애플리케이션은 넓게 두 종류가 있다. 라운드 트립 / 단일페이지 라운드 트립은 브라우저에서는 서버에 초기 HTML 문서를 요청한다. 사용자 상호작용(링크 클릭)이 일어나면 브라우저는 새 HTML문서를 요청해 서버에서 다시 받는다. 브라우저가 HTML 콘텐츠의 랜더링 엔진이며, 모든 애플리케이션 로직 및 데이터는 서버단에 있다.브라우저는 계속해서...


  • Basic JavaScript

    자바스크립트 기초 기본적인 자바스크립트 기법을 사용하는 예와 더불어 자바스크립트 언어를 보완하기 위해 AngularJS에서 제공하는 범용 유틸리티 메서드를 살펴볼 것이다. <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Example</title> <script src="angular.js"></script> <script type="text/javascript"> console.log("hello"); </script> </head> <body> this is a simple example </body> </html> 함수의 정의 및 사용 myFunc()라는 함수를 정의하고 myFunc()를...


  • Installing a Raspbian in RaspberryPI

    라즈베리파이3 B+ 라즈비안 설치 Raspberry3 B+ 에 라즈비안을 설치하는 방법을 알아보겠습니다. 저의 개발 환경은 Mac입니다. 준비물 : 라즈베리파이, Micro sd카드, 어댑터(2.5A이상) 라즈비안 다운로드 sd카드를 맥북에 연결하여 다운받은 Raspbian 이미지 파일을 sd카드에 설치합니다. 터미널을 실행한 후 diskutil list를 실행하면 아래와 같은 목록을 확인하게됩니다. ​ /dev/disk2가 sd카드인 것을 확인할 수 있습니다. sd카드의...