Spring
1.Maven, Spring 설치 , Spring 3가지 원칙
Maven, Gradle 다운로드 Maven 다운 및 경로설정 의존 라이브러리가 필요할 때가 많다. jar 파일의 다운과 관리가 자동으로 실행된다. 설치 후 가져다 놓고 path 만 잡아주면 된다. https://maven.apache.org/download.cgi
2.Spring-lombok 설치, jsp의 접두사&접미사 설정, Model, Thymeleaf - 설치 및 데이터박기, status, list.of, 숫자 얻어내기, get방식 파라미터
리마인드 Spring 은 서버가 안에 내장되어 있음 -> 서버에 관한 설정은 application.pro~에서 설정 가능함 static의 index.html이 접속된다. staic 폴더 밑에 있는 css 폴더 안에 있는 custom.css 폴더로 이동한다. > be
3.thymeleaf - 조건부 렌더링, javascript 에서 데이터 활용, th:fragment, th:block, include 헤더,푸터, unescape, DB 연동, mybatis, Dao 인터페이스 생성, 멤버 insert, delete, update...
spring thymeleaf spring의 서버 /spring04/ = static폴더를 말함 spring boot는 배포는 jar파일로 하며 따로 서버를 잡지않아도 된다. html 응답은 jsp 혹은 view engine 을 사용해야 한다. MODEL VIEW C
4.Spring 로컬 오류
spring 환경 설정 하면 jsp 프로젝트에 오류 발생오류 발생한 프로젝트 우클릭 > propertiesJava 버전을 21에서 17로 변경하기
5.controller , Service, ExceptionController, Ailas, 이미지 응답
th 로 thymeleaf가 해석하는 부분을 만들어준다. Mapper xml 에서 sql문을 관리 Mapper.xml은 dao에서 사용하는 sql문 저장소 dao 는 DB에 접근하는 역할 cortoller 은 요청을 받고 이동시킴 , dao에 의존함 Spring의
6.파일과 이미지 업로드&다운로드&예외처리, Spring security 맛보기
Fileupload custom properties 집어넣기 운영체제에 따라서 경로가 달라지므로 설정으로 경로를 변경해보자. custom properties 생성하기 @PropertySource : 우리가 설정한 파일 경로로 설정을 붙여주기  
이클립스에서 properites 의 주석이 와장창 깨졌다. application properites 우클릭 -> properites -> Resource 카테고리 -> Text file encoding 설정 UTF-8로 변경
10.React - 기본구조, JSX, State, uuid / Spring - entity / JPA - 원하는 메소드 생성, 날짜 데이터, 조인
React 기본구조 src 를 해석한 결과 자바스크립트를 얻어내는 환경 = React 작업한 결과 = bundele.js로 얻어낸다. spring boot 에 돌릴려면 작업한 결과 파일을 templates 에 붙인다. create react app = 개발 프로젝트를
11.React - State / Spring(JPA) - JPA 환경설정, Entity 기초
React useState react는 엄격한 xml 형식을 지키고 있기에 오류를 방지하기 위해서 페이지 로딩 시점 + Spring JPA 설정 방법 properites 설정  자식 자식 자식 요소에서 자신만의 데이터와 동작을 가질 수 있음 부모 요소는 자식요소로 object 타입에 담아서 데이터를 전달할 수 있다. 부모에서 상태값을 업데이트 하면
13.React 페이징 처리, { } / Router - router, CSR, 글 목록
페이징 이전 , 다음 버튼 page-item, page-link, disabled, active page-item 에 active, disabled 작성해야 함 backtic 라이브러리 지금까지 설치한 라이브러리 리마인드 기본 폼을 자동으로 완성해준다. Route
14.React - router 관계 , react bootstrap, build, private css / JWT & JWT Security
Router 의 파일 관계 router 의 index.js -> index.js -> App.jsx 의 currentOutlet 으로 가지고 옴 as (React boot-strap) as 는 역할 변환 , 부여를 한다. 왜 button 이 form 안에 있으면 안
15.Spring 개념
프로그래밍 언어를 좀더 편리하게 작성하도록 도와주는 프렘임워크IoC: 객체의 생성 및 생명 주기를 개발자가 직접 관리하지 않고, 스프링 컨테이너가 관리하는 개념(제어의 역전).DI: 객체 간의 의존성을 스프링이 자동으로 주입해주는 방식.→ 방법: 생성자 주입, 필드 주
16.Spring - Restful API , Proxy server, axios,
Restful API > 웹에서 데이터를 받는 규칙을 내가 생성해 간다. 페이지 이동 없이 데이터를 받아올 수 있다. 크로스 오리진 콘텐츠는 node.js 에서 받고 요청은 Spring 에 하는 것 폼 전송은 node 에 하고 porxy Server 가 중개 역할을
17.React - 기본환경, CSS / Spring - aop,
React webpack 이 구성되면서 react 개발 환경이 구성된다. vs code terminal 에서 npm start로 실행 가능 package.json = pop.xml 과 비슷하게 사용하는 라이브러리를 보여준다. node_modules 에는 설치되어있는 찐
18.Spring Security를 활용한 Form 로그인과 JWT 기반 인증 구현
Form 로그인(세션 사용 x) 토큰에 담는 정보는 subject(주요한 정보 = userName) , claims (부수적 정보 = role) 시큐리티가 알아서 userName, password 비교 대조한 후 일치하면 AuthSuccessHandler 가 실행된다.
19.🚀 React & Redux에서 상태 업데이트를 이해하기
👉 Redux에서 상태를 업데이트할 때, 예상과 다르게 이전 값이 보이는 이유를 정리해봤습니다.useEffect는 컴포넌트가 렌더링될 때 실행돼요.그리고 의존성 배열(예: userInfo)에 있는 값이 바뀔 때마다 다시 실행돼요.만약 잘못된 의존성을 넣으면, 불필요한
20.React & Axios를 활용한 로그인/로그아웃, 파일 업로드, 비밀번호 수정 정리
JS 값의 존재 window.confirm() 토큰 디폴트 자동으로 유효한 토큰을 헤더에 들고가게끔 만들기 디폴트 값으로 헤더에 토큰을 들고가게끔 미로그인 시 userdetails 에 접근 X protected route 요소로 보호하고 싶은 요소를 감싸고 prot
21. React 게시판: 페이징, 검색, 스마트에디터 적용 및 상세 페이지 구현 가이드
Breadcrumb 웹사이트 내에서 어디에 있는지 알려주는 요소 사용예시 > 현재 위치를 알려주는 요소 스마트에디터 basic - static - smartEditor 폴더 복붙 
글 페이지 이동 및 검색 기능 같은 페이지 내에서의 스크롤 이동 페이지에 책갈피 " # " 뒤는 아이디로 그곳으로 이동하라 페이지 이동 useSearchParams , params.get 으로 파라미터 관리를 해야하는 점 검색기능 컨디션 , 키워드 파라미터를 관리
23.React + Vite 개발 환경 구성 및 댓글/대댓글 기능 구현 정리
Quiz codeMirror : 코드 입력창 생성 입력 언어 java 로도 설정 가능함 MarkDown 처리 기본 사용을 위한 MarkDown , 이쁘게 출력을 위한 rehypeHighlight AnimatePresence 동작 효과 설정 y 축 기준 위쪽이 - ,
24.Vite 환경 분석 & 로그인 타이머 흐름 정리 + 댓글 기능 구현 꿀팁
vite 환경분석 dir : 현재 지금 파일에 뭐가 있는지 확인할 수 있음 dependencies : 실제 build 할 때 필요한 라이브러리 개발 환경에서 필요한 dependencies & devDependencies 은 vite 관련 설치 eslint.confi