전체글589 [Sublime Text] 빌드 환경 설정 Sublime Text에서 Javascript의 console.log를 출력하기 위해서는 별도의 작업이 필요하다.이는 Javascript가 브라우저 기반의 언어라서 발생하는 일이라,nodejs의 도움이 필요하다. 1. nodejs 설치 - https://nodejs.org/ 로 이동하여 본인 PC에 맞게 설치한다. 2. Sublime Text 설치 - http://www.sublimetext.com/3 3. build 환경 설정 - Sublime Text를 열어 아래와 같이 New Build System 버튼을 클릭 - 해당 버튼을 클릭하면 아래와 같은 화면이 나온다. - 이 부분을 다 지우고 아래 코드를 입력한다.{"cmd": ["node","$file"],"selector": "source.js"} .. 2016. 1. 6. 502 bad gateway error 회사에서 사용중인 서버리스트에 서버 추가가 필요했다.기존 서버와 동일하게 톰캣, nginx, 프로젝트 설정까지 똑같이 설정한 후에 LVS 투입전에 테스트를 진행하였는데 난데없이 502를 계속 내뿜었다. 다른 모든 설정이 같아서 nginx error log (회사서버는 /data/log/nginx 에 access, error log들이 있다.) 를 확인하였는데아래와 같은 에러가 보였다. [error] 23598#0: *1 SSL_do_handshake() failed (SSL: error:100AE081:elliptic curve routines:EC_GROUP_new_by_curve_name:unknown group error:1408D010:SSL routines:SSL3_GET_KEY_EXCHANGE.. 2016. 1. 5. 부분뷰 (ng-include) HTML, JSP같이 VIEW 영역에 대한 코드는 서버사이드처럼 코드를 분리해서 작성하지 않고, 화면의 한 페이지당 하나의 파일로 코드를 작성하는 경우가 많다. 이럴 경우 각 엘리먼트가 하는 일을 한눈에 알 수 없을 정도로 복잡해진다. 다행히 AngularJS에서는 마크업 파일을 분리, 호출 할수 있는 디렉티브를 제공하는데 이것이 바로 ng-include 이다. 아래 코드를 보자. 위 코드는 상품리스트를 나타내는 product.html 의 코드이다. 현재는 그리 코드가 많지 않지만, 점차 기능을 붙임에 따라 코드가 늘어날 것이므로 ng-include를 사용하여 코드를 분리시키겠다. product.html productList.html 메인 컨텐츠 부분만 별도로 분리하여 productList.html 을 .. 2016. 1. 4. IntelliJ에서 Spring+maven 프로젝트 import 및 설정 (http버전) 현재 회사의 개발환경이 STS에서 인텔리J로 변경되어 기존에 STS에서 개발되던 프로젝트들을 전부 옮기게 되었다.이 과정에서 해당과정을 공유하면 좋을것 같아 기록한다.참고로 이 과정은 http 서버를 사용할 경우이며, https를 사용해야할 경우 SSL인증서 설치 및 톰캣에서 443 포트 포워딩이 필요하여 해당 과정은 다음에 등록하기로 한다. 1. git에서 프로젝트 Copy 2. copy 한 프로젝트 intelliJ에 import 3. import후, 톰캣설치 - http://tomcat.apache.org/ 에서 프로젝트 환경에 맞는 tomcat 다운로드 및 압축해제 4. 톰캣 환경 설정 4-1) 우측 상단 ▶버튼 좌측에 있는 ▽ 버튼 클릭 -> Edit Configurations.... 클릭 4-2.. 2016. 1. 3. Ajax ($http) 처리 AngularJS 에서는 $http 라는 서비스를 통해 Ajax 요청을 수행한다. Ajax는 비동기적 자바스크립트 및 XML의 약자인데 여기서 중요한 것이 바로 비동기적이다. 일반적으로 서버사이드에 요청을 하여 데이터를 수신하는 동작은 처리하는데 많은 시간이 필요하다.이전의 동기적 방식에서는 서버사이드에서 데이터가 올때까지 모든 동작을 멈추고 기다리는데,웹서비스에서 이런 상황은 사용자에게 굉장한 불편을 준다.이를 위해 서버사이드에 데이터를 요청하여 받는것이나, 가공된 데이터를 메일 혹은 SMS로 보내는 등 처리하는데 많은 시간이 필요하지만 UI에서 변화가 필요없는 동작의 경우 비동기로 처리를 한다.많은 시간이 필요한 처리는 요청만 해놓고 해당 결과가 올때까지 다른 일을 처리하다가,결과가 오면 다음 행위를.. 2016. 1. 3. [mongodb] window에서 쉽게 mongodb run시키기 매번 mongodb 를 구동시키려고 mongod --dbpath ~~~ 명령어 치는게 너무 귀찮아서 이걸 도대체 어떻게하면 쉽게 할 수 있을까 찾아보다가, 아주아주 마음에 드는 방법을 찾게 되어 기록한다. 1. cmd를 관리자 권한으로 실행 2. 아래의 3가지 command를 차례로 입력한다. 1) mongodb폴더의 bin 폴더주소로 이동하여 mongodb --remove ex) D:\mongodb\bin>mongod --remove 2) 해당 폴더에서 계속 command 입력 ex) D:\mongodb\bin>mongod --dbpath=D:\mongodb --logpath=D:\mongodb\log.txt --install 3) 윈도우 서비스 실행하여 mongodb가 자동서비스로 등록되어있는지 확인.. 2015. 7. 1. 이전 1 ··· 94 95 96 97 98 99 다음
