192일차(모험 101일차) - 프로젝트

프로젝트

[ WebSocket을 사용한 채팅프로그램(1) ] 

 

위 글을 살펴보니 html에서 수정만 하면 닉네임 값으로 띄울 수 있을 것 같았다.

닉네임을 가져오기 위해서 로그인을 하면 index.html이 기본 페이지로 띄워지는데

그 페이지 내에서 닉네임을 띄워주기 때문에

그 값을 Session Storage에 저장을 해서 갖고오면 될 것 같았다.

 12주차(S3 업로드 완료, Sesstion Storage에 저장하기)

 

 

처음에 시도했을 때는 닉네임 값을 가져오진 못했지만 내가 원하는 형태로 띄워졌다.

나 : 메세지 

위 형태로 띄워지던 것이 html을 수정했던 형태로 나온 것이다.

나 : null : 메세지

 

 

 

 

그래서 console로 아이디 값을 받아오는 것을 확인한 후 재 시도 했다. 

 

 

span 태그 안에 있는 값을 가져오기 위해서는 id 값을 입력하고 한칸 띄운 후에 span을 입력한다...!!

$("#id값입력 span").text()  또는  $("#id값입력 span").text() 

 

출처 : [ [ jQuery ] span 값 변경, 값 가져오기 ]

 

 

예시

 

 

 

 

결과는 성공했다!

 

이제 이쁘게 프론트 꾸며서 1대 1 채팅을 만들어봐야겠다.

 

 

[기능 추가] 웹 소켓 #22