개발할래요

도커를 사용할 때의 대표적인 리눅스 운영체제는 CentOS, 우분투 등이 있다.윈도우와 맥 운영체제 모두 도커를 사용할 수 있지만 '윈도우10' 과 '맥 OS X 10.10.3 Yosemite' 이전 버전의 운영체제를 사용한다면 도커를 사용하기 위해 가상화 공간을 별도로 생성해야 하니 주의하자! 도커는 어떤 운영체제에서 설치되든 전체적인 사용 방법이 동일하다는 것이 장점이다.  [ 도커 EE  VS 도커 CE ]도커 EE :Enterprise Edition 기업용 각종 기술 지원 + 기능 들이 도커 엔진과 함께 제공된다.도커 CE : Comunity Edition 무료로 제공되는 도커 엔진기술 지원과 서비스를 제공하지 않는다.하지만 도커 엔진의 핵심 기능들은 사용이 가능하다. 내가 설치하고 학습할 버전은..

어느 덧 AWS free tier 의 기간이 끝이 났다.앞으로 토이 프로젝트는 AWS lightSail 을 통해서 배포 및 관리할 예정이다. 인스턴스 종료 전 매일 "업로드 해야지 업로드 해야지" 하다 이제서야 해당 게시물을 업로드한다,,→ AWS 와 FTP : filezilla 연결 !AWS EC2 와 Filezilla(FTP 프로그램) 을 통해서파일 전송하는 법을 정리하겠다. - filezilla 설치 (filezilla client)https://filezilla-project.org/- 개인 학습용 이므로 무료 버전을 설치- I Agree 클릭- 여기서 끼워팔기에 속지 않도록(사실 무료버전이지만ㅋㅋ) Decline 체크 후 next- 그냥 이 컴퓨터 사용자면 다 쓸 수 있게 해주자- 취향 맞게 설..

보호되어 있는 글입니다.

구조 채팅방 입장 시 웹소켓 connect~웹소켓 연결 성공 시, 종료 시 프론트 웹소켓 이벤트 핸들러로 채팅방 입·퇴장 메시지 해당 채팅방 유저들에게 message send채팅방 최초 입장 시 REST API 로 해당 채팅방 대화기록 모두 불러와서 화면에 뿌려줌채팅 참여자들이 메시지 보내면 [프론트 message send -> 백 webSocketHandler 데이터 처리]로 DB에 데이터 적재 및 해당 사용자들에세 session message send   #1 스프링 이니셜라이저로 프로젝트 생성- 채팅방 같이 DB 적재가 자주 일어나야 하는 API 의 경우 NOSQL DB를 사용해야 하지만 - 나는 WebSocket 을 사용하며 개발을 진행한다는 것에 중점을 두어 그냥 MYSQL 을 사용하기로 하였다..

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("웹소켓 연결됨:..

#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..

-해당 게시물은 실제 CRUD 까지 적용하는 것을 기록한 게시물로- mybatis 에 대한 설정만 간략하게 보고싶다면https://letsdodev.tistory.com/200 Spring Boot with Mybatis : 스프링부트 Mybatis 설정 (요약)#1 Dependency 추가해주자 (case. 신규 프로젝트)-  만약 사용하여 신규 프로젝트를 만든 다면 - 아래 이미지처럼 파란 박스  Dependecy 추가   #1 Dependency 추가해주자 (case. 진행 중인 프로젝트) ※ 버letsdodev.tistory.com- 위 게시물로 확인하자 오늘은 스프링 부트와 mybatis 설정을 진행하고 테스트할 것이다.- 스프링 이니셜라이저로 다음과 같이 프로젝트 생성-  CRUD 테스트할 테..

지인한테 설명해주려고 뚝딱 대충 만든 메모장과 코드ㅎㅎ 왠지 올려놓으면 좋을 거 같아서 기록

오늘 실습할 내용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..

- 프론트 프로젝트 경로 : C:\comunity_front- node 버전 : 20. 10. 0- IDE : 인텔리제이  #1 npx create-react-app community_front- 로 프론트 프로젝트 생성- 위에 c:\community_fron\ 경로에 위 사진 처럼 node_modules 등등의 파일이 생기면 react 프로젝트 설치 완료 된 것.- 설치 완료- 경로 이동해서 npm start 리액트 프로젝트 실행- 성공-  ui, css 를 위해 (1)  reactStrap  :: 깔끔한 ui 쉽게 사용하기 위함(2) boostrap :: reactstap이 style 속성을 bootstrap에서 가져와 쓰기 때문(3) sweetalert2 :: 깔끔한 alert 창을 쉽게 사용하기 ..