개발환경 - mac, vscode - language : typescript - framework: react,node - database : mongodb - library : mongoose,express,jwt,bcrypt 등 깃허브 레파지토리 : https://github.com/jdy0120/doyeonpedia GitHub - jdy0120/doyeonpedia Contribute to jdy0120/doyeonpedia development by creating an account on GitHub. github.com 인스타그램같은 소셜 서비스를 만들기 위해 시작했습니다. full stack으로 개발을 진행했으며 front-end : react back-end : node database ..
express+typescript 기본 세팅하기1 이번 글에선 node+express+typescript를 이용한 기본세팅 방법에 대해 알아보겠습니다. 우선 백엔드 개발을 하기위한 폴더를 먼저 만들어줍시다. 저는 server라는 폴더를 만들어 그 안에서 백엔드 개발 blog.doyeonism.com 저번 글에선 node+express+typescript로 백엔드를 세팅하는 방법에 대해 알아봤습니다. 이번엔 왜 그렇게 세팅했는지 하나하나 알아보겠습니다. 1. tsconfig.json { "compilerOptions": { "target": "es5", "module": "commonjs", "outDir": "./dist", "rootDir": "./", "baseUrl": "./", "esModuleI..
이번 글에선 node+express+typescript를 이용한 기본세팅 방법에 대해 알아보겠습니다. 우선 백엔드 개발을 하기위한 폴더를 먼저 만들어줍시다. 저는 server라는 폴더를 만들어 그 안에서 백엔드 개발을 진행하겠습니다. 폴더 만들고 폴더로 이동하기 mkdir server cd server 1. package.json만들기 npm init -y 2. 라이브러리 설치하기 npm install --save express npm install --save-dev typescript ts-node @types/node @types/express 3. tsconfig.json만들기 npx tsc --init 4. tsconfig.json수정 { "compilerOptions": { "target": ..
event bubbling이 무엇이고 어떻게 사용해야할까? 안녕하세요 이번 글에선 이벤트 버블링에 대해 알아보겠습니다. 이벤트버블링을 모를 경우 발생하는 예기치못한 이벤트를 살펴보고 어떻게 해결해야 하는지도 확인해보도록 하겠습니다. 이벤 blog.doyeonism.com 저번 글에서 우리는 자바스크립트에서 이벤트 버블링에 대해 알아봤습니다. 이벤트 버블링은 브라우저가 이벤트를 감지하는 방법에 의해 생긴 기능이며 이 기능을 이용해 하나의 eventListener로 여러 태그에 이벤트를 줄 수 있다는 것을 확인했습니다. 이번 글에선 자바스크립트의 프레임워크인 리액트에서 어떻게 이벤트 버블링을 사용하는지 알아보겠습니다. 1. 하나의 클릭 이벤트를 이용해 여러 태그에 이벤트 주기 import { useState..
