\uc6f9\uc18c\ucf13 \ud504\ub85c\ud1a0\ucf5c\uc740 \ube0c\ub77c\uc6b0\uc800\uc640 \uc11c\ubc84 \uc0ac\uc774\uc5d0 \uc2e4\uc2dc\uac04 \uc591\ubc29\ud5a5 \ud1b5\uc2e0\uc744 \uac00\ub2a5\ud558\uac8c \ud558\ub294 \ud504\ub85c\ud1a0\ucf5c\uc785\ub2c8\ub2e4. \uc774 \ud504\ub85c\ud1a0\ucf5c\uc744 \uc0ac\uc6a9\ud558\uae30 \uc704\ud574\uc11c\ub294 \ube0c\ub77c\uc6b0\uc800\uc640 \uc11c\ubc84 \uc591\ucabd\uc5d0\uc11c \uc9c0\uc6d0\ud574\uc57c \ud569\ub2c8\ub2e4.<\/p>\n

STOMP<\/h2>\n

STOMP(Simple Text Oriented Messaging Protocol)\uc740 \uc6f9\uc18c\ucf13\uacfc \ud568\uaed8 \uc0ac\uc6a9\ud560 \uc218 \uc788\ub294 \uba54\uc2dc\uc9d5 \ud504\ub85c\ud1a0\ucf5c\uc785\ub2c8\ub2e4. STOMP\ub294 \ud5e4\ub354\uc640 \ubc14\ub514\ub85c \uc774\ub8e8\uc5b4\uc9c4 \uba54\uc2dc\uc9c0\ub97c \uc804\uc1a1\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. STOMP\ub294 \uc2a4\ud504\ub9c1 \ud504\ub808\uc784\uc6cc\ud06c\uc5d0\uc11c\ub3c4 \uc9c0\uc6d0\ud558\uace0 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n

\ub370\uc774\ud130 \uc800\uc7a5\uc18c<\/h2>\n

\uc2e4\uc2dc\uac04 \ucc44\ud305 \uc560\ud50c\ub9ac\ucf00\uc774\uc158\uc5d0\uc11c\ub294 \ub300\ud654 \uae30\ub85d\uc744 \uc800\uc7a5\ud574\uc57c \ud569\ub2c8\ub2e4. \uc774\ub97c \uc704\ud574 \ub370\uc774\ud130 \uc800\uc7a5\uc18c\uac00 \ud544\uc694\ud569\ub2c8\ub2e4. \ub300\ud45c\uc801\uc778 \ub370\uc774\ud130 \uc800\uc7a5\uc18c\ub85c\ub294 MySQL, MongoDB, Redis \ub4f1\uc774 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n

\uc2a4\ud504\ub9c1 \ubd80\ud2b8\uc640 \uc6f9\uc18c\ucf13\uc744 \ud65c\uc6a9\ud55c \uad6c\ud604 \ubc29\ubc95<\/h1>\n

\uc774\ubc88 \uc7a5\uc5d0\uc11c\ub294 \uc2a4\ud504\ub9c1 \ubd80\ud2b8\uc640 \uc6f9\uc18c\ucf13\uc744 \ud65c\uc6a9\ud558\uc5ec \uc2e4\uc2dc\uac04 \ucc44\ud305 \uc560\ud50c\ub9ac\ucf00\uc774\uc158\uc744 \uad6c\ucd95\ud558\ub294 \ubc29\ubc95\uc5d0 \ub300\ud574 \ub2e4\ub8e8\uaca0\uc2b5\ub2c8\ub2e4.<\/p>\n

\uc2a4\ud504\ub9c1 \ubd80\ud2b8 \ud504\ub85c\uc81d\ud2b8 \uc0dd\uc131<\/h2>\n

\uc2a4\ud504\ub9c1 \ubd80\ud2b8 \ud504\ub85c\uc81d\ud2b8\ub97c \uc0dd\uc131\ud558\uae30 \uc704\ud574\uc11c\ub294 \uc2a4\ud504\ub9c1 \ubd80\ud2b8 CLI\ub97c \uc0ac\uc6a9\ud569\ub2c8\ub2e4. \ub2e4\uc74c \uba85\ub839\uc5b4\ub97c \uc0ac\uc6a9\ud558\uc5ec \uc2a4\ud504\ub9c1 \ubd80\ud2b8 \ud504\ub85c\uc81d\ud2b8\ub97c \uc0dd\uc131\ud569\ub2c8\ub2e4.<\/p>\n

spring init -dweb,websocket,thymeleaf,jpa --dependencies=devtools,mysql,redis chat-app<\/code><\/pre>\n
\uc774 \uba85\ub839\uc5b4\ub294 chat-app<\/code>\uc774\ub77c\ub294 \uc774\ub984\uc758 \uc2a4\ud504\ub9c1 \ubd80\ud2b8 \ud504\ub85c\uc81d\ud2b8\ub97c \uc0dd\uc131\ud558\uba70, \uc6f9\uc18c\ucf13, Thymeleaf, JPA \ub4f1\uc758 \ub77c\uc774\ube0c\ub7ec\ub9ac\ub97c \uc0ac\uc6a9\ud558\uace0, \uac1c\ubc1c \ub3c4\uad6c\uc640 \ub370\uc774\ud130\ubca0\uc774\uc2a4\ub85c\ub294 DevTools, MySQL, Redis\ub97c \uc0ac\uc6a9\ud55c\ub2e4\ub294 \uc758\ubbf8\uc785\ub2c8\ub2e4.<\/p>\n
\uc758\uc874\uc131 \ucd94\uac00<\/h2>\n
\uc2a4\ud504\ub9c1 \ubd80\ud2b8 \ud504\ub85c\uc81d\ud2b8\uc5d0\ub294 \uc774\ubbf8 \uc6f9\uc18c\ucf13\uacfc STOMP \ub77c\uc774\ube0c\ub7ec\ub9ac\uac00 \ud3ec\ud568\ub418\uc5b4 \uc788\uc2b5\ub2c8\ub2e4. \ub530\ub77c\uc11c \ucd94\uac00\uc801\uc778 \uc758\uc874\uc131\uc744 \ucd94\uac00\ud560 \ud544\uc694\ub294 \uc5c6\uc2b5\ub2c8\ub2e4.<\/p>\n
WebSocketConfig \ud074\ub798\uc2a4 \uc0dd\uc131<\/h2>\n
WebSocketConfig \ud074\ub798\uc2a4\ub97c \uc0dd\uc131\ud558\uc5ec \uc6f9\uc18c\ucf13 \uad6c\uc131\uc744 \uc815\uc758\ud569\ub2c8\ub2e4. \uc774 \ud074\ub798\uc2a4\ub294 @Configuration \uc5b4\ub178\ud14c\uc774\uc158\uc744 \uc0ac\uc6a9\ud558\uc5ec \uc2a4\ud504\ub9c1 \ucee8\ud14d\uc2a4\ud2b8\uc5d0 \ub4f1\ub85d\ud569\ub2c8\ub2e4.<\/p>\n
@Configuration\n@EnableWebSocketMessageBroker\npublic class WebSocketConfig implements WebSocketMessageBrokerConfigurer {\n\n    @Override\n    public void configureMessageBroker(MessageBrokerRegistry config) {\n        config.enableSimpleBroker(\"\/topic\");\n        config.setApplicationDestinationPrefixes(\"\/app\");\n    }\n\n    @Override\n    public void registerStompEndpoints(StompEndpointRegistry registry) {\n        registry.addEndpoint(\"\/chat\").withSockJS();\n    }\n\n}<\/code><\/pre>\n
\uc704 \ucf54\ub4dc\ub294 configureMessageBroker()<\/code> \uba54\uc18c\ub4dc\uc5d0\uc11c \/topic<\/code>\uc744 \uad6c\ub3c5\ud558\uace0 \uc788\ub294 \ubaa8\ub4e0 \ud074\ub77c\uc774\uc5b8\ud2b8\uc5d0\uac8c \uba54\uc2dc\uc9c0\ub97c \uc804\uc1a1\ud560 \uc218 \uc788\ub3c4\ub85d \uba54\uc2dc\uc9c0 \ube0c\ub85c\ucee4\ub97c \ub4f1\ub85d\ud558\uace0, \/app<\/code>\uc73c\ub85c \uc2dc\uc791\ud558\ub294 \uba54\uc2dc\uc9c0\ub97c \ucee8\ud2b8\ub864\ub7ec\ub85c \ub77c\uc6b0\ud305\ud560 \uc218 \uc788\ub3c4\ub85d \uc124\uc815\ud569\ub2c8\ub2e4.<\/p>\n
registerStompEndpoints()<\/code> \uba54\uc18c\ub4dc\ub294 \ud074\ub77c\uc774\uc5b8\ud2b8\uac00 \uc6f9\uc18c\ucf13 \uc11c\ubc84\uc5d0 \uc811\uc18d\ud560 \uc218 \uc788\ub294 \uc5d4\ub4dc\ud3ec\uc778\ud2b8\ub97c \ub4f1\ub85d\ud569\ub2c8\ub2e4. withSockJS()<\/code> \uba54\uc18c\ub4dc\ub294 SockJS\ub97c \uc0ac\uc6a9\ud558\ub3c4\ub85d \uc124\uc815\ud569\ub2c8\ub2e4.<\/p>\n
WebSocketController \ud074\ub798\uc2a4 \uc0dd\uc131<\/h2>\n
WebSocketController \ud074\ub798\uc2a4\ub97c \uc0dd\uc131\ud558\uc5ec \ud074\ub77c\uc774\uc5b8\ud2b8\ub85c\ubd80\ud130 \uba54\uc2dc\uc9c0\ub97c \uc218\uc2e0\ud558\uace0, \ub2e4\ub978 \ud074\ub77c\uc774\uc5b8\ud2b8\uc5d0\uac8c \uba54\uc2dc\uc9c0\ub97c \uc804\uc1a1\ud558\ub294 \uc5ed\ud560\uc744 \ud569\ub2c8\ub2e4.<\/p>\n
@Controller\npublic class WebSocketController {\n\n    @Autowired\n    private SimpMessagingTemplate messagingTemplate;\n\n    @MessageMapping(\"\/chat\")\n    public void sendMessage(ChatMessage chatMessage) {\n        messagingTemplate.convertAndSend(\"\/topic\/\" + chatMessage.getRoomId(), chatMessage);\n    }\n\n}<\/code><\/pre>\n
\uc704 \ucf54\ub4dc\ub294 @MessageMapping<\/code> \uc5b4\ub178\ud14c\uc774\uc158\uc744 \uc0ac\uc6a9\ud558\uc5ec \/chat<\/code>\uc73c\ub85c \uc2dc\uc791\ud558\ub294 \uba54\uc2dc\uc9c0\ub97c \ucc98\ub9ac\ud569\ub2c8\ub2e4. messagingTemplate<\/code> \uac1d\uccb4\ub97c \uc0ac\uc6a9\ud558\uc5ec \/topic\/{roomId}<\/code>\ub85c \uba54\uc2dc\uc9c0\ub97c \uc804\uc1a1\ud569\ub2c8\ub2e4. {roomId}<\/code>\ub294 \ucc44\ud305\ubc29\uc758 \uace0\uc720\ud55c \uc2dd\ubcc4\uc790\uc785\ub2c8\ub2e4.<\/p>\n
ChatMessage \ud074\ub798\uc2a4 \uc0dd\uc131<\/h2>\n
ChatMessage \ud074\ub798\uc2a4\ub97c \uc0dd\uc131\ud558\uc5ec \ucc44\ud305 \uba54\uc2dc\uc9c0\ub97c \ub2f4\uace0 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n
public class ChatMessage {\n\n    private String content;\n    private String sender;\n    private String roomId;\n\n    \/\/ getters and setters\n\n}<\/code><\/pre>\n
\uc704 \ucf54\ub4dc\ub294 \ucc44\ud305 \uba54\uc2dc\uc9c0\uc758 \ub0b4\uc6a9, \ubc1c\uc2e0\uc790, \ucc44\ud305\ubc29\uc758 \uace0\uc720\ud55c \uc2dd\ubcc4\uc790\ub97c \uc800\uc7a5\ud569\ub2c8\ub2e4.<\/p>\n
\ucc44\ud305\ubc29 \uc0dd\uc131<\/h2>\n
\ucc44\ud305\ubc29\uc744 \uc0dd\uc131\ud558\uae30 \uc704\ud574\uc11c\ub294 Redis\ub97c \uc0ac\uc6a9\ud569\ub2c8\ub2e4. Redis\ub294 In-Memory \ub370\uc774\ud130 \uc800\uc7a5\uc18c\ub85c\uc11c, \ucc44\ud305\ubc29 \uc815\ubcf4\ub97c \uc800\uc7a5\ud558\uae30\uc5d0 \uc801\ud569\ud569\ub2c8\ub2e4.<\/p>\n
@Component\npublic class ChatRoomRepository {\n\n    private final RedisTemplate redisTemplate;\n    private static final String KEY = \"CHAT_ROOM\";\n\n    public ChatRoomRepository(RedisTemplate redisTemplate) {\n        this.redisTemplate = redisTemplate;\n    }\n\n    public List findAllRoom() {\n        return redisTemplate.opsForHash().values(KEY)\n                .stream()\n                .map(o -> objectMapper.convertValue(o, ChatRoom.class))\n                .collect(Collectors.toList());\n    }\n\n    public ChatRoom findRoomById(String id) {\n        return (ChatRoom) redisTemplate.opsForHash().get(KEY, id);\n    }\n\n    public void enterChatRoom(String roomId, ChatRoomUser chatRoomUser) {\n        ChatRoom chatRoom = findRoomById(roomId);\n        chatRoom.getUserList().add(chatRoomUser);\n        redisTemplate.opsForHash().put(KEY, chatRoom.getId(), chatRoom);\n    }\n\n    public ChatRoom createChatRoom(String name) {\n        ChatRoom chatRoom = ChatRoom.create(name);\n        redisTemplate.opsForHash().put(KEY, chatRoom.getId(), chatRoom);\n        return chatRoom;\n    }\n\n}<\/code><\/pre>\n
\uc704 \ucf54\ub4dc\ub294 Redis\ub97c \uc0ac\uc6a9\ud558\uc5ec \ucc44\ud305\ubc29\uc744 \uc0dd\uc131\ud558\uace0, \ucc44\ud305\ubc29\uc5d0 \uc811\uc18d\ud55c \uc0ac\uc6a9\uc790\ub97c \ucd94\uac00\ud569\ub2c8\ub2e4.<\/p>\n
\ucc44\ud305\ubc29 \uc0dd\uc131 API<\/h2>\n
\ucc44\ud305\ubc29 \uc0dd\uc131\uc744 \uc704\ud55c API\ub97c \uad6c\ud604\ud569\ub2c8\ub2e4.<\/p>\n
@RestController\n@RequestMapping(\"\/api\/chat\")\npublic class ChatRoomApiController {\n\n    @Autowired\n    private ChatRoomRepository chatRoomRepository;\n\n    @PostMapping\n    public ChatRoom createRoom(@RequestParam String name) {\n        return chatRoomRepository.createChatRoom(name);\n    }\n\n    @GetMapping\n    public List findAllRoom() {\n        return chatRoomRepository.findAllRoom();\n    }\n\n}<\/code><\/pre>\n
\uc704 \ucf54\ub4dc\ub294 createRoom()<\/code> \uba54\uc18c\ub4dc\ub97c \uc0ac\uc6a9\ud558\uc5ec \ucc44\ud305\ubc29\uc744 \uc0dd\uc131\ud558\uace0, findAllRoom()<\/code> \uba54\uc18c\ub4dc\ub97c \uc0ac\uc6a9\ud558\uc5ec \ubaa8\ub4e0 \ucc44\ud305\ubc29\uc744 \uc870\ud68c\ud569\ub2c8\ub2e4.<\/p>\n
\uacb0\ub860<\/h1>\n
\uc774\ubc88 \uae00\uc5d0\uc11c\ub294 \uc2a4\ud504\ub9c1 \ubd80\ud2b8\uc640 \uc6f9\uc18c\ucf13\uc744 \ud65c\uc6a9\ud558\uc5ec \uc2e4\uc2dc\uac04 \ucc44\ud305 \uc560\ud50c\ub9ac\ucf00\uc774\uc158\uc744 \uad6c\ucd95\ud558\ub294 \ubc29\ubc95\uc5d0 \ub300\ud574 \ub2e4\ub918\uc2b5\ub2c8\ub2e4. \uc2a4\ud504\ub9c1 \ubd80\ud2b8\uc640 \uc6f9\uc18c\ucf13\uc744 \uc0ac\uc6a9\ud558\uba74 \ub192\uc740 \uc218\uc900\uc758 \uc2e4\uc2dc\uac04\uc131\uc744 \uac00\uc9c4 \uc6f9 \uc560\ud50c\ub9ac\ucf00\uc774\uc158\uc744 \uc27d\uac8c \uad6c\ucd95\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \uc774\ub97c \ubc14\ud0d5\uc73c\ub85c \uc0ac\uc6a9\uc790\ub4e4\uc740 \ube60\ub974\uace0 \uc27d\uac8c \ub300\ud654\ub97c \ub098\ub20c \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n","protected":false},"excerpt":{"rendered":"
\uc2a4\ud504\ub9c1 \ubd80\ud2b8\uc640 \uc6f9\uc18c\ucf13\uc744 \uc774\uc6a9\ud55c \ucc44\ud305 \uc560\ud50c\ub9ac\ucf00\uc774\uc158 \uad6c\ucd95 \ubc29\ubc95\uc5d0 \ub300\ud574 \uc54c\uc544\ubcf4\uc790.<\/p>\n","protected":false},"author":1,"featured_media":12882,"comment_status":"closed","ping_status":"","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[1957],"tags":[2119,2015,2105,2100,2188,2156,5932],"class_list":["post-36450","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-development","tag-api","tag-development","tag-java","tag-mysql","tag-public","tag-spring","tag-spring-boot"],"acf":[],"_links":{"self":[{"href":"https:\/\/m9js.shop\/blog\/wp-json\/wp\/v2\/posts\/36450","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/m9js.shop\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/m9js.shop\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/m9js.shop\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/m9js.shop\/blog\/wp-json\/wp\/v2\/comments?post=36450"}],"version-history":[{"count":1,"href":"https:\/\/m9js.shop\/blog\/wp-json\/wp\/v2\/posts\/36450\/revisions"}],"predecessor-version":[{"id":36538,"href":"https:\/\/m9js.shop\/blog\/wp-json\/wp\/v2\/posts\/36450\/revisions\/36538"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/m9js.shop\/blog\/wp-json\/wp\/v2\/media\/12882"}],"wp:attachment":[{"href":"https:\/\/m9js.shop\/blog\/wp-json\/wp\/v2\/media?parent=36450"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/m9js.shop\/blog\/wp-json\/wp\/v2\/categories?post=36450"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/m9js.shop\/blog\/wp-json\/wp\/v2\/tags?post=36450"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}