동해둘리의 IT Study

1. 브라우저에 로드되는 페이지의 랜더링 시에, 해당 브라우저의 최신 엔진을 이용하여 랜더링 하라는 코드이다.지정된 doctype에 상관없이 IE8 이상 버전에서 항상 최신 표준 모드로 렌더링 최신의 브라우저에서 웹표준을 지키지 않던 브라우저(IE5,6,7 등)를 기준으로 제작된 웹페이지를 방문하게 되면 레이아웃이 깨지거나 작동하지 않을 때가 있습니다. 그래서 meta태그를 사용해서 렌더링 엔진을 선택하게 하거나, 최신 렌더링 모드로 강제로 작동하게 만들어야 합니다. 그 때 사용하는 태그가 태그 입니다. [출처] X-UA-Compatible, IE=edge|작성자 하얀향기[출처] X-UA-Compatible, IE=edge|작성자 하얀향기 * content 값에 지정할 수 있는 값 IE=5 관용모드(qu..

IT공부방/HTML5, CSS 2016. 7. 13. 11:59

지난번, [ ionic framework 와의 첫 만남 포스팅 ] 에서, 실제 실행 부분에서 진행이 잘 되지 않았었는데요, 이번에는, github 에서 받았던 Sample ionic project 를 이용해서, android 화면에서 테스트 해보고자 Build 까지 진행을 해보려고 합니다. https://github.com/loicknuchel/ionic-starter 아래 명령을 정상적으로 실행하는 것이 목표입니다. ionic platform add android : add android platform to the projectionic resources : generate icon & splash-screen for project platformsionic run android : run your ..

IT공부방/하이브리드앱 2016. 7. 2. 20:10

ionic framework 를 처음 접한 후로, Hello World 수준으로 테스트를 해봤었는데, 이번에는 GitHub 에 등록되어 있는 starter project 중에서 하나를 테스트 삼아서 실행시켜보기로 했습니다. 먼저, GitHub 에서 ionic project 로 검색한 후에, 있어보이는 프로젝트 하나를 임의로 선정해 봤습니다 https://github.com/loicknuchel/ionic-starter 아래의 순서대로 실행하면 된다고 했는데, install nodejs, npm, gulp, bower, cordova, ionic & sass (if not already done)git clone git@github.com:loicknuchel/ionic-starter.git : clone..

IT공부방/하이브리드앱 2016. 7. 2. 19:28

ionic framework 를 이용하여 하이브리드앱 개발을 하기위해 Study 를 진행하고 있습니다. Study 기록을 위하여 명령어를 정리하고, 틈틈히 추가하도록 하겠습니다. 1. ionic framework 설치하기 1) node.js 설치하기 http://nodejs.org/en/ 에 접속하여 node.js 를 설치한다. 2) ionic / cordova 설치하기 nodejs commandline prompt 실행 후 ionic / cordova 를 설치 npm install -g ionic npm install -g crodova 또는 ionic 과 cordova 를 한번에 설치한다. sudo npm install -g ionic cordova 2. ionic 명령어 모음 1) ionic sta..

IT공부방/하이브리드앱 2016. 7. 2. 15:18

하이브리드앱 개발을 위해 Study 를 진행하던 중에, ionic framework 라는 것을 접하게 되었습니다. 아주 간단하고 빠르게 하이브리드앱을 개발할 수 있다는 말을 듣고, ionic 을 소개하는 유튜브 영상으로 Preview 를 해봤네요 이 영상대로만 된다면야, 워드문서 한장 만드는 것처럼 쉽다는 말인데..... 우선, ionic.io 에 접속하여 Get Started Free 버튼을 눌러 ionic 의 세계로 들어가 봅니다. 참고 : http://ionicframework.com/getting-started/ 1번 안내에서 하라는 대로, 제일 먼저, Node.js 를 설치합니다 그리고는 cordva와 ionic 실행을 위한 command-line-tool 을 설치합니다. 좀 전에 node.js..

IT공부방/하이브리드앱 2016. 7. 2. 13:41