본문 바로가기

리액트6

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.
우아한테크러닝 4기 / 20210608 / 교육에 대한 기록 / 메모장 1교시 [지난 미션에 대한 리뷰시간] 황윤서님 : Draft.js로 리스트 기능 구현 민태님 긴급 피드백 - 다양한 주니어들의 실수로 나타나는 현상 - 본인의 맥락으로 설명하고 있다. 본인이 설명하고 싶은 것만 설명하고 있다. - 그래서 공유를 받는 다른 사람의 입장에서는 이해하기가 굉장히 어렵게 된다. - 그래서 처음 셋업 부터 단계적으로 어떤식으로 구현했는지 하나하나 설명하는 것이 필요해야 한다. - 별로 관심없는 시니어라면 대충 얼버무리고 발표를 끝내버릴 수도 있기 때문에 적극적인 설명이 필요. - 다른 사람에게 어떻게 전달할지에 대한 기술도 필요하다. 피드백후 재설명 구글 로그인 및 로그아웃을 react-google-login 패키지를 사용하여 구현 Draft.js를 이용하여 ordered-lis.. 2021. 6. 8.
Git Repository & React & TypeScript 기본 세팅 휴...시작하자마자 난관에 봉착. 다른 고수분들과 다르게 나는 거의 제로베이스에서 출발이기 때문에 기본 세팅부터 일단 막힌다. 우선 여러 블로그 등을 구글링 해본결과 최근에 리액트와 타입스크립트 세팅에 대해 잘 정리해주신 블로그가 있어서 해당 포스팅을 참고하여 세팅하였다. 아래는 그 출처 (너무 감사합니다!) https://velog.io/@junghyeonsu/React-create-react-app-Typescript-%EC%B4%88%EA%B8%B0-%EC%84%B8%ED%8C%85-%EC%99%84%EB%B2%BD-%EC%A0%95%EB%A6%AC [React] create-react-app & Typescript 초기 세팅 완벽 정리 최근에 타입스크립트를 배우고 타입스크립트로 create-rea.. 2021. 6. 3.