Example
-
Node js AWS S3 파일 업로드 환경설정 #2 IAM(Identity and Access Management)AWS/S3 2020. 2. 4. 21:06
앞선 포스팅에서 버킷 만들 때 모든 퍼블릭 엑세스 차단한다고 했는데, 그럼 어떻게 접근을 하느냐!? IAM 설정을 통해서 한다고 생각하면 된다. IAM 설정하면 키값을 받을 수 있는데, 이 키값을 가지고 AWS 객체 만들고, 특정 버켓 및 객체를 제어하도록 노드 서버를 구성하려 한다. 절차는 겁나 쉽다. AWS 계정 로그인 > 서비스 > IAM 검색 후 클릭 그룹에 권한을 주고, 사용자를 등록하는 순으로(리눅스랑 같은 방식) 사용하길 권장하는데, 사용자만 생성해서도 권한 부여할 수 있다. 사용자 추가 버튼 클릭. 사용자명 작성 후 엑세스 유형 선택 1. 프로그래밍 방식 : S3 객체를 통해 프로그램에서 사용하는 방식. accessKey, secretAccessKey를 가지고 config 설정 해 객체..
-
Node js, AWS S3(Simple Storage Service) 파일 업로드 #1AWS/S3 2020. 2. 4. 20:48
마도리 3은 SNS 앱이라 이미지, gif 등 파일 이미지 관리할 방법에 대해 궁리를 해야 했다. 현재 가장 많이 사용하고 있는 S3(Simple Storage Service) 환경설정 및 파일 업로드 과정 포스팅 100G 기준 한달 3~4천원이면 유지가 가능하다고 우결형이 말해줌. https://aws.amazon.com/ko/ 클라우드 서비스 | 클라우드 컴퓨팅 솔루션| Amazon Web Services 미디어 및 엔터테인먼트 Live Nation Entertainment, AWS를 사용하여 혁신 속도를 높이고 비용을 절감하며 애플리케이션 가용성을 개선 세계 최고의 라이브 엔터테인먼트 기업이 어떻게 AWS 클라우드를 사용하여 고객에게 개선된 경험을 더욱 빠르게 제공하는지 알아보십시오. 자세히..
-
Vue.js datetimepicker 예제 (npm vue-datetime)madori/vuejs 2019. 6. 12. 21:31
마도리 프로젝트 하고 있었는데 안드로이드와 IOS 둘다 커버 가능한 하이브리드 프레임워크 아이오닉을 채택해서 진행중이었다. 현재 스타트업 운영중인 인수형이 우리 스터디 올 기회가 있었고, 우리 프로젝트 환경 구성을 보고 우결형 Said that 'IONIC은 죽은 프레임워크다!!' 인수형의 한마디에 갑분띠가 되면서 리더 사이먼 형 특유의 제스처 발동 "긁적 긁적;;;" 어차피 API 서버에서 JSON으로 받아서 사용하니 프레임워크만 바꿔서 개발하길 추천받았고, 인수형네 회사에서 사용중인 Vue js를 사용하기로 했다. 그래서 다시 공부중인데, 여기는 datepicker를 따로 지원해주지 않는다(죽은 프레임워크 아이오닉은 지원됨) npm에서 뒤져가면서 삽질 좀 했는데, 앞으로는 삽질을 적게 하자는 의미로 ..
-
Node.js Express 메모리(Memory) DBMEAN STACK/Memory DB 2018. 9. 12. 10:11
데이터베이스를 따로 두지 않고 서버에 직접 두고 제어하는 방법이 있다. 이를 메모리 DB라 칭한다. 속도가 빠르지만 서버가 꺼지면 데이터도 모두 초기화된다. 따라서 DB만 관리하는 서버와 백업 서버를 두어 정규 시스템 서버에 장애가 발생해(죽는 경우) 이용할 수 없을 경우 대체 시스템을 작동시키는 Failover 방식을 사용한다. 전역변수로 배열 객체 items를 생성한다. 글 제목과 내용 가지고 있는 배열 생성 ES6 문법 사용. var 대신 const와 let을 사용한다. ES6부터 객체는 상수(const) 키워드를, 미들웨어 내부 변수에 let 키워드를 사용한다. 기존 자바스크립트가 가지고 있는 문제점 해결된다(Scope 이해가 필요) 처음 메모 목록 페이지. items 초기 생성한 2개만 존재한다..
-
노드js(Node.js) NPM(Node Package Manager) 예제MEAN STACK/Node js 2018. 9. 12. 10:09
노드js도 스프링과 마찬가지로 여러가지 내외부 모듈을 사용할 수 있다. 이러한 모듈들의 집합을 NPM(Node Package Manager)라 한다. 스프링에서 Maven과 비슷한 역할을 하는 녀석이라고 이해하면 될 것 같다. 또한 노드js의 개발을 편하게 제공하는 프레임워크로 Express가 있다. Node js만으로 웹 개발을 하기는 굉장히 어려워 Express를 사용해야만 개발이 가능하다고 보면 된다. 메이븐에서 pom.xml에 Dependencies를 등록해 사용했듯이 Node.js에서는 package.json 파일에 설정하고 등록한다. Scriptlet을 사용할 수 있도록 돕는 ejs를 등록하는 과정 포스팅 새 프로젝트 생성위 Terminal 클릭해 npm 초기화 진행한다. 명령어는 npm in..
-
노드 js (Node.js), 웹스톰(webStorm) 다운 및 페이지 라우팅(Page Routing) 예제MEAN STACK/Node js 2018. 9. 12. 10:01
MEAN STACK이라는 말이 각광을 받고 있다. MongoDB, Express, Angular 4, Node.js를 이용한 웹개발을 일컫는다. 스프링이나 서블릿으로 할 수 있는 개발을 MEAN STACK을 통해 대체 가능하다는 말이다. 서블릿과 비교하면 스프링도 굉장한 코드량을 줄일 수 있었지만 MEAN STACK을 사용하면 더욱 간소화 할 수 있다. (Express를 사용하면 한줄로 서버를 동작시킬 수 있다.) Node.js는 확장성 있는 네트워크 애플리케이션(특히 서버 사이드) 개발에 사용되는 소프트웨어 플랫폼이다. 작성 언어로 자바스크립트를 활용하며 Non-blocking I/O와 단일 스레드 이벤트 루프를 통한 높은 처리 성능을 자랑한다. - 2009년 “라이언 달” 이 V8과 CommonJS ..
-
Angular 설치MEAN STACK/Angular 2018. 9. 12. 09:47
설정 환경 : 노드, 웹스톰(webStorm) ※ 노드는 반드시 설치되어 있어야 한다! (npm 모듈을 사용하기 때문) 사용 툴은 웹스톰이나 MS의 vs code를 추천( 웹스톰은 30일 무료, vs code는 무료 ) Angular 사용하기 위한 설정을 해줘야 한다. 1) Package.json dependencies 2) Ts.config.json : TypeScript 컴파일러가 javaScript 생성하는 방법 정의한 파일 3) Typings.json : TypeScript compiler 인식하지 못하는 라이브러리 추가정의 4) Systemjs.config.js : 처음 Angular2 application이 시작할 때 필요한 packages 을 load 하는 정보가 정의 되어 있다. syste..
-
타입스크립트(Type Script) 데이터 타입, 예제MEAN STACK/Angular 2018. 9. 12. 09:31
컴파일 언어, 인터프리터 언어 차이점 : 컴파일 언어는 타입을 가지고 있다. 인터프리트 언어의 경우 개발할 때 타입체킹(Type Checking) 없기 때문에 코드 작성 후 에러나면 디버깅이 굉장히 어렵다. SPA의 경우 한 페이지에서 서비스를 수행한다. 따라서 코드 작성 후 루틴 중 에러가 난다면 처음부터 다시 해야 하는 경우가 빈번하다. 따라서 코드 작성시 에러를 줄이도록 하는 노력이 필요했고, 이를 충족시키기 위한 언어가 타입스크립트(TypeScript)이다. 자바스크립트를 발전시킨 언어로 자바스크립트에서 타입을 구분할 수 있도록 되었다는 점이 가장 큰 차이점중 하나다. 코드 작성시 에러를 파악하고 디버깅이 용이하다는 점이 자바스크립트와 비교할 때 두드러지는 강점이다. 자바스크립트에서 파생된 언어이..