킹바구니 🦜

닷홈이나 일반 웹호스팅 사이트에서는 기본적인 html, css, js 파일 등만 올릴 수 있음. 그러나 node.js로 만든 프로젝트라면? 이거는 좀 다른걸 써야함. node.js 배포를 지원하는 서비스는 여러가지가 있는데 그중 헤로쿠를 통해 내가 만든 프로젝트를 올려보도록 하겠음. 사실 나 이거 굉장히 복잡할줄알고 쫄아있었는데 너무 쉬웠음. ----------------------------------------------------------- 1. 회원가입 https://www.heroku.com/ Cloud Application Platform | Heroku Heroku is a platform as a service (PaaS) that enables developers to build, ru..

👾한번 해봄 시리즈👾 =할건 따로있는데 한번 손대고싶어서 일단 찍어먹어보는 시리즈 ------------------------------ 기본 셋팅 및 활용법은 여기서 https://peamexx.tistory.com/92 ----------------------------------------- mongoDB에 데이터 넣기 1. 청사진 만들기 일단 user에 대한 DB를 만들어서 이메일주소, 이름, 비밀번호를 넣을 생각임. 이를 위해 기본 틀이 필요한데 schemas라는 폴더 생성 후 안에 userSchemas.js를 만들어준다. 2. userSchemas.js에 입력 const mongoose = require('mongoose'); const userSchema = mongoose.Schema({ ..

👾한번 해봄 시리즈👾 =할건 따로있는데 한번 손대고싶어서 일단 찍어먹어보는 시리즈 ------------------------------ 1. npm init 입력 2. npm i express mongoose 입력 express는 노드js 쉽게 쓸 수 있는 라이브러리임. 3. npm i --save-dev dotenv nodemon 입력 노드몬은 코드 수정할때마다 매번 서버 껐다켜기 귀찮으니까 코드 저장만 하면 알아서 서버 재시작 해줄 수 있는 서비스임. 4. server.js, .env, .gitignore 이렇게 3가지 파일 생성 특히 .gitignore에는 안에 이렇게 써주면 된다. 5. server.js에 기본 설정 입력 const express = require('express'); const..

👾한번 해봄 시리즈👾 =할건 따로있는데 한번 손대고싶어서 일단 찍어먹어보는 시리즈 ------------------------------ 1. 터미널에서 설치 npm install expo-cli --global 그 동안에 안드로이드/아이폰에서 expo go 앱을 설치해둠. 2. 터미널에서 실행 expo init my-app 만약 빨간색 글씨로 expo : 이 스크립트를 실행할 수 없으므로... 가 나온다면 아래 링크대로 하면 바로 됨 jy-tblog.tistory.com/8 3. 터미널에서 폴더 바꿔주고 시작 cd my-app npm start npm start 눌렀는때 에러뜨면서 안되서 식겁했는데 폴더 경로 안바꿔서 그랬음^ㅗ^ 시작하면 터미널에 큐알코드가 뜨고 웹페이지도 하나 열림! 4. 메트로에서..

👾한번 해봄 시리즈👾 =할건 따로있는데 한번 손대고싶어서 일단 찍어먹어보는 시리즈 ------------------------------ 나도 드디어 배워본다.. 리액트.. 🤣🤣🤣 1. 웹앱 기존 웹은 데이터가 바뀌면 새로고침을 해야 반영이 되는데, 앱은 그렇지 않음. 형태는 웹인데 앱처럼 스무스하게 데이터가 새로고침없이 반영이 되는 페이지들을 웹앱이라고 함. 이런 웹앱을 지원하는 것이 바로 리액트, 앵귤러, 뷰임. 2. 설치 node.js 공식 홈페이지에 가서 current 버전을 깐다. 그리고 사용하는 에디터 터미널에서 npx create-react-app myapp 이라고 입력하면 자동 설치됨. (mpapp 부분은 아무꺼나 입력해줘도 되는데, 대문자는 안먹힘) 그리고 cd /myapp으로 경로를 변..

👾한번 해봄 시리즈👾 =할건 따로있는데 한번 손대고싶어서 일단 찍어먹어보는 시리즈 ------------------------------ 1. node.js notification 브라우저 밖에서 javascript를 사용할 수 있게 해주는 런타임 환경. 즉 web이라는 환경에서 벗어나 이제 컴퓨터 자체 파일에 접속하거나, 이를 읽고 쓰거나, 데이터베이스에 접속하거나 하는 등의 액션이 가능함. 그러다보니 기존 브라우저에서 하던 명령들이 안먹힐때가 있음. 예를들어 웹api인 alert는 예를들어 브라우저에서 실행시키면 경고창이 잘 뜨겠지만, node.js에서 실행시키면 에러가 발생함(이젠 환경이 브라우저가 아니니까). 장점 - javascript 하나만 알면 서버도 건들 수 있음 - 성능이 좋음(v8 엔진..