LEO Devlog LEO Devlog

npm i --save-dev eslint-config-airbnb-base eslint-plugin-import npm i --save-dev eslint-config-prettier 우선 npm i를 이용해 위와 같이 eslint-airbnb와 config-prettier를 설치해줍니다. module.exports = { env: { commonjs: true, es2021: true, node: true, }, extends: ["airbnb-base", "prettier"], parserOptions: { ecmaVersion: 12, }, rules: { "new-cap": 0, "max-len": 0, "valid-jsdoc": 0, "require-jsdoc": 1, "no-unused-va..

[Node.js] moment.js로 날짜(date)관련 작업을 쉽게하기 https://hanswsw.tistory.com/5 [Node.js] moment.js로 날짜(date)관련 작업을 쉽게하기 JS에서 날짜 관련 작업을 할 때, 아마 가장 유명하고 유용하게 사용되어지는 라이브러리는 moment.js가 아닐까 싶습니다. JS에 기본적으로 내장되어있는 Date개체를 불러와서, 날짜 관련 작업을 해 hanswsw.tistory.com [moment] 날짜계산 https://romeoh.tistory.com/324

module.exports = { apps: [ { name: 'nodejs-sequelize-pm2', // pm2 name script: './server.js', // // 앱 실행 스크립트 instances: 3, // 클러스터 모드 사용 시 생성할 인스턴스 수 exec_mode: 'cluster', // fork, cluster 모드 중 선택 ( exec_mode: "cluster", //CPU 사용을 위한 클러스터 모드 ) merge_logs: true, // 클러스터 모드 사용 시 각 클러스터에서 생성되는 로그를 한 파일로 합쳐준다. autorestart: true, // 프로세스 실패 시 자동으로 재시작할지 선택 watch: false, // 파일이 변경되었을 때 재시작 할지 선택 // m..

SyntaxError: Cannot use import statement outside a modulenpm run dev 에러를 만났다. 기본 모듈 시스템이 CommonJS인 Node.js에서 바벨을 통해 ESModule(+ 최신 ES문법)을 사용할 수 있도록 하고 있다. package.json의 type:module을 추가 하는 건 프로젝트의 모듈 시스템만ESModule로 변경하는 것으로, 바벨은 적용되지 않았을 수 있습니다. package.json 최상단에 "type": "module"을 추가해서 해결했다!

NoSQL : NoSQL은 (non SQL 또는 non relational) 기존 RDBMs 형태의 관계형 데이터베이스가 아닌 다른 형태의 데이터 저장 기술을 의미하며, 관계형 데이터 베이스의 한계를 극복하기 위한 데이터 저장소의 새로운 형태로, 수평적 확장성을 갖고 있다. RDBMS가 클라이언트/서버 환경에 맞는 데이터 저장기술이라면, NoSQL은 클라우드 환경에 맞는 저장 기술이다. NoSQL의 특징 NoSQL은 RDBMS와는 달리 데이터 간의 관계를 정의하지 않는다. RDBMS에 비해 훨씬 더 대용량의 데이터를 저장할 수 있다. 분산형 구조이다. 고정되지 않은 테이블 스키마를 갖는다. RDBMS 와 NoSQL의 차이 RDBMS 장점 - DATA를 Column과 Row 형태로 저장 - 데이터의 분류,..

Node.js Node js란 "Chrome V8 JavaScript 엔진으로 빌드된 JavaScript 런타임"이다. Chrome V8? V8은 웹 브라우저를 만드는 데 기반을 제공하는 오픈 소스 자바스크립트 엔진! 구글 크롬 브라우저와 안드로이드 브라우저에 탑재되어 있다. C++로 만들어졌고 싱글 스레드를 제공! JavaScript Engine? 자바스크립트 엔진은 자바스크립트 코드를 실행하는 프로그램! 여러 목적으로 자바스크립트 엔진을 사용하지만 대체적으로 웹 브라우저에서 사용된다. ex) Google V8 엔진 JavaScript Runtime? 런타임이란 프로그래밍 언어가 구동되는 환경으로, 자바스크립트 런타임은 자바스크립트 엔진, Web API, 콜백 큐, 이벤트 루프, 렌더 큐로 구성된다. ..

객체 지향 프로그래밍 (Object-Oriented Programming: OOP) 객체 지향 프로그래밍(Object-Oriented Programming, OOP)은 속성(properties)과 메소드(method)를 하나의 "객체"(class)에 묶어서 청사진을 만들고, 그 청사진을 바탕으로 인스턴스 객체(instance object)를 만드는 것을 말합니다. OOP에서 말하는 객체는 자바스크립트에 내장 객체(object)와 다르며, 클래스(class)라고 부른다. OOP는 사람이 세계를 보고 이해하는 방법을 흉내낸 방법론 OOP는 사람이 세계를 보고 이해하는 방법과 매우 흡사하다. 클래스(class)와 오브젝트 인스턴스를 실생활과 연관지어 예를 ..

Props Drilling이란? props drilling, 프로퍼티 내리꽂기 React 컴포넌트 트리의 일부로 데이터를 전달하기 위한 프로세스 props를 통해 데이터를 전달하는 과정에서 중간 컴포넌트는 그 데이터가 필요하지 않음에도 자식 컴포넌트에 전달하기 위해 props를 전달해야하는 과정이다. Prop Drilling의 장점 컴포넌트 간에 데이터를 전달하는 가장 쉽고 빠르게 전달 가능 컴포넌트를 잘게 분할해서 props drilling을 통해 전달하면, 코드를 실행하지 않고 정적으로 따라가는 것만으로도 어떤 데이터가 어디서 사용되는지 쉽게 파악할 수 있으며, 수정도 용이하다. (작은 규모라면..!) Prop Drilling이 야기하는 문제들 어플리케이션의 규모가 커지고, 컴포넌트의 수가 많아지면..