728x90
반응형
SMALL
클라이언트에서 이름을 작성해 서버로 보내기를 할거다
그전에 클라이언트에서 말하는거 작성해보자
![]() |
아주 간단하게 프롬포트 띄워서 입력받는걸 만들었다 그리고 페이지 실행시 동작되게 useEffect를 사용해서 해당 함수 불러오게 하면 입력 되는거 확인. . |
![]() |
이제 소켓 써서 넣어보자 말을 할때 그러니까 보낼때는 emit을쓴다고 했음 첫번째 인자 "login" 이것은 무슨말을 할건지?에 대한거 두번째 인자는 보낼 값 다음으로 콜백함수를 넣을수 있는데 실행하고 완료되면 완료됬다 응답받는거 .emit("대화의 제목", 보낼 내용, 콜백함수) |
이제 서버에서 듣는거 작성 해보자
![]() |
서버의 io.js 파일이다 첫번째 인자 "login"은 아까 말할때 썻던거 그러니깐 이제 듣는거겠지 그 다음으로는 콜백함수 넣어주는데 아까 userName 받아와야 하니까 넣고 cb는 콜백이고 무튼 클라이언트에서 입력하면 여기에 나오나 확인 ㄱㄱ |
![]() |
나오는거 확인 됨 확인 됬으니 이제 출력했던건 지우고 유저정보 저장하는 함수를 만들어 넣으면 된다 |
![]() |
따로 파일관리 해주는게 좋음 |
![]() |
글로 써보고 그대로 논리에 맞게 작성만 해주면 됨 여기 이거 컨트롤러 만드는거다 |
![]() |
만든 컨트롤러 가져와서 응답까지ㄱ |
다시 클라이언트로 넘어와서
![]() |
아까 로그인한다고 말하고 응답값으로 서버에서 정했던거 응답 받게 했음 그럼 테스트. . |
![]() |
응답값으로 user가 넘어왔다. |
![]() |
넘어온 정보를 어디 저장해야할 필요가 있다 useState 이용해서 하나 만들고 조건으로 만약 값이온게 ok면 저장해라 라고 해주자 |
728x90
'Back-End Frameworks > Node.js' 카테고리의 다른 글
WebSocket 사용법(3)(feat. 채팅기능앱 만들기) (0) | 2024.02.05 |
---|---|
WebSocket 사용법(1)(feat. 채팅기능앱 만들기) (0) | 2024.02.05 |
JWT 사용 방법 (0) | 2024.01.20 |
16) Nodejs - 백앤드 넓고 얕게 맛보기_정리_코드 최적화(출처 유튭 강의)★★★★ (0) | 2023.11.06 |
15) Nodejs - 백앤드 넓고 얕게 맛보기_정리_로그 관리하기(출처 유튭 강의)★★★ (0) | 2023.11.05 |