LIBRARY

Sequelize - dotenv 설정

다른 PC나 내 PC에서 작업할 때 환경변수를 편하게 할 수 있게 작업할 수 있다 패키지 설치 $ npm install dotenv 파일추가 .env.sample 개발자들끼리 작업할 때 .env를 통해 공유받을 아이디를 받을 수 있다 //.env.sample DATABASE = "데이터베이스명" DB_USER = "아이디" DB_PASSWORD = "패스워드" DB_HOST = "DB호스트" 파일추가 .env .env 파일은 어디 폴더 내에 있는것이 아닌 꼭 바깥쪽 / 폴더에 위치해있어야한다 변수접근 변수명은 list이고 list에 접근하여 DB_USER를 가져올 때 .env.sample 참고하여 함수를 적는다 list.env.DB_USER

Sequelize란?

Sequelize ORM(Object-Relational Mapping) Node.js로 mysql 또는 Postresql(db)를 제어할 수 있게 한다 Postresql는 웹용 엑셀 느낌이며 회원가입 시 한줄 한줄 데이터가 쌓인다 db상에선 user-table이라고 부른다 ORM db를 컨트롤 할 수 있게한다 Sequelize로 CRUD를 구현해본다 셋팅 GitHub - dubipy/Sequelize: Sequelize로 CRUD 제작 Sequelize로 CRUD 제작. Contribute to dubipy/Sequelize development by creating an account on GitHub. github.com

Three.js - Renderer, Scene, Camera

Three.js의 큰 틀은 3가지가 있다 제목처럼 Renderer, Scene, Camera 출처: youtube 디자인베이스 장면을 만들어서 3D Object를 넣고 카메라로 비춰고 Renderer를 통해서 html 파일안에 보여주는식이다 Renderer 카메라에 담긴 장면을 웹사이트에 구현해주는 Renderer이다 Scene 여러개의 3D 오브젝트, 즉 말 그대로 특정한 장면이 모인 것 (안개, 배경색, 배경 등) Camera 시야각, 종횡비, 카메라 시작 끝 지점, 카메라 등 3D 공간의을 카메라로 위치 특정 데이터를 비춰서 Renderer 에게 전달해준다 index.js에 Renderer, Scene, Camera 함수 추가 import * as THREE from 'three' import { ..

Three.js - webpack, 보일러플레이트 설치

webpack이란 프론트엔드 모듈 번들러 웹 애플리케이션을 구성하는 자원(HTML, CSS, JS, Image 등)을 각각의 모듈로 보고 이를 병합된 하나의 결과물을 만드는 도구이다 보다 쉽게 작업하기 위해 Three.js + Webpack가 포함된 보일러플레이트 설치 보일러플레이트란 Boilerplate code 기초 골격을 통으로 찍어내는 플레이트, 매번 반복적인 코드를 짤 필요없는 코드 디자인 오픈 소스와 비슷한 개념이다 아래 깃헙에서 오픈소스로 사용 가능하다 three.js Boilerplate를 오픈소스로 올려서 공유해주시는 분들께 감사를 표합니다 https://github.com/aakatev/three-js-webpack $ npm i $ npm run start localhost:9000 ..