e7e

그냥 따라해서 되면,  쪼메씩 고쳐서 쓰도록 하장. 귀안타~ (^-^) 프로젝트 폴더에 아래 Dockerfile을 맹근당.[배포 dist를 넣어야 하지만..., 잼나게 프로젝트 폴더를 그냥 통째로 넣는당.] vite.config.js 는 port 때문에 아래 처럼 추가하장.// https://vite.dev/config/export default defineConfig({ plugins: [react()], server: { port:8272 }})package.json 도 아래처럼 쪼메만 수정하장 "scripts": { "dev": "vite --host", "build": "vite build", "lint": "eslint .", "preview": "vite pr..

React 2025. 2. 20. 00:40

리눅스는 유닉스(맥이 유닉스기반, 자바를 맹글었던 선마이크로시스템즈의 솔라리스가 유명)가넘 비싸던 시절  유닉스를 공부하고 싶었지만, 살 돈이 모자라던 사람들이 모여서유닉스 동작을 흉네 낸 OS를 맹글면서 시작되었고,그 리더였던 리누스 토발즈는 오픈소스 단체의 대부로 엄청난 영향력을 행사하고 있고,GIT도 맹글었디용 이제 부터 우분투 리눅스를 떨치할껀데, 이런거이 처음이라면(두번째 부턴 흔한 일!~~) 마니 낯설수 있지만,  당신은 도전 천재 또쪈! 도전!!!!!  아래 링크를 눌러 우분투(ubuntu desktop) 데스크탑 버젼 다운로드 받기(사이즈가 커 쪼메 시간 걸림)https://ubuntu.com/download/desktop/thank-you?version=24.04.1&architectur..

리눅스(우분투) 2025. 2. 18. 18:01

war로 패키징 그냥 별 생각없이 따라 해보기 pom.xml 에 아래 추강 org.springframework.boot spring-boot-starter-tomcat provided  pom.xml에 아래 추강com.e7e mydeploy 1.0 war mydeploy  XXXXApplication.java  내용 추가 변경package com.e7e.deploy;import org.springframework.boot.SpringApplication;import org.springframework.boot.autoconfigure.SpringBootApplication;import org.springframework.boot.builder.S..

스프링부트 2025. 2. 10. 19:27

jwt (Json Web Token)을 사용해 보장.아래 글을 읽고 오는 걸 기대하지만 머~ 안 읽고 싶다면 그것도 괘안탕!2024.03.11 - [스프링] - spring boot 3 security 그냥 한번 해보고 한번 더 해보면 잘 될꺼얼!랑 다른 점은 더이상 서버사이드에 인증 정보를 세션으로저장하지 않는다가 핵심이당.   인증된 클라이언트에게 사랑의 증표(토큰)를 주면클라이언트는 요청할 때마다 그 증표를 같이 제시해야 한다.증표에 사탕은 3개까지라 되어 있는데, 5개를 요청한다면 그건 퇴짜당.클라이언트는 증표를 잘 관리해야 한다. 안 그럼 그 증표를 주운 사람이사탕 3개를 먼저 먹어버릴 수 있당. OK? 세션을 이용한 시큐리티도 마찬가지지만, 흐름에 집중해서 몇번 읽으면별거 아닌데, 처음부터 너..

스프링부트 2025. 1. 8. 20:17

React(리액트)에 쪼금 감각이 생겼다면useState 훅(Hook) 동작을 괘니 이해하고 기뻐해보장. https://dev.to/miki-digital/creating-a-usestate-hook-from-scratch-b39윗글은 마구 마구 훌륭하당.  쓰기 전에 보았다면 좋았을 껄~~  늦었당.영어 공부도 할겸 추천한당.  비슷한 생각을 먼저 했으닝,  결국 난 루저!~~ ㅋㅋ  useState 훅 이해를 위해선 자바스크립트에서 클로저라 불리는 애를 이해한당.(사실 난 closure란 용어를 모른채로 그냥 사용해 왔당.~~) closure.html 위 소스를 vscode에서 live server를 이용 실행한당, 보면 결과가 눈에 보인당. 일반적으로 함수(function) 안의 지역변수는 함수가 ..

React 2024. 12. 30. 20:26

또 누군가는 리액트로 풀캘린더 API가 잘 안된단당...괜찮탕. 얼마든지 그럴 수 있단당당.왱? 직접 만든게 아니고옹, 가져다 쓰는 거랑 그럴수 밖에 없는 부분이 존재한당.익숙해 지려면 그 시작은 만든 사람들의 문서일꺼이당. https://fullcalendar.io/docs/reacthttps://github.com/fullcalendar/fullcalendar-examples/tree/main/react18 문서에서의 시작보다 샘플 베이스코드 시작이 더 흐뭇한 감동일 수 있당. vite로 프로젝트 폴더를 맹글었다 치공 달려보장.~~ 필요한 모듈 설치 (mul는 그저 개인적 목표 취향이당)npm install @mui/material @emotion/react @emotion/stylednpm i @f..

React 2024. 12. 29. 19:34

아니 또 누군가는 Tree 컴포넌트를 쓰고 싶단다.jstree는 jquery가 필요한 jquery 플러그인이닝, React를 쓴다면 과감없잉 버릴깡? rc-tree란 게 있당. 중국말 설명이 중국산인가 보당. 아래 npmjs에 가면 api가 테이블로 정리 되어 있당.  지금은 대략 눈치껏 확인 정도만...https://www.npmjs.com/package/rc-tree 아래 링크 가면, 실행 예제와 소스를 볼 수 있어, 어쩔 또 올 수 밖에 없낭? 하는 느낌이당. https://tree-react-component.vercel.app/demo/draggable 시작하면  절반이라 했던강... 밧다리 드러가장. vite로 필요한 프로젝트 맹글었다 치공, 설치 들어가장.npm i rc-tree 실행 모습을..

React 2024. 12. 25. 18:19

React에 쓸 Editor가 필요하단당. 생각해보니 그렇탕.  그냥 Quill을 넣어보장. 1. 마음이 가는 어딘가에 reditor 폴더 생성   ( 2. 번에서 새폴더를 만들어 이름 주고  열어도 된당) 2. vscode의 Open Foler로  reditor 폴더 열기  3. 터미널을 열공  vite를 이용 react project 생성npm create vite@latest . 4. 필요 모듈 설치npm i react-quill-newnpm i  quill-resize-image 5. 알아서 파일 대략 정리하고   (assets 폴더, App.css 파일 삭제, index.css는 모든 내용 지우깅)   개발 서버 실행 시키면 준비 끝npm installnpm run dev 그라믄 어서 시작해 보..

React 2024. 12. 25. 11:39