Node.js기초 - 2 (간단한 LOGIN구현)

오늘은 하루종일 이렇게 간단한 로그인 구현에 매달렸다 ㅠㅠ 내가 원하는 방향대로는 되지 않았지만 얼추 완성하였다. 왜냐면 비동기와 동기적인 부분에 대해서 너무 지식이 부족하여 다음에 더 연습해서 도전하는 것으로 해야겠다.

 

일단 결과화면이다.

 

기능은 첫 번째 사진에 ID와 PASSWORD를 서버로 전달하여 서버의 데이터 파일(ID : 파일제목 PASSWORD : 파일내용) 과 비교하여 맞으면 "성공" 틀리면 "실패"라는 문구를 띄우는 것이다.

 

 

첫 번째로 가져온 모듈들이다.

 

 

다음으로는 HTML템플릿을 함수화하여 넣었다. 그 중 입력인자는 FLAG로 성공이냐 실패냐를 띄워주는 것이다.

 

 

다음은 Check함수이다. 기능은 입력받은 ID와 PASSWORD를 서버의 데이터 파일과 비교하는 기능이다.

 

여기서 애를 먹었던 게 원래 내가 원하는 방향은 수 많은 데이터 파일 중 WHILE문을 써서 ID를 찾으면 그 파일의 내용을 읽어서 PASSWORD랑 비교하는 방향으로 갔는데 이것이 동기/비동기에 대해서 자세히 모르니 한참 헤맸다... 그러다 결국 프로젝트를 끝내기 위해 한 개의 파일과만 비교하는 것으로 마무리했다.

 

마지막으로는 서버를 생성하고 포트를 지정해주고 URL을 이용하여 각 상황에 맞는 HTML구현을 하였다.

 

안의 내용은 HTML을 받아오는 내용이다. else if부분에는 따로 아래의 메소드로 ID와 PASSWORD를 가져왔다.

 

 

 

정말 내가 해보고 싶은 프로젝트 중에 하나였으며 서버와의 통신을 하는 기본적인 프로젝트이다.. 그러나 이렇게 쉬워보이는 프로젝트도 하다보니 많은 어려움이 있었다.. 하지만!! 이번에 async/await와 promise기능의 개념을 알 수 있는 기회가 되었다.. 다음엔 동기화 할 수 있는 함수들을 활용하여 프로젝트를 해봐야겠다!!