전체 글214 [spring webSocket - 스프링 웹소켓] : 간이 채팅방 구현 구조 채팅방 입장 시 웹소켓 connect~웹소켓 연결 성공 시, 종료 시 프론트 웹소켓 이벤트 핸들러로 채팅방 입·퇴장 메시지 해당 채팅방 유저들에게 message send채팅방 최초 입장 시 REST API 로 해당 채팅방 대화기록 모두 불러와서 화면에 뿌려줌채팅 참여자들이 메시지 보내면 [프론트 message send -> 백 webSocketHandler 데이터 처리]로 DB에 데이터 적재 및 해당 사용자들에세 session message send #1 스프링 이니셜라이저로 프로젝트 생성- 채팅방 같이 DB 적재가 자주 일어나야 하는 API 의 경우 NOSQL DB를 사용해야 하지만 - 나는 WebSocket 을 사용하며 개발을 진행한다는 것에 중점을 두어 그냥 MYSQL 을 사용하기로 하였다.. 2024. 9. 16. WebSocketHandler - 오버라이드 메소드, override method 정리 import org.springframework.web.socket.*;import org.springframework.web.socket.handler.TextWebSocketHandler;public class CustomWebSocketHandler extends TextWebSocketHandler { // WebSocket 연결이 성립되었을 때 호출되는 메서드 @Override public void afterConnectionEstablished(WebSocketSession session) throws Exception { // 새로운 WebSocket 연결이 성립되었을 때 실행되는 로직을 여기에 작성 System.out.println("웹소켓 연결됨:.. 2024. 9. 16. Spring Boot with Mybatis : 스프링부트 Mybatis 설정 (요약) #1 Dependency 추가해주자 (case. 신규 프로젝트)- 만약 사용하여 신규 프로젝트를 만든 다면 - 아래 이미지처럼 파란 박스 Dependecy 추가 #1 Dependency 추가해주자 (case. 진행 중인 프로젝트) ※ 버전은 각자 프로젝트 개발환경 (spring boot 버전) 에 따라 달라진다.- Gradle 의 경우 : build.gradle 에 추가 및 수정dependencies { implementation 'org.mybatis.spring.boot:mybatis-spring-boot-starter:3.0.3' testImplementation 'org.mybatis.spring.boot:mybatis-spring-boot-starter-test:3.0.3'} - mave.. 2024. 8. 31. Spring Boot with Mybatis : 스프링부트 Mybatis 설정 + User CRUD (FULL 버전) -해당 게시물은 실제 CRUD 까지 적용하는 것을 기록한 게시물로- mybatis 에 대한 설정만 간략하게 보고싶다면https://letsdodev.tistory.com/200 Spring Boot with Mybatis : 스프링부트 Mybatis 설정 (요약)#1 Dependency 추가해주자 (case. 신규 프로젝트)- 만약 사용하여 신규 프로젝트를 만든 다면 - 아래 이미지처럼 파란 박스 Dependecy 추가 #1 Dependency 추가해주자 (case. 진행 중인 프로젝트) ※ 버letsdodev.tistory.com- 위 게시물로 확인하자 오늘은 스프링 부트와 mybatis 설정을 진행하고 테스트할 것이다.- 스프링 이니셜라이저로 다음과 같이 프로젝트 생성- CRUD 테스트할 테.. 2024. 8. 31. 리액트(react) - 자식 컴포넌트에서 부모 컴포넌트 state 변경 지인한테 설명해주려고 뚝딱 대충 만든 메모장과 코드ㅎㅎ 왠지 올려놓으면 좋을 거 같아서 기록 2024. 8. 20. redux, react-redux (리덕스 실습) : 다크모드 / 일반모드 오늘 실습할 내용redux, react-redux 로 App.js 에 간단한 다크모드, 일반모드 기능을 구현해볼 것이다. - 프로젝트 경로 : C:\react_redux- react - app 명 : darkmode- Node 버전 : 20. 10. 0- IDE : 인텔리제이 - 경로 - 1-리액트 앱, 2-리덕스, 3-리액트-리덕스 이 3가지만 설치할 예정- 1-인텔리제이 터미널로 리액트 프로젝트 설치npx create-react-app darkmode - 제대로 설치되었는지 npm start 로 테스트npm start정상동작 확인했으면 control + c -> y 로 진행 중인 프로젝트 종료시키고 남은 라이브러리 마저 설치 - 2-리덕스(redux) 설치npm install --save redu.. 2024. 8. 10. 이전 1 2 3 4 5 6 7 ··· 36 다음
