본문 바로가기
728x90

springboot8

[AutoSume 프로젝트] React, Spring Boot, ChatGPT로 웹앱 개발: AutoSume 기술 학습 기록 1. 개요AutoSume는 React, Spring Boot, ChatGPT API를 활용해 자소서 자동 생성과 채용 공고 분석을 구현하는 풀스택 프로젝트이다. 이 포스트는 프로젝트에 사용된 기술(React, TypeScript, Tailwind CSS, Spring Boot, JPA, Spring Security, Python, FastAPI, BeautifulSoup, ChatGPT API, MySQL, JWT)의 핵심 개념과 학습 내용을 정리한다. 초보 개발자로서 기술을 배우고 포트폴리오를 만드는 과정이 목표다.1.1 학습 목표React와 TypeScript로 동적 UI 구현.Spring Boot와 JPA로 REST API와 데이터베이스 연동.ChatGPT API로 AI 기반 자소서 생성.Pytho.. 2025. 4. 18.
[AutoSume 프로젝트] React를 활용한 프론트엔드 개발 진행중 1. 프로젝트 개요AutoSume는 채용 공고 분석과 자소서 자동 생성을 목표로 하는 개인 풀스택 프로젝트이다. React, TypeScript, Spring Boot, ChatGPT API를 활용해 개발 중이며, 취업 준비생을 위한 도구로 기획했다. 이 포스트는 프로젝트 구조, 기술 스택, 개발 과정, 학습 내용을 기록한다.1.1 주요 기능자소서 생성: 사용자 입력을 ChatGPT API로 처리해 자소서 답변 생성.자소서 관리: 생성된 자소서를 목록으로 저장, 조회, 삭제.다운로드: 자소서를 PDF 또는 텍스트로 내보내기.인증: 로그인/회원가입으로 사용자별 자소서 관리.크롤링(예정): 채용 공고 데이터 수집 및 기술 트렌드 분석.1.2 목표풀스택 개발 학습: 프론트엔드, 백엔드, AI 연동 경험.포트폴.. 2025. 4. 18.
(React + Typescript) + (Spring Boot + JPA + MySQL) 프로젝트 세팅 / tailwind css 설치 오류 포함 개인적으로 React + Typescript도 공부할겸, Spring Boot도 복습할 겸 맨땅에 헤딩을 하는 방법으로 무작정 프로젝트를 시작했다.그런데 역시나 초기 세팅부터 이래저래 우여곡절이 많았다. 기존에는 백엔드 프로젝트를 할때 spring boot 프로젝트 만들고 프론트엔드 부분은 Thymeleaf를 주로 활용해서 intelliJ나 STS로 진행을 했었는데, 이렇게 프론트엔드 작업과 백엔드 작업을 한번에 하는 경우 프로젝트를 어떻게 세팅해야 할지 막막했다. 특히 React + Typescript는 기본 지식이 있는게 아니라 이번에 맨땅에 헤딩 하면서 공부할 생각이었기에 전적으로 chatGPT와 구글링의 도움이 필요했다. 그래서 지금 정리하는 아래의 방법이 일반적인 방법인지 솔지히 모르겠지만, 나.. 2025. 2. 12.
Spring Boot JPA(Java Persistence API)란(java/backend/자바/스프링부트/데이터/서버) Spring Boot의 JPA(Java Persistence API)는 자바 애플리케이션에서 데이터베이스와의 상호작용을 간편하게 하기 위해 설계된 API입니다. JPA는 객체 지향 프로그래밍 언어인 Java와 관계형 데이터베이스 간의 데이터 변환을 지원하며, 데이터베이스의 CRUD(Create, Read, Update, Delete) 작업을 쉽게 수행할 수 있도록 도와줍니다.1. JPA의 개요1.1. 정의JPA: Java Persistence API의 약자로, 자바 객체를 데이터베이스의 테이블과 매핑하여 객체 지향적인 방식으로 데이터베이스 작업을 수행할 수 있도록 해주는 API입니다.ORM: JPA는 ORM(Object-Relational Mapping) 기술의 일종으로, 객체와 데이터베이스의 관계를 자.. 2024. 11. 24.
스프링 부트(Spring Boot) Thymeleaf 반복문(백엔드 개발/Java/제어문) Thymeleaf단순 반복문 사용(특정 숫자 범위 반복문) 예시) 1월~12월 출력하기ol class="list_month">    th:block th:each="month : ${#numbers.sequence(1,12,1)}">        li>a href="#">span th:text="${month}">span>월a>li>    th:block>ol>#numbers.sequence는 Thymeleaf에서 제공하는 유틸리티 함수로, 특정 범위의 숫자 시퀀스를 생성하는 데 사용됩니다. 이 함수는 주로 반복문에서 원하는 범위의 숫자를 쉽게 생성할 수 있도록 도와줍니다.#numbers.sequence(start, end, step): 숫자 시퀀스를 생성하는 Thymeleaf 함수.→ start : 시.. 2024. 11. 16.
스프링 부트(Spring Boot)에서 파일 생성시 web(html, jsp 등) 관련 파일 항목이 없을때 해결방법 STS4를 설치 후 프로젝트를 만들고 작업을 시작하기 위해 html 파일을 만들기 위해 [templates] 폴더에서 마우스 우클리 후 New 로 들어가봤는데 html, css, jsp 등 과 같은 web 관련 파일 형식이 검색돼지 않았다.  이를 해결하기 위해서는 MarketPlace에서 추가적인 Tools 설치가 필요하다. 해결방법상단 메뉴바에서 help > Eclipse MarketPlace 클릭 > 검색창에 'java and web' 검색 > Eclipse Enterprise Java and Web Developer Tools 다운로드 이렇게 동의 후 finish 버튼까지 누르면 창이 종료되는데, 이것이 끝난것이 아니기 때문에 방심하면 안되고, 실제 화면 우측 하단에 설치되는 과정이 완료되는지를 .. 2024. 11. 13.
728x90

티스토리툴바