All-round programmer

* 웹페이지의 성능에 대한 인식이 뛰어나지 않은 국내 시장에서 다양한 웹페이지의 성능 진단 및 최적화를 진행함으로써 다양한 데이터를 모으려고 한다. 아직은 많은 데이터를 수집해야하는 시기라 실제 진단하는 케이스들과 최적화를 하는 케이스가 있으면 천천히 하나씩 블로그에 포스팅을 하려고 한다. : 현재까지 국내에서는 백엔드의 성능에 치중한 성능 최적화가 많았지만, 실제로 웹페이지가 사용자의 브라우져에 뜰 때까지 걸리는 모든 시간의 80%~90%는 서버의 백엔드가 아닌 프론트엔드인 브라우져에서 할애하게 된다. 따라서, 프론트 엔드에서 사용자들에게 직접적으로 UX에 영향을 주는 사항들에 대하여 검토하고 진단 그리고 나아가 최적화를 시킬 수 있는 방향까지 제시하고자 한다. 현재까지 해외에서는 웹페이지의 성능에 대..

* 본 라이브러리는 MIT License를 사용하고 있습니다. * VJGraph ver 0.1 : 자바스크립트와 HTML5 태그를 이용하여 웹페이지 상에서 그래프를 그릴 수 있도록 도와주는 라이브러리를 구현해봤습니다. 현재는 그래프 그리는 기능, 실시간으로 데이터를 추가해서 그래프를 그리는 기능까지만 구현되어있습니다. * 현재 계속 업데이트 중이고, code.google.com에 있는 js파일을 직접 연결하면 추가 기능 개발 중에 변경되어 충돌이 일어날 수 있으므로 다운 받아서 사용하시고, 차후 stable 버전이 나오면 minification과 gzip을 적용할 예정입니다. * 건의 사항/오류 사항/버그 신고를 이 게시물 댓글이나 unikys at gmail.com으로 보내주시기 바랍니다. * 라이브러..

* 이전부터 자바스크립트 라이브러리를 이것저것 만들고 싶어서 Vanilla Javascript library 프로젝트를 시작하려고 합니다. 일단 제일 처음으로 시작은 HTML 상에 자바스크립트로 그래프를 그리는 라이브러리를 만들것이고 개발자들의 필요 요구를 지속적으로 지켜보고 라이브러리화할만한 것들을 라이브러리로 개발하고자 합니다. 일단 시작은 VJGraph 라이브러리를 만들고나서, 사이드 메뉴를 쉽게 설정할 수 있는 라이브러리르 만들 예정이고, 프로젝트 홈페이지는 아래와 같이 사용할 것입니다. http://code.google.com/p/vanilla-javascript-library/ * Vanilla Javascript Library는 다른 외부 라이브러리의 의존도를 최대한 낮추고 개발자들에게 필요..

* 이번에는 약간 이론과 실제 구현을 섞어서 한번 프로젝트를 진행해보자. 공부할 내용은 Python과 구글 앱엔진을 통해서 자료 구조를 구축하는 방법에 대해서 공부하면서 진행할 것이다. 1:1, 1:N, 그리고 N:M의 관계들에 대해서 알아보고 서버측 데이터 설계를 완성할 것이다. * 공부하면서 구현하는 것이고 테스트를 차후에 기능들을 구현하면서 할 것이기 때문에 문법상, 구조상 다소 오류가 있을 수 있습니다. - 이전 관련 글들..2012/10/06 - [NY-School] Google App Engine과 Python 시작하기전에 공부하기2012/10/06 - [NY-School] Google App Engine과 Python 시작하기 - Hello world2012/10/06 - [NY-School..

* 이번에는 데이터 구조를 자바스크립트로 구현을 해놓는 작업을 할 것이다. 부분부분 단위별로 중요한 데이터구조부터 구현할 것이다. 2012/11/03 - [Mini Project/NY-School] - [NY-School] 기본 기능과 데이터구조 설계 * 1차로 구현할 데이터 구조- 사용자- 학교- 학생 목록- 학생- 선생님- 반 * 구현 결과 /*jslint browser:true */ /*jslint plusplus: true */ (function (doc, win) { "use strict"; var nyschool, host = "ny-school.appspot.com", loginId, currentUserInformation, School, StudentList, Student, HomeRo..

* 이제부터 프로젝트 설계에 들어간다, 이제 전체적인 구조를 만들고나면 다음부터는 각 기능의 개발에 들어갈 것이다. *목적- 학교에서 선생님들의 업무를 도와줄 수 있는 웹 앱을 제공한다.- 학생들의 출결, 상담 등의 결과를 쉽게 저장하고 관리할 수 있는 기능을 제공한다. *환경- 서버, 데이터베이스: Google App Engine- HTML5, Javscript, CSS, 서버는 Python- 통신 규격은 JSON으로 통일한다. - 1단계 Web App, 2단계 iOS and Android Hybrid App, 3단계 Offline standalone Hybrid App- 데이터 구조는 자바스크립트 클래스로 유지한다. *제공/구현 기능- 사용자 관리: 사용자등록: 사용자 수정* 학교는 목록에서 선택 o..

* 이번에는 지금까지 만든 소스를 서버에 올리는 작업을 해보자 2012/10/06 - [NY-School] Google App Engine과 Python 시작하기전에 공부하기2012/10/06 - [NY-School] Google App Engine과 Python 시작하기 - Hello world2012/10/06 - [NY-School] Google App Engine과 Python 시작하기 - webapp framework2012/10/07 - [NY-School] Google App Engine과 Python 시작하기 - Datastore 사용해서 방명록 만들기2012/10/20 - [NY-School] Google App Engine과 Python 시작하기 - Template페이지 사용하기2012..

* 이번에는 Google App Engine과 Python에서 static한 페이지를 이용하는 방법을 살펴보자. 2012/10/06 - [Mini Project/NY-School] - [NY-School] Google App Engine과 Python 시작하기전에 공부하기2012/10/06 - [Mini Project/NY-School] - [NY-School] Google App Engine과 Python 시작하기 - Hello world2012/10/06 - [Mini Project/NY-School] - [NY-School] Google App Engine과 Python 시작하기 - webapp framework2012/10/07 - [Mini Project/NY-School] - [NY-Schoo..

* 이전에 진행하면서 공부한 내용 2012/10/06 - [Mini Project/NY-School] - [NY-School] Google App Engine과 Python 시작하기전에 공부하기 2012/10/06 - [Mini Project/NY-School] - [NY-School] Google App Engine과 Python 시작하기 - Hello world 2012/10/06 - [Mini Project/NY-School] - [NY-School] Google App Engine과 Python 시작하기 - webapp framework 2012/10/07 - [Mini Project/NY-School] - [NY-School] Google App Engine과 Python 시작하기 - Datas..

* 이번에는 Google App Engine의 데이터베이스, Datastore를 이용해보자. 2012/10/06 - [Mini Project/NY-School] - [NY-School] Google App Engine과 Python 시작하기전에 공부하기2012/10/06 - [Mini Project/NY-School] - [NY-School] Google App Engine과 Python 시작하기 - Hello world2012/10/06 - [Mini Project/NY-School] - [NY-School] Google App Engine과 Python 시작하기 - webapp framework *개요: App Engine의 Datastore는 간단한 API로 구글의 인프라를 이용하여 네트워크 트래픽..

* 이전 글에 이어서 webapp 프레임워크를 사용하는 방법을 살펴보자. 2012/10/06 - [Mini Project/NY-School] - [NY-School] Google App Engine과 Python 시작하기전에 공부하기2012/10/06 - [Mini Project/NY-School] - [NY-School] Google App Engine과 Python 시작하기 - Hello world * 개요: CGI 표준은 간단하지만 이 모든것을 직접 손으로 코딩하려고 한다면 복잡하고 귀찮은 일이다. 웹 어플리케이션 프레임워크는 이러한 사항들을 대신 다워준다. Google App Engine은 Python과 CGI, WSGI 등을 이용하는 모든 프레임워크와 통신을 할 수 있다.따라서 Django, C..

2012/10/06 - [Mini Project/NY-School] - [NY-School] Google App Engine과 Python 시작하기전에 공부하기 * 이전글에 이어서 구글 앱 엔진과 파이썬을 연동하는 기본적인 hello world 프로그램부터 공부를 시작해보자. - 파이썬 설치 : MacOSX에서는 파이썬이 보통 깔려져있으므로 현재 설치되어있는 파이썬의 버전을 확인하자. : 현재 버전은 2.6.1로 처음 샀을 때 이후로 업데이트를 한적이 한번도 없다. 따라서 GAE가 설명하고 있는 2.7버전으로 업데이트하자. 현재 최신버전으로는 2.7.3버전과 3.3.0 버전이 있는데, 2.7.3 버전으로 진행하겠다. http://www.python.org/download/releases/2.7.3/ * ..

* 아래의 사이트에 이것저것 설명되어있다. 들어가서 자세하게 공부하는 것이 제일 좋을 것이다.https://developers.google.com/appengine/docs/python/overview : Google App Engine(GAE)는 자바와 파이썬, 그리고 Go (?)를 지원한다. (위의 사이트 참고) 이 중에서 이전에 자바를 이용했던 적이 있으므로 이번에는 파이썬을 적용해서 해보고자 한다. GAE와 Python : GAE에서는 파이썬은 버전 2.7이상을 지원하고 있고 (현재 파이썬 최신버전 : 2.7.3, 3.3.0) 파이썬 웹앱은 WSGI 프로토콜을 이용해서 GAE 서버와 통신을 하게 된다. 따라서 WSGI와 호환이 되는 웹 앱의 경우는 모두 GAE의 파이썬 런타임 환경을 적용할 수 있..

* 새로운 환경에서의 새로운 언어도 공부할겸 미니 프로젝트를 하나 진행하려고 한다. 이와 관련해서 공부하는 내용들, 관련 팁들을 쭉 정리할 생각이고 프로젝트가 완성 됐을 때 여러 사람들이 사용할 수 있도록 공개할 생각이다. : 지금 구상해놓은 프로젝트는 많은데, 이번에 진행할 미니 프로젝트는 웹에서 HTML5를 공부하기 위해 진행할 것이다. 여기에 서버를 GAE로 사용하면서 지금까지 지긋지긋하게 했던 JAVA보다는 Python을 조금 더 공부하고자 한다. : 매주 주말마다 조금씩 프로젝트를 진행할 것이고, 그 경과는 여기와 소스는 github를 통해 업데이트 될 것이다. : NY-School URL등록은 GAE상에 http://ny-school.appspot.com 으로 만들어놨지만 다다음주가 되기 전까..