⌨️ Thymeleaf+Ajax 구현 이 부분은 나의 최대의 약점이었다. 이전에 과제에서도 SPA 형식의 웹 애플리케이션 구현을 받았는데, 미흡하게 제출을 하였었고, 그때의 기억을 기반하여 언젠가 극복하자고 생각했던 부분이 이번에 해결이 되어 기쁜 마음으로 남긴다. *저는 바닐라 JS를 통해 Ajax를 구현 하였습니다. JQuery와 Axios 를 활용하지 않은 것은 백엔드 개발자로써 간단한 화면에 구성에 필요한 Ajax 통신만을 가벼운 사이즈로 구현하고 싶어서입니다. 1. Thymeleaf ? Servlet, JSP를 지나 최근 많이 사용되는 SSR 방식의 템플릿 엔진이다. 1.1. Thymeleaf를 통해 비동기 처럼 보이게 ? 처음 공부를 시작했을 때 한 강의를 통해 배운 방법이다. 그리고 무지했던..
PROJECT/KOSA
1. WWW - 함께 걷는 산책로 공유 V1 GitHub - Team5Project/WalkingWithWorld: 오조의 마법사 미니 프로젝트 1차 오조의 마법사 미니 프로젝트 1차. Contribute to Team5Project/WalkingWithWorld development by creating an account on GitHub. github.com - 구현 [PROJECT] KOSA 미니 프로젝트 진행 - (1) WWW 기획 및 소개 ⌨️ KOSA 교육과정 미니 프로젝트 진행 한국소프트웨어산업협회에서 진행하는 풀스택 기반 MSA 개발자 과정의 첫 번째 프로젝트를 진행하게 되었다. 이제 처음부터 구현 한 부분을 정리하고, 새 romanc3.tistory.com [PROJECT] KOSA 미..
⌨️ 로그인 구현 이번 세션 로그인을 구현하며 가장 많이 공부가 된 파트, 그리고 고민을 한 부분이다. 1. 로그인 로직 고민 세션 로그인 자체는 쉽게 기간의 문제 상 쉽게 접근했다. 로그인 시 세션에 로그인한 유저의 정보를 저장하고 필요한 곳에서 가져다 쓰는 간단한 방식으로 구현을 완료했다. 그 와중 해당 방식에서의 많은 중복과 불편함이 발생했기에, Spring Security처럼 필터를 두어 로그인을 처리하기로 했다. 1.1. LoginCheckFilter @Slf4j public class LoginCheckFilter implements Filter { // TODO 로그인이 필요 없는 URL 추가 private static final String[] whiteList = { "/", "/sign..
⌨️ 회원가입/로그인 구현 요즘은 Spring Security를 활용하면 쉽게 회원가입과 로그인을 구현할 수 있다. 그러나 그러한 기술의 필요성과 내가 직접 구현 했을 때의 부족함을 비교해 보기 위해 직접 세션 방식으로 구현해보려 한다 1. 회원가입 많은 양의 정보를 받기보다 우선 필요한 최소한의 정보를 받아서 회원 가입을 구현하려 한다. 1.1. UsersDTO @Getter @Setter @ToString public class UsersDto { private int id; @NotBlank(message = "아이디 입력은 필수입니다.") @Length(max = 30, message = "아이디 길이는 30자 를 넘으면 안됩니다.") private String name; @Pattern(rege..
⌨️ KOSA 교육과정 미니 프로젝트 진행 한국소프트웨어산업협회에서 진행하는 풀스택 기반 MSA 개발자 과정의 첫 번째 프로젝트를 진행하게 되었다. 이제 처음부터 구현 한 부분을 정리하고, 새롭게 배우고 그간 고민 했던 것이 해결 된 부분을 공유하려 한다. 1. 기획 및 사용기술 1.1. 개요 최근 러닝과 걷기 운동 등 일상속에서의 운동을 취미로 하는 사람들이 많아짐에 따라, 해당 취미를 공유하는 사람들을 위한 커뮤니티를 만들고 서로의 경로를 공유하여, 많이 알려진 경로가 아닌 색다른 경로로 산책을 즐길 수 있게 하는 것에 목적을 개발을 결정 1.2. 프로젝트 기간 및 기술 1) 프로젝트 기간 2023.10.13~2023.10.23 2) 사용 기술 Front-end : HTML5, CSS3, JacaSc..
