본문 바로가기

분류 전체보기54

[Spring] 챗봇을 활용한 레시피 추천 앱 올해도 시간이 흘러 벌써 5월이 되었습니다 ~그 동안 많은 일들이 있었는데 오늘 부터 졸작으로 진행하였던 챗봇을 활용한 레시피 추천 앱을 소개해보려고 합니다.팀은 3명으로 구성되어 프로젝트를 진행하였고, 프론트엔드 1명,  백엔드 2명으로 구성되었고, 저는 백엔드를 맡았습니다.(백엔드가 2명이긴 했지만 90은 제가 구현했습니다..) 아래는 프로젝트에 사용했던 기술들입니다 ~ BackEnd - Spring Boot 3.0.9- Spring Data JPA- Spring Security- PostgreSQL 11.2- Swagger 2.1.0- JWT- Amazon S3- OAuth 2.0  FrontEnd - React Native- JavaScript- TypeScript- Node.js등등..프론트가 .. Spring Boot 2024. 5. 2.
[Spring] Spring Boot는 어떤 방법으로 예외 처리를 할까? @ExceptionHandler, @ControllerAdvice https://www.inflearn.com/course/%EC%8A%A4%ED%94%84%EB%A7%81-mvc-2/dashboard  스프링 MVC 2편 - 백엔드 웹 개발 활용 기술 | 김영한 - 인프런김영한 | 웹 애플리케이션 개발에 필요한 모든 웹 기술을 기초부터 이해하고, 완성할 수 있습니다. MVC 2편에서는 MVC 1편의 핵심 원리와 구조 위에 실무 웹 개발에 필요한 모든 활용 기술들을 학습www.inflearn.com본 글은 인프런의 스프링 MVC 2편 - 백엔드 웹 개발 활용 기술을 참고하여 작성되었습니다~ 저번 글에서는 Servlet이 예외 처리를 하는 흐름에 대해서 알아보았습니다. 그럼 오늘은 Spring Boot는 Servlet이 하는 예외 처리를 어떻게 깔끔하게 처리하는지 알아보.. Spring Boot 2024. 4. 29.
[Spring] Servlet에서 예외 처리는 어떻게 진행 될까? https://www.inflearn.com/course/%EC%8A%A4%ED%94%84%EB%A7%81-mvc-2/dashboard 스프링 MVC 2편 - 백엔드 웹 개발 활용 기술 | 김영한 - 인프런김영한 | 웹 애플리케이션 개발에 필요한 모든 웹 기술을 기초부터 이해하고, 완성할 수 있습니다. MVC 2편에서는 MVC 1편의 핵심 원리와 구조 위에 실무 웹 개발에 필요한 모든 활용 기술들을 학습www.inflearn.com본 글은 인프런의 스프링 MVC 2편 - 백엔드 웹 개발 활용 기술을 참고하여 작성되었습니다~  Spring Boot 로 오류 페이지를 작성하기에 앞서 Servlet이 예외 처리를 어떻게 하는지 알아보려고 합니다. 기본적으로 Servlet은 Exception과 sendError.. Spring Boot 2024. 4. 28.
[React] react-router-dom 사용법 라우팅이란?? 라우팅은 네트워크에서 경로를 선택하는 프로세스 입니다. 즉 다양한 주소의 요청이 들어오면 각각 맞는 요청으로 이동시켜 주는 작업입니다! React-Router react-router-dom이란 React 애플리케이션에서 라우팅을 다루기 위한 인기 있는 라이브러리입니다. 이는 현재 URL을 기반으로 서로 다른 뷰 또는 컴포넌트 간에 이동할 수 있게 하는 선언적인 방식으로 라우팅을 정의하는 react-router 라이브러이의 일부입니다. 'react-route-dom'에서 제공하는 주요 컴포넌트는 다음 세가지가 있습니다. 1. BrowserRouter: 이 컴포넌트는 HTML5 히스토리 API를 사용해 UI를 URL과 동기화 시킵니다. 애플리케이션을 감싸서 컴포넌트를 사용해 선언적인 라우팅을 .. React 2023. 12. 31.
[React] onClick과 component onClick onClick={함수} 또는 onClick={ ()=>{실행 내용} }으로 사용할 수 있습니다.  위와 같이 작성하면 아래와 F12를 눌러 콘솔창을 보면 아래와 같이 5가 출려됩니다. 그리고 state를 사용하여 하트를 누르면 숫자가 올라가는 것을 구현해보면 다음과 같이 구현할 수 있습니다.이때 onClick에는 state의 하트변경 함수를 이용하여 하트+1을 해줍니다. 제목을 바꿔주고 싶으면 아래와 같이 글제목변경안에 바꾸자 하는 데이터를 넣어주면 됩니다. 만약 Array에서 하나의 데이터만 바꾸고 싶다면 아래와 같이 [...글제목]이라고 작성하여 deep copy를 해야한다.   Component위에 코드들은 HTML 태그들이 계속 생성되.. React 2023. 12. 29.

티스토리툴바