생활코딩 Node.js (1)

krystal·2022년 7월 29일
0

생활코딩

목록 보기
3/5
post-thumbnail

출처 영상 : 생활코딩

실습 준비

해당 깃허브에 들어가 소스코드를 받는다.

package.json 코드에 들어가있는 "dependencies"는 우리가 사용하고 있는 애플리케이션이 의존하고 있는 라이브러리를 의미한다.

npm install을 통해 설치해준다.

앞으로 맥북으로 주로 개발할테니 MySQL과 Node.js를 새로 깔았다.

node main.js를 터미널에 입력한 뒤, 인터넷 주소창에 localhost:3000을 입력하면 다음과 같다.




Node.js MySQL 모듈의 기본 사용방법

npm을 통해 MySQL 모듈을 설치한다.

npm install --save mysql

dependencies에 mysql이 추가가 된 것을 확인할 수 있다.

mysql.js 파일을 생성하고 노드와 mysql을 변경하는 과정에서 오류가 떠서 블로그를 참고하여 해보았더니 성공적으로 돌아가게 되었다. 아마 mysql.js의 비밀번호도 같이 바꿔줘야할듯함


MySQL로 홈페이지 구현

main.js 코드를 수정한다.
(이전 챕터에서 오류가 났기때문에 강의에 나와있는 비번과 다르며 포트가 추가되어있음)

홈페이지 결과

홈페이지 결과

topics.id와 topics.title을 출력할 수 있게하면 다음과 같다.




MySQL로 상세보기 구현

글을 선택했을 때 나오는 상세보기를 구현함.
사용자가 입력한 정보는 불신해야함. 인자를 배열에 담아서 출력하는 형태로 간다.
이 때 공격의 의도가 있는 코드는 알아서 걸러지게 되기때문에 좋음.

db.query(SELECT * FROM topic WHERE id=? , [queryData.id]...)




MySQL로 글생성 기능 구현

사용자가 온라인을 통해서 데이터를 삽입할 수 있는 기능을 구현한다.

title과 description를 입력한 후 제출하게 되면 데이터가 새로 생성되게 해야한다.
MySQL 에선 Insert INTO (table name) (column name) VALUES(values)을 하면 될텐데, 코드 상으로 어떻게 바꿔야할까


바뀌는 부분은 ? 로 표현 해준다.
query string을 쓰면 경고문이 뜨는데 그냥 무시해도 기능은 돌아감 (URLSearchParams를 사용하라는데 그거쓰다가 오히려 오류가 나버림 ^.^)


MySQL로 글수정 기능 구현

글 생성이랑 비슷한 흐름이다.
db.query를 통해서 MySQl 명령어를 작성해주고 예외처리하고 html를 통해서 제목과 내용을 바꾸고..

글 생성과 수정이 잘 되었다.


MySQL로 글 삭제 기능 구현

qs 때문에 삭제기능은 안되지않을까 하고 걱정됐는데 다행히 잘 실행되었다.





MySQL과 다르게 실습도 그렇게 코드를 이해하는데에 시간이 걸려서 한 큐에 올리기는 좀 힘들 듯 하므로 나눠서 포스팅해야겠다. node.js의 기초가 없다보니 바로바로 이해가 되진않는다. 아무래도 교재랑 같이 봐야할듯

profile
https://source-coding.tistory.com/

0개의 댓글