[Spring] Socket을 이용해서 채팅 웹페이지 만들기 ! (1)

채팅 웹페이지 완성본입니다. 

일단 저는 java 17 / tomcat 9.0 사용해서 만들었습니다 !

 

file > new > other > wizards에 spring 검색하셔서 "Spring Starter Project" 누르세요!

 

Type : Maven / packaging : War로 설정 / 그리고 package : com.web.demo로 해주시면 됩니다! 그리고 next

Available : WebSocket 선택해 주시고 Finish !

-

War - Spring Boot 애플리케이션을 War파일로 패킹징하고 배포할 수 있고, War파일은 웹 애플리케이션 아카이브로, 대부분 서플리 컨테이너(Apache Tomcat, jetty 등)에서 실행할 수 있습니다.

 

WebSocket - 양방향 통신을 지원하는 프로토콜로, 실시간 데이터를 주고받을 때 주로 사용됩니다.

Spring Boot는 WebSocket을 지원하며, 실시간 통신을 구현할 수 있습니다.

 

 

이렇게 나타나면 잘 따라오고 계십니다!

버전 확인을 잘 못 설정해서 한 참 헤맸습니다 ㅜㅜ 잘 확인해 보세요!!

그리고 추가로 tomcat.embed와 javax.servlet 추가해 주시면 됩니다! 

 

src/main/resources/application.properties을 열어보시면 빈 파일이 뜰 거예요!

거기에 

추가해 주시면 됩니다. server.port = 8080으로 하셔도 됩니다! 저는 이미 8080 포트를 사용 중으로 나와 충돌이 생겨 8082로 설정해 두었습니다. 

 

javaPackage를 하나 더 만들어볼 거예요,  com.web.demo.controller을 만들어줍니다!

(이름을 그대로 지정해 주세요!)

mainController클래스는 "/chat" 경로에 대한 요청을 처리하고 "chat" 뷰로 리다이렉트 하는 SpringController입니다.

'@Controller' 어노테이션을 사용하여 클래스를 컨트롤러로 정의해줍니다.

'@RequestMapping("/chat")' 어노이테이션을 사용하여 "/chat" 경로에 대한 요청을 처리합니다.

'mv.setViewName("chat")은 "chat" 뷰 이름을 설정합니다. 이것은 "chat.jsp"을 찾습니다.

 

다 하셨으면

/Chatting/src/main/webapp/WEB-INF/jsp/chat.jsp

jsp파일은 만드시면 됩니다! 저는 webapp밖에 안 떠서 새로 WEB-INF/jsp 파일은 제가 따로 만들어줬습니다 ㅜㅜ

 

 

확인 차 만드는 거라 간단하게 "hello"를 출력해 볼게요 

 

Project를 Run As > Spring Boot App 해주시고 

"localhost:80802/chat"  들어가 보시면 정상적으로 hello! 가 뜰 거예요!

 

 

+ 전체 소스코드는

https://github.com/hyeminyy/chat.spring

GitHub - hyeminyy/chat.spring