(유튜브강의)NodeJS와 MariaDB 연동하고(express.JS 상에서 회원가입,로그인,회원탈퇴 구현)/nodemon/json(parse)

https://www.youtube.com/watch?v=mL84PLyKss0&list=PLSK4WsJ8JS4cQ-niGNum4bkK_THHOizTs&index=7 

너무 잘가르친다 이사람. 이거 보고 로그인, 회원가입 구현하자

 

//원래 app,get('/',(req,res)=>{} 이런식인데 router 폴더에다가 따로 파일 저장해서 불러올거니까

const router = express.Router(); 해주고

app.get()을 -> router.get()로만 바꿔주면 되는데, 이렇게 하면 여기 index.js파일에서만 쓸수 있다.

그래서 app.js파일에서 app.use('/', home); 해줘가지고 미들웨어 등록하는 메서드 써서 연결해줘야함

 

//'/'를 하면 home으로 보내준다는 뜻

 

 

 

깃헙(github)이랑 연결해주기

// ls -a => 현재 내가 만든 파일들 전체 다 보여줌

 

//git add README.md를 해주는데 READme파일이 없다고 뜰것이다.

그래서 nano에 들어가서 일단 파일먼저 생성해준다. 이 컨맨드 명령어를 써준다.

nano README.md

그리고 이렇게 입력해주고 control+x(저장)해주고 y누르고 엔터

# login-lecture
백엔드 맛보기 강의

그러면 이렇게 파일이 잘 만들어져서 나오게 된다

이번엔 gitignore파일을 만들어주자

이걸로 node_modules파일을 깃헙에 안올려줄것이다

(이유: 1. 용량을 많이 차지해서 깃헙에 올리고 내려받고 할때 시간이 오래걸림)

(이유: 2. 어차피 package.json이랑 package-lock.js하면서(이 두파일은 꼭 깃헙에 올려야함) 자동으로 node_modules 생성됨)

nano .gitignore

/node_modules

 

맨 앞에 점이 붙어있는 폴더나 파일들은 숨김파일들이어서 기본 ls 명령어 치면 안보임(ls -a 명령어를 쳐야 다 보임)

 

 

git status

이 명령어를 치면 빨간 글씨 리스트가 깃헙에 올릴 리스트들이다. 이제 여기에서 명령어 치고

 

 

git add .

git status

이렇게 초록색으로 뜨면 현재 스테이징 에어리어에 잘 올라가는거임

 

 

이제 이 명령어를 치면

git commit -m"깃 저장소 초기화"
# -m:메세지라는 뜻

스테이징엘 올라와 있는 파일들을 .git 폴더에다가 저장시켜줌

 

 

이제 리모트 설정해줘야 푸쉬가 가능.

remote란? "원격 저장소의 위치"를 가리키는걸 말함

우리 로컬파일들을 깃헙 리파토리 위치로 가리켜야되는데 이 작업을 remote한다고함(리모컨)

아래 명령어를 써주면

git remote add origin https://github.com/zhdl453/login-lecture.git

origin위치에 https://github.com/zhdl453/login-lecture

GitHub - zhdl453/login-lecture: login-lecture

여기 해당 깃헙 리파토리 주소로 잘 찍혀 있는것을 확인할 수 있음

 

git push origin [브랜치명:master]

 

경로 바꿔주는법 아래 참고

ls

cd ..

 

복사파일 만들고 싶을때 밑에 컨맨드 명령어

get clone https://github.com/zhdl453/login-lecture [복사한새로만들어줄파일이름]

 

 

 

 

 

 

 

 

깃에서 풀pull 받는법

git pull origin [branch이름]

 

 

git add .

git reset HEAD .

 

 

nodemon: 서버를 껐다키고 이럴필요 없음 이거 있으면

npm install nodemon -g

노드몬 깔아줄때는 전역변수로 깔아줘야되서 -g 써줘야됨

-g할땐 관리자권한이 필요함

 

 

json.stringify(); :제이쓴 데이터 형식으로 바꿔줌

 

 

fetch로 서버에 호출하면

응답 설정은 res라는 매개변수로 담아주겠다고 설정하는거임 .then으로

 

 

 

 

 

package.json파일의 읽어서 가지고온 data의 모습

우리가 알아볼수가 없다. 그래서 우리가 읽을수 있게 json파일의 형태로 다시 만들어준다

JSON.parse(data)로 해주니, 우리가 읽을수있는 json 형식으로 나오게 되었다.