Atelier BiCute

node.js를 이용하여 만든 개인 프로젝트를 웹상에 올리기위해서 heroku를 이용하는 방법에 대한 글을 남겨본다. *기본적인 사용법은 Github에 파일 올리는것과 거의 동일하다. #1 회원가입과 로그인 (1) 당연하게도 서비스를 이용하기 위해선 우선 www.heroku.com에 접속한 후 회원가입을 해야한다. (2) 로그인을 한 후, Create new app을 눌러 새로운 프로젝트를 생성한다. *Github에서 새로운 Repositories를 만드는것과 같다 App name은 소문자,숫자, 하이픈(-)만 사용 가능하며 언더바(_)같은건 사용할 수 없다. #2 업로드 하기 전 확인할 사항 몇가지 (1) nodemon을 사용하고 있다면... package.json을 확인하여 node로 변경해준다. ..

서버와 데이터를 주고받는 방식은 다음 4가지로 나뉩니다. 1. 읽기 (GET) - 뭔가를 읽고 싶을 때 2. 쓰기 (POST) - 뭔가를 생성할때 3. 수정 (PUT) - 뭔가를 수정할때 4. 삭제 (DELETE) - 뭔가를 삭제할때 *CRUD라고도 하는데 Create(쓰기), Read(읽기), Update(수정), Delete(삭제)를 뜻합니다. 이번 게시물은 GET에 대한 설명입니다. GET 요청 무엇인가를 보여주세요~라고 요청하는 것인데, 인터넷 창에 주소를 적는 것 자체가 GET 요청입니다. https://bicute.net/71 이렇게 작성하는 것은 bicute 사이트의 71번째 게시물을 보여달라고 서버에 요청하는 것이며, 서버가 이를 확인하고 사용자에게 해당 내용을 보여주는 것입니다. 사용 방..

node.js로 서버를 만들고 작업한 프로젝트를 Google Cloud Platform으로 배포하는 방법입니다. #1. app.yaml 파일 생성 서버 설정파일 (server.js)이 있는 루트폴더쪽에 app.yaml 파일을 생성합니다. app.yaml 파일에서 App Engine 앱의 설정을 구성할 수 있습니다. 또한 app.yaml 파일에는 앱 코드, Node.js 런타임, 환경 변수에 대한 정보가 포함되어 있습니다. runtime: nodejs env: flex // 오토매틱 스케일링 설정 (수동 설정 가능) automatic_scaling: min_num_instances: 1 max_num_instances: 15 cool_down_period_sec: 180 cpu_utilization: ta..

#1 ejs란? Embedded JavaScript Template HTML을 조금 더 쉽게 사용할 수 있도록 도와주는 템플린 엔진입니다. 리액트와 뷰처럼 서버에서 데이터를 가져와서 HTML에 바로 적용하여 사용할 수 있게 되는데 예를 들면 다음과 같습니다. (더러운 클래스들은 부트스트랩용이니 무시하시고 중간중간의 부분만 확인하시면 됩니다) DELETE 위와 같이 HTML문서에 for를 이용한 반복문을 서버에서 가져온 데이터의 수만큼 반복하고, 내용 또한 서버에서 가져온 제목과 설명으로 수십, 수백 개의 글을 한 번에 쉽게 처리할 수 있습니다. (블로그 글, 쇼핑몰 아이템들 등) ejs는 새로운 문법을 배울 필요 없이 거의 모든 명령을 로 끝내면 되기에 매우 간편하게 사용할 수 있는 것이 특징입니다. #..

#1 Express Express는 'Node.js 를 위한 빠르고 자유로운 미니멀리즘 웹 프레임워크'라고 되어있는데, 바꿔 말하면 Node.js를 사용하여 서버를 쉽게 구성할 수 있게 도와주는 프레임 워크입니다. #2 Express 설치하기 (1) Node.js 설치 express를 설치하기위해선 우선 Node.js를 설치해야 합니다. 이미 설치가 되어있다면 터미널을 열어 node -v라고 입력했을때 설치되어있는 버전을 확인 할 수 있습니다. 설치가 되어 있지 않다면 Node.js 사이트에서 설치를 진행하면 됩니다. Node.js 공식 페이지 > (2) 초기화(initialize) 작업 폴더로 이동한 후 터미널을 열고 npm init이라 입력해 줍니다. 초기화 작업을 하게되면 아래와 같이 계속해서 무언..