일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | ||
6 | 7 | 8 | 9 | 10 | 11 | 12 |
13 | 14 | 15 | 16 | 17 | 18 | 19 |
20 | 21 | 22 | 23 | 24 | 25 | 26 |
27 | 28 | 29 | 30 |
- 로그인
- stock option
- jsonwebtoken
- 배포
- RCPS
- 공통메서드
- register
- userManagement
- 관리자페이지
- 밸류즈 홈페이지
- 이미지 업로드
- Update
- Ajax
- 마이페이지
- 파생상품평가
- 밸류즈
- Typesciprt
- Styled Components
- 캘린더 라이브러리
- ui탬플릿
- 달력 라이브러리
- 빌드 및 배포
- mypage
- Token
- react
- MRC
- 회원가입로직
- 인증처리
- 스프링시큐리티
- 로그인 로직
- Today
- Total
I T H
[node.js / mysql] 1. node.js 초기 환경설정 본문
React + node.js 프로젝트 myscheduleProejct에서 frontend쪽의 로직에 대한 설명은 이미 작성하였다.
이번 프로젝트는 백앤드 로직 중에서 DB만 mysql로 수정해서 작성해 보도록 하겠다.
- Frontend 로직은 아래 링크 참고
[MySchedule project] 1. frontend - 타입스크립트 초기 환경설정
- myschedule project는 나의 스케줄에 관련된 모든 데이터를 관리하는 프로젝트임 - frontend 환경은 react with typeScript, backend 환경은 node.js, db는 mongoDB를 사용할 예정이다. 1. 먼저 프로젝트 이름을 정하
devth.tistory.com
[ RDBMS - mysql ]
mysql은 RDBMS의 하나이다. RDBMS는 관계형 데이터베이스 관리 시스템을 말한다. 테이블이나 행과 열을 구조화 하는 방식인데 테이블을 조인할수 있고, 테이블들끼리의 데이터의 관계를 쉽게 이해할 수 있다.
mysql은 전세계에서 가장 인기있는 db 탑 5위 안에 들정도로 많이 쓰고 있다.
- 여기서 mysql은 RDBMS이고, 그렇다면 node.js에서 많이 사용하는 express란 무엇인가?
[ express ]
express란 node.js를 위해 서버에서 자바스크립트가 잘 작동되도록 도와주는 웹 프레임워크이다. 즉, node.js를 이용해서 쉽게 서버를 구성할 수 있다.
- 이제 node.js 초기 세팅을 시작해보자.
[ npm init ]
- 해당 폴더로 이동해서 "npm init"을 실행한다.
npm init
- 만약 명령어로 폴더를 만들어서 실행한다면 "mkdir <폴더명>"을 입력하고, 해당경로로 이동한 후에 "npm init"을 실행하면 된다.
mkdir back-node-mysql
cd back-node-mysql
npm init
- 정상적으로 설치되었다면 아래와 같은 화면이 보인다.
[ express와 mysql모듈 설치 ]
- 여기서 mysql모듈은 db - mysql이 아님.
npm install express mysql
- dependencies에 이렇게 추가되었다.
- 프로젝트 경험이 있다면 전에 받아놨던 라이브러리들을 복사하고, "npm install"을 해주면 된다.
- 제대로 설치 되었는지 확인하려면 node_modules 폴더안을 살펴보면 다음과같이 설치한 라이브러리가 들어있는것을 알수있다.
- 이렇게 해서 node.js 사용을 위한 라이브러리들을 설치했고, 다음 장에서부터는 본격적인 mysql의 테이블생성 및 node.js와 mysql의 연동, 라우트를 작성하는것까지 하겠다.
'React + Node.js' 카테고리의 다른 글
[MySchedule project] 20. 관리자 - 로그관리 페이지 구현 (1) | 2024.02.27 |
---|---|
[MySchedule project] 19. header (Navbar) 모바일 반응형 / 툴팁 / 토글 사용 (1) | 2024.02.27 |
[MySchedule project] 18. exceljs를 사용한 엑셀 다운로드 구현 (0) | 2024.02.22 |
[MySchedule project] 17. styled components 사용하기 / Footer (0) | 2024.02.20 |
[MySchedule project] 16. React-big-Calendar 사용하기 (2) (0) | 2024.02.20 |