토이 프로젝트/Spring&Java 갖고놀기28 Spring Boot Web Chatting : 스프링 부트로 실시간 채팅 만들기(2) chatDTO, DAO, Socket.js 코드 알아보기 10.29 추가 : 일반(문자) 채팅만 구현하는 코드는 git 의 master 브렌치를 참고해주시기 바랍니다. master-Webrtc-jpa 는 화상 채팅과 jpa 를 이용한 DB 연결을 포함하는 브렌치입니다. 1. 기본 개념 설명 STOMP - STOMP 는 Simple Text Oriented Messaging Protocol 의 약자로 메시지 전송을 위한 프로토콜이다. 기본적인 Websocket 과 가장 크게 다른 점은 기존의 Websocket 만을 사용한 통신은 발신자와 수신자를 Spring 단에서 직접 관리를 해야만 했다. 즉 WebSocketHandler 를 만들어서 WebSocket 통신을 하는 사용자들을 Map 등으로 저장하고 이를 직접 관리하며 클라이언트에서 들어오는 메시지를 다른 사용.. 토이 프로젝트/Spring&Java 갖고놀기 2022. 9. 1. Spring Boot Web Chatting : 스프링 부트로 실시간 채팅 만들기(1) stomp, socketjs, websocket 각 브렌치 및 포스팅 별 내용- 일반 채팅 : master => 2 ~더보기2022.09.01 - [토이 프로젝트/Spring&Java 갖고놀기] - Spring Boot Web Chatting : 스프링 부트로 실시간 채팅 만들기(2) chatDTO, DAO, Socket.js 코드 알아보기 - 시그널링 서버를 구현한 화상채팅 & 화면 공유(P2P) : master-webrtc-jpa => 6~7 번 포스팅더보기2022.10.29 - [토이 프로젝트/Spring&Java 갖고놀기] - Spring Boot Web Chatting : 스프링 부트로 실시간 채팅 만들기 (6) WebRTC 를 이용한 실시간 화상 채팅 구현하기(feat. https 인증서 적용) - Kurento 미디어 서버를 활용한 화상채.. 토이 프로젝트/Spring&Java 갖고놀기 2022. 8. 29. Spring Web Chatting : 스프링 채팅 만들기 웹소켓 맛보기 시작하면서 오랜만에 돌아온 자바 갖고놀기 프로젝트!! 이번에는 예전부터 정말정말정말 해보고 싶었던 spring 과 웹소켓을 이용한 채팅 프로그램 구현을 해보려고 합니다. 오늘 뼈대 만들기를 시작해서 stomp 를 사용한 채팅 구현, 파일 업로드, DB 와 연결 등등 여러가지를 더해서 만들겠습니다! 추가로 아래 코드 및 설명에서 등장하는 새로 공부하게된 어노테이션과 개념들은 따로 정리하도록 하겠습니다 그럼 시작하겠습니다 필수 라이브러리 임포트 - gradle 에 websocket 임포트 // WebSocket implementation 'org.springframework.boot:spring-boot-starter-websocket' websocket Handler 작성 웹 소켓 클라이언트로부터 채팅 메.. 토이 프로젝트/Spring&Java 갖고놀기 2022. 8. 24. DataPlay Project - 2 : 이미지 텍스트 번역기 (2) 코드 정리 DataPlay - 데이터 갖고 놀기 2탄 : 이미지 번역기 코드 정리 이번 글에는 해당 프로젝트의 코드를 정리해보겠습니다 1. 파파고 API - 파파고 API 는 네이버의 파파고 라는 번역기를 사용할 수 있도록 하는 API 이다. - 당연히 파파고 api 를 사용하기 위한 시크릿키와 아이디값이 있는데 해당 값들은 APIdata 라는 인터페이스 안에 따로 선언해두었다. - 파파고 API 를 사용해서 view 에서 들어오는 데이터를 번역 할 수 있도록 한다. - 네이버 개발자 API 센터에 어떻게 사용하는지 아주 자세하게!! 정말 자세하게 적혀있다. 아래 있는 코드는 해당 코드를 내가 필요한것에 맞게 변형시켜서 만든 코드이다. - 내가 추가한 코드는 주로 번역될 언어를 선택하는 getSource 메소드, .. 토이 프로젝트/Spring&Java 갖고놀기 2022. 6. 11. DataPlay Project - 2 : 이미지 텍스트 번역기 (1) 파파고 API & Tesseract OCR DataPlay - 데이터 갖고 놀기 2탄 : 이미지 번역기 이번 프로젝트는 DataPlay 2탄으로 Tesseract OCR 을 이용한 이미지 번역기 사이트를 만들어 보았다. 사실 이미지를 번역해주는 기능은 핸드폰의 파파고 번역기나 구글 번역기를 이용해서 보다 쉽게 가능한 편이다. 다만 핸드폰의 이러한 기능을 사용하기 힘든 사람들에게는 결코 '쉬운' 편은 아니다. 사실 이 프로젝트 - 이미지 번역기 - 프로젝트를 시작한 계기는 이러한 기능을 사용하기 어려워하던 한 시각장애인 친구와의 대화에서 시작되었다. 한창 사회복지를 공부하고 있던 때 만났던 그 친구는 나에게 이렇게 이야기했다. "너무나 좋고 다양하고 재미있는 것들은 많은데 그것들을 사용하는게 힘들어. 지금도 단순하게 핸드폰 카메라로 사진을 찍고, .. 토이 프로젝트/Spring&Java 갖고놀기 2022. 6. 1. DataPlay project - 1 : word cloud 생성기 코드 정리 이번 포스팅은 word cloud 를 만들기 위한 전체적인 코드와 찾아봤던 정보들을 정리하기 위한 글을 작성하도록 하겠다. 모든 코드는 git 에 올려두었고, 여기에는 크롤링 -> 데이터 파싱 -> Controller -> html 순으로 정리하도록 하겠다. 1. 크롤링 crewler - 크롤링을 위한 코드는 네이버 블로그 검색 API 와 아래 블로그의 Steele 님의 코드를 약간 수정해서 사용하였다 (주소는 아래 참조에 달아두었습니다) - 나름대로 로직을 이해하기 위해 주석을 달아서 정리하였으나, 보다 자세한 설명은 Steele 님의 글을 보는게 훨~~씬 도움이 되리라 생각한다. package HJproject.DataMining; import org.json.simple.JSONArray; impo.. 토이 프로젝트/Spring&Java 갖고놀기 2022. 5. 10. DataPlay project - 1 : java로 Word Cloud 생성기- 크롤링, API, JSON DataPlay - 데이터 갖고 놀기 - project 얼마전 친구가 나에게 "너 word cloud 워드 클라우드 만들 수 있어?" 하고 물어왔다. 당연히 나는 모른다고 말했지만 친구는 그래도 나름 코딩 공부 비스무리한 것을 했으니 한번 만들어 줄 수 있겠냐고 이야기를 던졌다. 사실 처음에는 거절하려고 했다. 내가 현재 하던 프로젝트도 있고, 공부할것도 많아서 "나 할 줄 몰라" 하면서 넘어가려했다. 다만 거절하기 전에 어떤 로직이 필요한지, 기술이 필요한지 정도는 알아보고 싶었다. 그렇게 여러 내용들을 찾아보다가 java 로도 데이터를 크롤링해올 수 있으며, 나머지를 파싱하고 프론트로 데이터를 보내는 것 뿐이니 의외로 쉽지 않을까...? 라는 바보같은 생각이 들었다. 무엇보다 단순히 웹에서 보여주기 .. 토이 프로젝트/Spring&Java 갖고놀기 2022. 5. 4. 자바 리듬 게임 만들기(5) : 로그인 창, DAO, DTO, 점수창, score board 이전까지는 사실 강의에서 나온대로 거의 그대로 만들었지만, 이번에는 나만의 기능들을 추가해서 만들어보았다. 게임에 추가되는 기능은 다음과 같다. 1. DAO, VO, DTO : DAO 는 DB 와 연결하기 위해서 만들어두는 클래스 DataBase Access Object DTO 는 ValueObject DB 에서 가져온 데이터를 저장하고 db 레코드와 데이터를 매핑하기 위한 클래스이다. 아래 코드에 전부 VO 로 되어있는데 공부하다보니 VO 가 아니라 DTO 를 사용했었던거네요ㅠ.ㅠ 확인하시고 봐주시면 감사하겠습니다 VO라는 것도 있는데 사실 VO 랑 비슷한 느낌으로 쓰인다. 이 3가지는 나중에 한번 더 정리하겠다. 2. 로그인 창 : 게임 실행 시 로그인 창이 존재하고 로그인 후 게임 실행이 가능하도록.. 토이 프로젝트/Spring&Java 갖고놀기 2022. 4. 19. 자바 리듬 게임 만들기(4) 이번 글은 4번째 Note, KeyListener 클래스에 대한 부분입니다. 1. 구현 기능, 목표 및 Main, Dynamic 클래스 2. Game 클래스 3. Track, Music, Beat클래스 4. Note, KeyListener 클래스 1. Note note 클래스는 곡의 Note 들에 대한 정보와 노트 판정 정보를 저장하는 클래스로 다른 클래스들과 마찬가지로 Thread 를 상속받는다. 생성자 Note 메소드에서는 게임에서의 키보드 위치에따라 note의 x 좌표가 어디에 위치해야하는지를 알려준다. screenDraw 는 많이 보아왔던 메소드로 그래픽적 요소를 그려내기 위한 메소드이다. drawImage 메소드를 사용해 어떤 그림을 어떤 위치에 그리고 싶은지 정해준다. drop 메소드는 노트를.. 토이 프로젝트/Spring&Java 갖고놀기 2022. 3. 23. 자바 리듬 게임 만들기(3) 이번 글은 3번째 Track, Music 클래스에 대한 부분입니다. 1. 구현 기능, 목표 및 Main, Dynamic 클래스 2. Game 클래스 3. Track, Music, Beat클래스 4. Note, KeyListener 클래스 1. Track 클래스 트랙 클래스는 곡에 대한 정보를 담기 위한 클래스이다. 정확히는 하나의 곡에 대한 여러 정보들을 하나의 객체로 묶어두기 위한 클래스라도고 이야기할 수 있겠다. 앞서 Dynamic Music 에서 ArrayList 로 Track 객체 배열을 만들었다. 이후 Track 클래스 객체를 만들어서 해당 객체를 배열에 넣어준다고 했는데 이때 사용되는 것이 Track 클래스이다. Track 클래스의 객체는 제목이미지, 게임 메뉴 이미지, 곡 선택 시 이미지, .. 토이 프로젝트/Spring&Java 갖고놀기 2022. 3. 22. 자바 리듬 게임 만들기 (2) : Game(feat. 노트찍기모드) 2022.03.20 - [토이 프로젝트/따라하면서 배우기] - 자바 리듬 게임 제작 (1) : Main, DynamicMusic 클래스 자바 리듬 게임 제작 (1) : Main, DynamicMusic 클래스 이제 자바 공부도 한지 몇개월정도 지난것 같습니다. 이제부터는 기초 공부와 겸해서 내가 원하는 것, 내가 하고 싶은 것을 좀 더 만들어보기로 하였습니다(지금까지도 그랬지만...ㅋㅋ) 그래서 terianp.tistory.com 이번 글은 2번째 Game 클래스에 대한 부분입니다. 1. 구현 기능, 목표 및 Main, Dynamic 클래스 2. Game 클래스 3. Track, Music, Beat 클래스 4. Note, KeyListener 클래스 1. Game 클래스 : 리듬 게임을 동작시키기위한 .. 토이 프로젝트/Spring&Java 갖고놀기 2022. 3. 21. 자바 리듬 게임 만들기 (1) : 구현목표, Main, DynamicMusic 클래스 이제 자바 공부도 한지 몇개월정도 지난것 같습니다. 이제부터는 기초 공부와 겸해서 내가 원하는 것, 내가 하고 싶은 것을 좀 더 만들어보기로 하였습니다(지금까지도 그랬지만...ㅋㅋ) 그래서 생각한게 바로 따라하면서 공부하기 였습니다. 안타깝게도 아직은 Java 를 능숙하게 따라가지 못하고 있고, 각 라이브러리의 메서드나 그런 것들에 대해서 무지하다고 생각하였습니다. 그래도 하고 싶은게 많았으니...결국 다른분들이 만든 것들을 보고, 강의를 보고 열심히 따라하면서 배우고자 합니다 물론 무조건 따라하는 것은 아니고, 따라하면서도 제 나름대로 구현 목표를 갖고, 기본적인 기능 외 목표로한 부분을 구현하는 것을 목표로 달려갈 예정입니다. 사실 하나의 글에 정리하고 싶었는데...생각보다 많아져서 여러번에 걸쳐 정.. 토이 프로젝트/Spring&Java 갖고놀기 2022. 3. 20. 이전 1 2 3 다음 728x90 반응형
