My Portfolio Site 만들기 (1) - 환경구축

첫번째로 기존에 학교 프로젝트로 간단하게 만들었던 포트폴리오 사이트(resume.godong9.com)를 다시 만들려고 합니다.

먼저 소스코드 버전관리를 위해 Git을 사용하고, 개발툴로 WebStorm을 사용할 것입니다.

개발 환경은 서버측은 nginx를 프록시 서버로 사용하고, 서버 프레임워크로 express, DB로 MongoDB를 사용합니다. 클라이언트는 AngularJS를 사용해서 개발할 것입니다.

테스트 코드까지 작성할 계획은 없지만 프로젝트의 기본 골격을 만들고자 yeoman을 이용하였습니다.


프로젝트 구조 생성

#yo angular
WebStorm 프로젝트 화면
다음 포스트부터는 본격적으로 개발을 시작하겠습니다.

댓글

댓글 쓰기

이 블로그의 인기 게시물

ansible ssh 접속 에러 해결

ansible ssh 접속 에러 해결 brew로 ansible로 설치 후 ssh로 접속은 되지만 ansible 사용시 아래와 같은 에러 발생시 해결방법 fatal: [test.com]: UNREACHABLE! => {"changed": false, "msg": "Failed to connect to the host via ssh.", "unreachable": true}   [WARNING]: Could not create retry file 'test.retry'.         [Errno 2] No such file or directory: '' 해결과정 아래 명령어 실행해서 실행로그 확인 $ ansible-playbook -i inventories/alpha test.yml -vvvv 아래와 같은 에러 발생하는 걸 확인 unix_listener: "/Users/kakao/.ansible/cp/ansible-ssh-alpha-settlement-batch.pg1.krane.9rum.cc-22-deploy.4iMK7HjczF1OTe6p" too long for Unix domain socket 리서치 해보니 아래 링크 발견 https://github.com/ansible/ansible/issues/11536 ansbile.cfg 파일 추가 및 수정 $ vi /usr/local/etc/ansible/ansible.cfg https://raw.githubusercontent.com/ansible/ansible/devel/examples/ansible.cfg 파일 복사해서 붙여넣기 control_path 부분 수정 control_path = %(directory)s/%%h-%%r ansible 실행시 정상동작
자세한 내용 보기

OpenWeatherMap API 이용해서 날씨 데이터 가져오기

OpenWeatherMap API 도시별 날씨 데이터 가져오기 OpenWeatherMap Query Example http://api.openweathermap.org/data/2.5/find?APPID=SAMPLE_API_KEY&q=Seoul,kr&units=metric APPID: API Key q: 도시명,국가코드 units: 표시 타입(metric: 섭씨) request 모듈로 날씨 데이터 가져오기 var WEATHER_API_URL = "http://api.openweathermap.org/data/2.5/find"; var WEATHER_QUERY_UNITS = "metric"; var APP_ID = "DEMO_API_KEY"; Weather.getWeatherData = function(city, countryCode, callback) { var query = { APPID: APP_ID, units: WEATHER_QUERY_UNITS, q: city + "," + countryCode } var options = { method: 'GET', url: WEATHER_API_URL, qs: query }; var weatherData; logger.info("GET query: ", query); request(options, function(err, res, body) { var parsedBody = JSON.parse(body); if(!parsedBody) { return callback(err, null); } // weatherData 가공해서 필요한 형태로 만들어줌 weatherData = self.makeWeatherData(serviceType, par
자세한 내용 보기