본문 바로가기

Framework & Library9

Spring boot와 React 연동하기, 빌드하기 시작하기 전에... 아래 2개 글에 각각 Spring boot 와 React를 설치하고 기본 빌드를 하는 과정을 적어두었다. 이것들을 먼저 보시고 이곳에 오시기를 권장한다. 스프링 부트를 설정 하는 법 : https://ruckus.tistory.com/121 Spring boot 프로젝트 생성하기, 그리고 빌드 해보기 개요 Eclipse로 Spring Boot 프로젝트 생성하는 과정 정리 생성 과정에서의 주요 항목들 정리 환경 IDE : Eclipse JAVA : 11 Spring boot : 4.?? 과정 1. 이클립스에서 Spring tools install marketplace에 들어가서 sts를 검 ruckus.tistory.com 리액트를 Node.js로 빌드하는 법 : https://ruck.. 2023. 1. 21.
React를 Node.js로 웹서버를 띄워 개발하자. 시작하기전 잡담 내 회사에서는 주로 JAVA로 Backend 쪽을 작업한다. 뭐 다른 분들도 비슷하겠지만 회사의 소스는 내가 처음부터 작성한 것도 아니고... 워낙에 무겁기도 하고... 내가 원하는 기술스택, 환경도 아니고 하다보니?? 익숙해지기만 했을뿐 100% 이해하기는 힘든 것 같다. 그럼에도 불구하고 각 회사들도 트랜드를 어느 정도는 따라가야할 것이다. 어느 순간이 되면 이전의 기술들은 이미 저 멀리 후퇴하고 있겠지... 해서 내가 다니는 회사도 어느 순간에는 프레임워크나 언어 등을 교체하는 날이 올 것이다. 그때를 위함?? 이기도 하며, 내가 개인적으로 한번 쯤은 해보고 싶었던 리액트. 취업하기 전 공부할때 맛보기만 살짝 했었는데, 다시 백지화가 되버렸고.... Node.js를 이용하여 서버 띄.. 2023. 1. 20.
Spring boot 프로젝트 생성하기, 그리고 빌드 해보기 개요 Eclipse로 Spring Boot 프로젝트 생성하는 과정 정리 생성 과정에서의 주요 항목들 정리 환경 IDE : Eclipse JAVA : 11 Spring boot : 4.?? 과정 1. 이클립스에서 Spring tools install marketplace에 들어가서 sts를 검색하면 Spring tools 들이 나온다. 원하는 버전을 설치한다. 2. Project 생성 2-1. select a wizard를 킨다. 단축키 ctrl + N 2-2. spring boot > spring starter project 를 클릭하고 finish 클릭 2-3. 각 항목 입력 항목 내용 Service URL Spring initalizr 경로임 그냥 놔두면 된다. Name 프로젝트명? 어플리케이션명? .. 2023. 1. 19.
WebRTC 듀토리얼 클론/분석 - RTCDataChannel을 사용하여 데이터 교환 해당 글은 https://codelabs.developers.google.com/ 의 듀토리얼을 기반으로 작성하였습니다. 이번에는 RTCDataChannel을 이용하여 데이터를 교환하는 것을 해보려고 한다. Step 03 - RTCDataChannel을 사용하여 데이터 교환 (코드분석) 'use strict'; var servers; var localConnection; var remoteConnection; var sendChannel; var receiveChannel; var pcConstraint; var dataConstraint; var dataChannelSend = document.querySelector('textarea#dataChannelSend'); // 텍스트 입력 영역 var d.. 2021. 6. 18.