오늘의 찐 #TIL

하.. 하루종일 못풀었던거.. ㅠㅠ 풀었다..

 

로그인, 회원가입 과제가 있었는데

다른 사람들은 쉽게 잘하는데 난 서버 연결이 안되서 하루종일 고생했다

 

일단 나는 다른 분들과 달리

app.js

router 폴더

render 폴더

view 폴더

schema 폴더

static 폴더 

 

이렇게 나눠서 관리를 했는데..

회원가입, 로그인 페이지가 아무리 해도 자꾸 404 오류가 떠서, 서버랑 연결이 안되는 거였다..

하루종일 이것만 잡고 있었고,

저녁까지 해결이 안되서,

멘토님들한테 여쭤보고,

팀원들, 주변 사람들한테 다 물어 봤는데

밤 늦게까지 계속 오류 뜨고 하다가 

드디어 회원가입이 됬는데..

회원가입이 되면,

갑자기 글 목록이 아예 안보이는 문제까지 까지 생겼다..

 

정말 절망적이어서..

밤 10시반에, 집에가면서 오늘은 문제 풀때까지 잠을 안자겠다는 일념으로 

맥도날드에서 커피 라지로 사서 집에 들어갔다 

 

분명히 게시판 CRUD는 문제가 없어서,

다시 새로운 폴더에 과제 했던 순서대로 CRUD 했던데로, 복사해서 붙였다

다시 글이 보이긴 했으나, 

여전히..회원가입 로그인 페이지는 서버 404 에러가 뜨는게 아니겠는가 ㅠㅠㅠ

하.. 뭐가 문제지.. 도데체...

 

라고 하며 GET은 문제가 없어서 

render 파일은 제쳐 두고

 

찬찬히 router 폴더를 보았다.

처음 만든 index 파일에  미들웨어를 줬는데

router.use('/users/', Users);

이렇게 만들었다

그럼 미들웨어 경로로 /users를 줬으니, 

router 경로에는 다시 users를 주는게 아니라(localhost:3000/users 로 들어갈 꺼라면, )

회원가입 api경로를 

router.post("/", async (req, res) => 

이렇게 지정해주는게 맞았었다

내 생각은 회원가입 에이작스 경로를 /api/users 로 줬으니까

router.post("/users", async (req, res) => 

로 줘야 하는지 알았다.(이미 미들웨어에 /users를 줬는데 또 줬으니 오류가 생기는거였다)

그리고,

로그인 주소는 localhost:3000/auth 들어가면 로그인 페이지가 뜨게끔 구현을 하고 싶었다

그래서 router.post("/auth", async (req, res) => 

이렇게 줬다! 여기에서는 문제가 없었지만,

ejs 파일, 에이작스 경로는

회원가입 페이지와 동일하게

url: "/api/auth",이렇게 형태로 주는게 아니라, users를 거쳐서 auth로 지정을 해놨어서 

그러니까 index 파일에서 미들웨어로 users로 주고 로그인 라우터 파일에서 경로를 auth로 한번 더줬으니

로그인 에이작스 경로는

url: "/api/users/auth", 이렇게 되는게 맞았었다!

 

 

하.. 경로 참 헷갈린다 ㅠㅠㅠ

오늘의 교훈 

=> 렌더든, 라우터든 미들웨어 지정한 통로를 다시한번 보고 경로 설정을 지정하자!

=> 그리고 에이작스도 거기에 맞춰서 경로 설정을 하자!

그래도 한 문제로 2일동안 풀다가 안되서 포기한 일주일 전보다

빨리 문제 풀었다는 것에 감사하자 ㅠㅠ