프로그래머가 되는 길 프로그래머가 되는 길

몽고DB 설치 페이지 Try MongoDB Enterprise Advanced Try MongoDB Enterprise Advanced on premise non-relational database including the Enterprise Server, Ops Manager, and Enterprise Kubernetes Operator! www.mongodb.com 1. MongoDB 설치 위 페이지로 접속하여 msi로 설치 파일을 다운받은 후 실행 I accept ~~~ -> 동의한다고 체크! Complete -> 알아서 설치~ Custom -> 사용자가 폴더 설치 위치 등 설정하여 설치 여기도 마찬가지로 Data Directory와 Log Directory 경로 변경하고 싶으면 바꿔주고 Next..

1. package.json { "name": "my-app", "version": "0.1.0", "private": true, "dependencies": { "@emotion/react": "^11.11.1", "@emotion/styled": "^11.11.0", "@mui/icons-material": "^5.11.16", "@mui/material": "^5.13.4", "@mui/styles": "^5.13.2", "eslint-config-prettier": "^8.8.0", "eslint-plugin-prettier": "^4.2.1", "react": "^17.0.0", "react-dom": "^17.0.0", "react-router-dom": "^6.10.0", "react-scr..

[ 마이블로그] node.js로 서버 구축 with express [ 마이블로그] node.js로 서버 구축 with express * react / node.js로 마이블로그 프로젝트 구축하기! 1. 서버는 node.js를 활용하기 위해 express를 설치해 준다. npm을 통해 express를 설치 완료! 2. root 폴더 바로 밑에 server.js를 작성해 준다. // root폴더/serve program-mer.tistory.com 지난 글에서 express 라이브러리를 사용하여 node.js로 서버를 구동하는 것까지 성공! 이번 글에서는 client(프론트엔드)에서 express로 구축한 서버를 사용하기 위한 세팅을 해보도록 하겠다. 일단, 나의 프로젝트 폴더 구조는 다음과 같다. root..

* react / node.js로 마이블로그 프로젝트 구축하기! 1. 서버는 node.js를 활용하기 위해 express를 설치해 준다. npm을 통해 express를 설치 완료! 2. root 폴더 바로 밑에 server.js를 작성해 준다. // root폴더/server.js const express = require('express'); const bodyParser = require('body-parser') const app = express(); const port = process.env.PORT || 5000; app.use(bodyParser.json()) app.use(bodyParser.urlencoded({ extended: true})) app.get('/api/hello', (r..

* 프로젝트명 : 마이블로그 * 사용할 기술스택 Publish Front-end Back-end DB HTML CSS tailwinds React Typescript Node.js Express MongoDB * tailwidns 선택 이유 → bootstrap, vuetify, thymeleaf 등을 사용해 보았지만 테일윈즈는 아직 사용해보지 않아서 개인 프로젝트를 진행하며 실 업무에서 사용하지 않을 것 같지만 핫한 기술을 사용해보고 싶었다. 또한 아주 잠깐 vue3를 배울 때 사용해본 결과 class로 세세하게 css를 지정할 수 있는 것처럼 느껴져서 사용해보고 싶었다. * React 선택 이유 → Vue3를 배우면서 서버/클라이언트 렌더링에 대해서도 알게 되고, js파일로 화면을 구축하는 것의 편리..