웹 & 프레임워크 168

[목업 프로젝트] 테마 꾸미기

진행상태 바http://tympanus.net/Development/ElasticProgress/ var e = new ElasticProgress(document.querySelectorAll('.Download')[3], {colorFg: "#ed7499", colorBg: "#635c73", highlightColor: "#ed7499", barHeight: 14, barInset: 10, fontFamily: "Indie Flower" }); e.onClick(function() { e.open(); }) e.onOpen(function() { fakeLoading(e, 2, 0.5); }); e.onFail(function() { e.close(); }) 후보군 이미지 업로드http://tymp..

자바스크립트 및 라이브러리 정리

---데이터 바인딩--- AngularJShttps://www.angularjs.org/ 양방향 데이터 바인딩이 가능한 반응형 웹의 선구자 ReactJShttp://reactkr.github.io/react/index.html 마찬가지로 페이스북에서 내놓은 반응형 웹 구현을 위한 데이터 바인딩 JS ---빌드툴--- Browserifyhttp://browserify.org/ nodeJS 에서 쓰이는 방식으로 실제 브라우저에서 각 모듈을 불러오는데 쉽게 쓰인다. Uglifyhttp://lisperator.net/uglifyjs/ 홈페이지는 허접하지만, 자바스크립트를 축약하거나 정리하는데 쓰인다. Gulphttp://gulpjs.com/웹 빌드를 편하게 해준다. Grunthttp://gruntjs.com/마..

HTML5 생소한 태그들 정리

HTML5에는 뭐 쓸데없는 잡다한걸 다 가져다 표준으로 만들어놨는데, 현재로써 이걸 100% 쓰는것은 그다지 안전하지는 않아서 되도록 다른 방법이 없으면 쓰는것이 맞지만.. 어쨌뜬. 구조 - 태그가 별 기능은 없고, 나누는 기능만 한다. 사실, 그다지 이렇게 쓸 필요가 없기도 하다. 그룹 - 위첨자 - 아래첨자 - 변수 - 아랍어는 방향이 반대다. 이걸 표현해주기 위함 - 루비텍스트 폼 - RSA 만 생성됨 테이블 - 종료태그없음

nodejs와 express, mongoose, mongodb 를 이용한 웹서버 간단구축

정말 초 간 단 nodeJS -> 네트워크용 자바스크립트 라이브러리 express -> nodeJS용 간단 웹서버 프레임워크 (여기서는 정말 간단한 것만 쓴다.) mongoDB -> NoSQL군의 DB mongoose -> mongoDB와 nodeJS간의 통신을 위한 간편드라이버 0. nodeJS설치 1. 몽고디비 설치 (몽고디비는 직접 웹사이트가서 다운로드하길.) npm으로 되나 모르겠네.. 2. 그리고 앱을 띄울 디렉토리 만든다. $ mkdir app $ cd app 2. 그 디렉터리로 가서 다음명령어로 mongoose설치 $ npm install mongoose 3. 그리고 다음명령어로 express설치 $ npm install express --save 4. 그리고 다음 코드로 디렉터리에 js파일..

Django 만지기

이제 장고를 설치만 했는데, 기본적으로 MVC모델을 따르고 있을 것이나, 굳이 파이썬을 이용하는 이유는 그 수많은 패키지와 어플리케이션의 힘을 좀 얻고 싶어서 쓰는 것이다. 따라서, HTML Visualization 을 하기 전에 테스트할 앱을 몇개 설치해보고 쓰는것이 좋을것같다. 사실 제일 빠르게 웹 어플리케이션을 구축하는 방법은 아직까지는 APM Setup 조합과 Code Igniter 조합이 거의 제일 빠르고, 아예 설치형의 경우는 XE가 제일 빠른편인듯. 워드프레스도 좋은데 조금 외국취향이기 때문에..게시판도 찾기 힘들고 하다. 각설하고 한번 만들어보자.. 일단 만들어진 mysite를 들어가서 열심히 py 페이지를 바꾸면 될듯하다. IDE는 사실 조금 고민했는데, Visual Studio 가 그렇..

Maven과 같은 빌드툴이 필요한 이유

gradle같은 것도 요즘 많이 쓰인다고는 하지만, 기본중의 기본인 maven으로 세팅을 할수있다. 라이브러리 + 빌드 도구란놈이다. 왜 maven같은게 좋냐. - 라이브러리 그냥 막 추가하다보면 뭐했는지도 모르는데, maven의 경우는 적어놓기만 하면 알아서 다운로드해주고 추가해주는 기능이 있다.jar 파일을 굳이 찾으러다니지 않아도 된다. 그게 바로 pom.xml이다.- 특히 협업의 환경에서는 이것저것 라이브러리가 없으면 고장나는데, 얘는 그러한 걱정은 필요없다. * 효율적인 프로젝트 환경 구축- 형상관리 서버의 단일 저장소에서 소스와 산출물 관리- 표준 IDE 사용으로 개발자간 협업 가능- 체계적이고 지속적으로 빌드 수행- 팀원들간의 활발한 의사소통 및 정보 공유- 주기적인 코드 리뷰- 이슈관리 툴..