🤔 어떤 실습을 할 것인가??
이번엔 처음으로 DB와 연동하여 비동기 통신을 할 것이다. 백엔드에서 가장 해보고 싶었던 실습이다.
CRUD가 어떤 식으로 작동을 하며 좀 더 mvc모델을 적극적으로 배울 수 있는 실습이 될 것이다.
-실습내용-
1. 사용자가 회원가입을 한다.
2. 로그인 할 때 정보가 일치하면 프로필 페이지로 이동한다.
3. 프로필 페이지에서 정보를 수정하고 싶으면 수정하고 삭제하고 싶으면 삭제한다.
4. 이 모든 것이 DB와 연동되서 실행된다.
시작하기 전..
이젠 express, ejs 등과 같은 기본 설정을 하는 것은 설명하지 않겠다. (기본이니깐..😁)
근데 여기선 mysql과 연동하기 위해 추가로 mysql을 설치해 준다.
여기서는 mysql 설치와 사용법에 대해서만 설명 할 것이다.
🤔 Mysql 사용법
DB를 사용해주기 위해서 Mysql을 설치해준다. 나는 이전에 깔은 적이 있지만 너무 오래되서 비밀번호를 까먹었다. 그래서 다시 설치해줬다.
(삭제하면서 알게된 점인데, 삭제할 때는 Mysql과 관련된 모든 파일을 지워줘야 한다. 그냥 제어판에서 mysql하나만 지우는 게 아닌 관련된 모든 파일을 지워줘야 한다. 안그럼 충돌이 일어날 수도.. 기억하지 못할거면 비밀번호는 1234로 해두자🥲)
1. 경로 접근
설치가 완료되었다면 cmd창에서 mysql경로로 이동해야 한다.
경로는 mysql의 bin파일로 접근해야 한다.
2. 접속하기
명령어를 입력 후 자신이 설정한 비밀번호를 입력하면 접속이 완료된다.
3. 접속 완료 & 해제하기
이런 모양이 나오면 접속에 성공한 것이다.
만약 해제하고 싶다면 quit명령어를 통해 빠져나오자
위에선 CLI방법으로 설명을 했지만 대부분 워크밴치를 사용해서 DB를 조작한다고 했다.
이제부턴 워크밴치를 사용해서 테이블을 만드는 방법을 보여줄 것이다.
나는 새로운 Connection을 만들고 거기에 모든 권한을 줄 것이다.
1. 새로운 스키마 만들기
워크밴치에 들어가면 이렇게 기본 연결이 있을 것이다. 여기에 접속을 해서 기존에 설정해 둔 비밀번호를 입력해 들어간다.
여기서 새로운 스키마를 생성해준다.
원하는 이름을 입력하고 Apply를 클릭해준다.
내가 설정한 스키마가 생성된 모습이다.
2. 사용자 설정
Administration - User and Privileges - Login 경로로 들어가서 설정을 해준다.
Login설정은 호스트 이름과 비밀번호를 설정해준다.
Administrative Roles는 그 호스트에게 어떤 권한을 줄지 정해주는 역할이다. 나는 모든 권한을 줄 것이다.
3. 새로운 Connection 생성
홈 화면으로 와서 + 버튼을 클릭하면 오른쪽과 같은 화면이 나오는데 여기서 Connection Name은 마음대로 설정해도 되나
Username은 이전에 자신이 권한을 부여한 hostname을 입력하면 된다.
위와 같은 성공 메시지가 나오면 연결에 성공한 것이다.
4. 테이블 만들기
아까 만든 스키마에서 Table 목록을 우클릭하면 테이블을 만들 수 있다.
테이블을 만들면 직접 속성과 데이터 타입을 선택할 수 있다.
primaryKey = 고유한 값이기 때문에 무조건 있어야 하며 null값과 중복값은 안된다.
AI(Auto Increment) = 자동 증가해주는 값이다.
다음 블로그에서 코드를 짜보겠다.
'포스코x코딩온' 카테고리의 다른 글
[포스코x코딩온] 웹개발자 풀스택 과정 6주차 회고록 - 시퀄라이즈 (0) | 2023.08.16 |
---|---|
[포스코x코딩온] 웹개발자 풀스택 과정 6주차 회고록 - Mysql과 연동하여 비동기 통신하기(2) - MVC모델 (0) | 2023.08.15 |
[포스코x코딩온] 웹개발자 풀스택 과정 9기 5주차 회고록 - MVC 구조 (0) | 2023.08.11 |
[포스코x코딩온] 웹개발자 풀스택 과정 5주차 회고록 - 파일 업로드(multer) (0) | 2023.08.08 |
[포스코x코딩온] 웹개발자 풀스택 과정 5주차 회고록 - 동적 Form 전송(Axios - 비동기 HTTP 통신) (0) | 2023.08.07 |