ES6 문법에 어느정도 익숙해졌다면, 이제 Vue에서 사용되는 몇 가지 기본적인 개념을 이해해야한다. 이에 앞서 먼저 내 컴퓨터에 Vue를 설치 해보자. vue 개발환경으로만 검색해도 무수히 많은 블로그들이 나올테니 찾아보면 되겠다. 보통, node를 설치하고 vue cli를 설치해서 vue cli를 이용하여 vue project를 생성 하면된다....

작년 부터 유독 Vue나 React 프로젝트들이 많이 보이기 시작했다. 개인적인 생각으로는 굳이 그런 것들로 할 필요가 없다고 생각이 들긴하지만… jQuery만 봐도 얼마나 훌륭한가… 각설하고, 주변 개발자들의 Vue에 대한 열화와 같은 Study 욕구를 해소하기 위해 그동안 몇 번 진행했던 Study의 내용을 간단하게나마 정리해보고자 한다. ...

express-generate를 이용하여 프로젝트를 생성하면 debug, morgan이 기본으로 설치되는데, debug는 디버그 로그를 남기기 위한 유틸성 모듈이고, mogran은 사용자의 요청과 응답 사이에서 로그를 남기는 미들웨어로 둘다 로그를 남기고, 포맷이 다르다보니, 로그 포맷을 통일해야겠다는 생각이 들었다. const debug = req...

const isEmpty = val => { if (val === undefined) return true; if ( typeof val == 'function' || typeof val == 'number' || typeof val == 'boolean' || Object.prototype.toString....

배경 채팅서버와 일반적인 rest api 서버를 구축해야하는데 node서버 하나로 구성을 하고 싶다. express-generator를 이용하여 프로젝트를 생성한 상태 구현 /app.js const express = require("express"); const app = express(); const chatApp = express...

목표 Oracle DB 연결하여 SELECT 쿼리 실행 SELECT시 resultMap 사용하지 않고, resultType에 POJO Class로 받기. 기타 mybatis 설정 적용해보기. 환경 Intellij Community Spring Boot 2.6.2 Maven DB Table생성 CREATE TABLE...

목표 Intellij Community(무료버전)를 이용하여 Spring Boot 프로젝트를 생성한다. Maven으로 빌드한다. 샘플 컨트롤러를 작성하여 웹에서 확인한다. 환경 Intellij Community 빌드방식: Maven Spring Boot 배포방식: Jar Intellij Community는 Spr...

환경 npm i react-bootstrap bootstrap@5.1.3 npm i redux react-redux action type 정의 /actions/types.js /** * 모달창 띄우기 */ export const SHOW_ALERT_MODAL = "SHOW_ALERT_MODAL"; /** * 모달창 닫기 */...

// 빈배열 만들기 const emptyArray1 = Array.from({ length: 3 }); console.log(emptyArray1); // [undefined, undefined, undefined] // 빈배열 만들고 채우기1 const emptyArray2 = Array.from({ length: 3 }).map((item, in...

Throttle 와 Debounce 개념 정리하기 Debounce 와 Throttle 리액트로 구현하기