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

next.js와 typescript와 tailwindCSS는 CRA(create react app)으로 설치하였다. cmd 창에 다음과 같이 적어주면 typescript와 tailwindCSS를 사용할 것인지 묻는 질문을 한다. npx create-next-app my-app 사용하려면 yes를 방향키로 움직인 후 enter! 알아서 버전도 맞춰서 설치해 준다!!!!!! 그렇게 next.js 설치 완료 후 'npm install mongodb' 설치해 준다. 여기서부터가 이제 시작이다. 폴더 구조는 이렇게 생겼다. util 폴더를 만든 후 database.js 파일을 만들어서 mongoDB와 연결할 준비를 한다. 하.. 연결하기 위해 정말 많은 사이트를 참고했다. 나는 mongoDB에서 무료로 제공해 주..

몽고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..

[ 마이블로그] 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..

* 프로젝트명 : 마이블로그 * 사용할 기술스택 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파일로 화면을 구축하는 것의 편리..