야훔의 저렴한 개발

어떻게 만들지, 어떤 패키지를 활용할지 지난 시간에 대충 계획을 세웠으니 이제 프로젝트를 만들어보도록 하자. 폴더를 하나 만들고 거기에 npm init -y 명령으로 package.json 파일을 생성하자. $ npm init -y 이제 당장 생각나는 패키지들을 인스톨 해보자. koa koa-router passport-jwt sequelize $ npm i -save koa koa-router passport-jwt sequelize 이렇게 설치해놓고 생각해보니 로그인 처리를 하려면 POST 방식으로 데이터를 받아야하고, Restful API 주제에 CORS 이슈도 생각을 못한 것이 떠올랐다. 그래서 아래의 패키지들을 더 인스톨 하도록 하자. koa-bodyparser koa-cors2 koa-cors..

Angular를 다룬다는건 꽤 힘든일이다. 그도 그럴 것이 Angular라는 건 일단 TypeScript로 개발되었고 TypeScript는 ECMA Script(이하 ES)의 최신버전을 따라 만든 것이고 이건 기존의 ES5 버전의 javascript와는 판이하게 다른 언어로 보이기 때문이다. Class 개념과 함께 등장한 Abstract, Implements, Extends 등등의 기능부터 다양한 변수의 활용과 enum 객체의 등장과 심지어 Decoration 패턴도 구현되어있다.(Java에서는 Annotation이라고 하면 이해하겠지) 게다가 Javascript의 고질적인 문제라고 지적받았던 애매한 호이스팅 이슈(Hoisting Issue)도 let 이라는 변수 선언 방식 덕택에 많이 해소되었다. 이건..

내가 전에 올렸던 글에서 한가지 빼먹고 안 쓴 내용이 있었다.크롬 디버거 확장 프로그램이 기본인줄 알고 있었는데 아니었던 것..그래서 디버그 패널에서 구성을 추가하면 node 관련 항목 밖에 안나온다. 그래서 오늘은 크롬 디버거를 설치하는걸 소개할까한다. 일단 Visual Studio Code를 실행한다. 실행하고 우측에 보면 5번째 아이콘이 확장프로그램 설치하는 아이콘이다. 저걸 클릭해보자. 지금 나는 프로젝트를 위해 이미 몇가지 플러그인을 설치한 상태고 새로 설치하는 것을 보여주려고 Chrome Extension을 지운 상태다.이 상태에서 Chrome Debug Extension을 검색해보자. Chrome 이라고만 검색해도 가장 위에 Debugger for Chrome이라고 등장한다. 이 플러그인을 ..

지난 시간 Angular 프로젝트를 생성해보는 것을 했으니 오늘은 이 Angular 프로젝트를 코딩하기 위해서 사용할 IDE(?) 프로그램을 하나 사용해 보려고 한다. Microsoft에서 개발한 Visual Studio Code라는 프로그램이다. 이 프로그램을 사용하는 이유는 일단 TypeScript를 지원하고, 공짜인데다 Emmet기능도 탑재되어있고 터미널 기능에 실행 스크립트를 지원하고 있어서 그렇다. Git이나 FTP, SFTP 같은 것도 플러그인을 통해 지원하고 있다. https://code.visualstudio.com/ 로 이동해서 보면 다운로드가 가능하다. 다운로드 후 파일을 실행하면 인스톨러가 실행된다.아참, 참고로 이 Visual Studio Code는 Mac이나 Linux 환경도 지원..