[StudySync 프로젝트] Vue 3 + TypeScript + Tailwind CSS로 StudySync 프론트엔드 설정
2025년 4월 18일StudySync 프로젝트는 AI 기반 학습 플래너 웹 앱이다. Vue 3, TypeScript, Tailwind CSS로 프론트엔드를 설정하고, Spring Boot, JPA, MySQL로 백엔드를 구현한다. 오늘은 프론트엔드 초기 설정(Vite, Tailwind CSS, ESLint, Prettier)을 완료했다. IntelliJ와 GitHub 저장소(study_sync)를 사용해 진행한 과정을 기록한다.프로젝트 개요StudySync는 학습 목표를 설정하면 AI(ChatGPT API)가 맞춤형 계획을 생성하는 앱이다. 주요 기능은 다음과 같다:사용자 인증(JWT 기반)AI 기반 학습 계획실시간 퀴즈, 커뮤니티 피드반응형 UI, PWA프론트엔드는 Vue 3, TypeScript, ..
2025. 4. 19.
[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.
REST, REST API, RESTful – 이 세 가지의 차이, 확실하게 이해하자
개발을 하다 보면 정말 자주 접하게 되는 용어들이 있다.그중에서도 REST, REST API, RESTful은 가장 많이 언급되는 개념 중 하나다.하지만 단어가 비슷해서 헷갈리는 경우가 많다.이번 글에서는 REST와 REST API, 그리고 RESTful의 개념과 차이점을 예제와 함께 쉽게 설명해보겠다. ✅ REST란?REST는 "Representational State Transfer"의 줄임말로,웹에서 자원(리소스)에 접근하는 구조적인 방법을 정의한 아키텍처 스타일이다.REST의 핵심은 다음과 같다:**URI(자원 식별자)**를 통해 자원을 명확하게 식별**HTTP 메서드(GET, POST, PUT, DELETE 등)**를 통해 자원을 조작무상태성(Stateless) 유지 → 요청 간에 서버가 클라이..
2025. 4. 13.