얍!

개발 관련 기록하고 있습니다.

최신 글

more

블로그 이전

안녕하세요! 블로그 주인입니다!해당 블로그는 더 이상 포스트 글을 올리지 않을 예정입니다. 그동안 일상/기록 블로그와 개발/공부 블로그를 분류하여 두 개의 티스토리를 운영해왔습니다. 하지만 나누어 운영하다보니 한 곳에 집중을 하기 어려운 점이 있었고,고민 끝에 일상/기록 블로그로 통합하기로 결정했습니다. 앞으로 개발, 공부, 개인 프로젝트와 관련된 내용은일상/기록 블로그에 함께 올릴 예정입니다. 일상/기록 블로그는 저의 개인 일상,좋아하거나 즐기고 있는 게임이야기와 공략,찍은 사진, 영화 후기, 독후감 등다양한 내용을 기록하던 공간입니다. 개발/공부 내용까지 함께 올리게 되면다소 혼잡해 보이지 않을까 많이 고민했습니다. 하지만 취업 이후 업무에 적응하고,만들고 싶은 애플리케이션을 기획하며,학교 수업까지 ..

카테고리 없음 2026.04.21 0

[코딩테스트] 백준 2231번: 분해합

# 문제주소: https://www.acmicpc.net/problem/2231# 코드public class BOJ2331 { public static void main(String[] args) throws IOException { BufferedReader br = new BufferedReader(new InputStreamReader(System.in)); // 입력 int N = Integer.parseInt(br.readLine()); int M = N; int sum; int result; // -1 씩 감소시키며 분해합을 모두 구하여 배열에 저장 후 가장 작은 수를 출력 for (int i = N; i > 0; i--) { String ..

코딩 테스트 2026.01.06 0

작업물

more

[mini-project] Yoga Responsive Website Re-design

📌 프로젝트 개요실존하는 요가 스튜디오의 웹사이트를 벤치마킹하여 Redesign을 하였습니다. 그리고 반응형으로도 제작하여 사용자가 다양한 방식으로 접근을 할 수 있도록 하였습니다.* 이 프로젝트는 상업적 용도가 아닙니다. 프로젝트 명: 요가원 반응형 웹사이트 리뉴얼개발 기간: 2024-06-25 ~ 2024-08-04목적: HTML5, CSS3을 사용하여 반응형 웹사이트를 제작하면서 경험을 쌓는 것과 동적인 부분을 JavaScript만을 사용하여 구현을 함으로써 언어에 대한 이해도와 경험을 쌓기 위함입니다.사용 기술: HTML5, CSS3, JavaScript, VS Code, Git & GitHub, GitHub Pages🧩 구현 기능기능명상세 설명원페이지 반응형하나의 페이지에 PC, 태블릿, 모..

프로젝트 2025.07.08 0

[mini-project] To-do List (React)

📌 프로젝트 개요리액트를 사용하여 To-do List를 만들고 GitHub Pages로 배포하는 개인 미니 프로젝트.데이터는 로컬 스토리지 사용.프로젝트 명: 리액트로 만든 To-do List개발 기간: 24.08.05 ~ 24.08.21목적: React를 이해하고 개인이 가볍게 사용할 목적으로 React를 사용하여 To-do List를 제작하였습니다.사용 기술: HTML5, CSS3, JavaScript, React, React Hooks, VS Code, Git & GitHub, GitHub Pages🧩 구현 기능기능명상세 설명할 일 추가내용을 입력 후 + 버튼을 클릭하면 할 일이 목록에 추가된다.할 일 삭제추가된 할 일 우측에 있는 - 버튼을 클릭하면 삭제된다.할 일 수정추가된 할 일을 클릭하면..

프로젝트 2025.07.07 0

[mini-project] Country Flag Guessing Game (JS)

📌 프로젝트 개요학원 수업 시간에 배운 class 객체를 활용하여 만든 나라별 국기 맞추기 게임입니다.객관식 형태이며 누구나 재밌게 게임을 즐길 수 있습니다.(현재 국기는 많이 등록되어 있지 않습니다.)프로젝트 명: 국기 맞추기 게임개발 기간: 24.06.29 ~ 24.07.01목적: class 객체를 활용하여 무언가를 만들어 보는 경험을 쌓고, 코드 활용 및 스스로 생각하는 힘을 기르기 위함.사용 기술: HTML5, CSS3, JavaScript, Git & GitHub, GitHub Pages, VS Code🧩 구현 기능기능명상세 설명랜덤 국기 출현Math 클래스를 사용하여 국기가 무작위로 출력객관식 4지선다형정답 1개를 포함한 4개의 객관식을 무작위로 출력정답 유무 결과알림창으로 오답, 정답 출..

프로젝트 2025.07.05 0

[toy-project] JWT 기반 인증/인가 구현 (Spring Boot)

📌 프로젝트 개요JWT를 활용해 로그인을 구현하고, Spring Security로 인가 기능을 구현. 비밀번호는 BCrypt로 암호화.프로젝트 명: JWT 기반 인증/인가 구현 (Spring Boot)개발 기간: 25.06.23 ~ 25.06.27목적:JWT를 활용한 로그인 및 인가 기능을 직접 구현하여 인증 방식의 원리를 이해하고 실습Spring Boot로 기능별 API 설계 연습사용 기술: Java 17, Spring Boot 3.5.4, JPA & H2, VS Code, Git & GitHub🧩 구현 기능기능명상세 설명회원가입비밀번호는 BCrypt로 암호화하여 저장로그인로그인 시 JWT 토큰이 발급, HttpOnly 쿠키에 저장로그아웃로그아웃 시 HttpOnly 쿠키의 JWT 토큰 삭제인가페이지..

프로젝트 2025.07.04 0

개발 일지

more

[Library Management System] 25.10.31 | (구현) 마이페이지-리뷰 내역 페이지 전체 목록 조회, 리뷰 수정 기능

[ 작업한 내용 ]# Frontend1. 리뷰 내역 페이지에서 리뷰 전체 목록 조회 API 연결// 리뷰 전체 apiconst fetchBookReview = async (page, size) => { setLoading(true); setError(null); try { const response = await axios.get( `http://localhost:8080/api/v1/user/me/reviews`, { params: { page: page, size: size, }, withCredentials: true, headers: { Accept: "applicatio..

[Library Management System] 25.10.31 | (구현) 마이페이지 리뷰작성 유무 체크와 UI 구현

[ 작업한 내용 ]# Frontend1. 리뷰작성 유무 체크- 리뷰작성이 되었다면 수정하기 버튼이 화면에 출력이 되고, 리뷰작성이 안 되었다면 작성하기 버튼이 화면에 출력이 된다. 리뷰작성: {item.reviewWritten != true ? ( 미작성 | handleClick(item.id, "reviewCreate")} >작성하기 > ) : ( 작성 | handleClick(item.id, "reviewUpdate")} >수정하기 > ) }2. 리..

[Library Management System] 25.10.31 | (구현) 마이페이지-대출내역 페이지 기능 / frontend, backend

[ 작업한 내용 ]# Frontend1. 대출 연장 api 연결- 대출연장은 1회만 가능. 대출연장 유무를 체크하여 0회 또는 1회로 표시.대출연장: {item.extended != true ? "0" : "1"}회 - 도서 대출 연장 버튼 클릭 시 해당 id를 대출 연장 api 함수로 전달하여 실행. // 도서 대출 연장 apiconst updateExtended = async (loanId) => { try { const response = await axios.patch( `http://localhost:8080/api/v1/user/me/loans/${loanId}/extend`, {}, { withCredentials: true, he..

[Library Management System] 25.10.31 | (구현) 마이페이지 도서 대출 연장 기능 구현, 응답 결과 DTO 필드 수정

[ 작업한 내용 ]# Frontend1. 도서 대출 연장 유무 및 버튼- 대출 연장 버튼 UI 틀만 구현대출연장: 0회연장하기# Backend1. 사용자 도서 대출 연장 api 구현- controller, service, dto, messages.properteis, LoanErrorCode// controller@PatchMapping("/loans/{loanId}/extend")public ResponseEntity extendLoan( @PathVariable("loanId") Long loanId, @AuthenticationPrincipal User user) { // 서비스로직 UserLoanExtendedResDTO responseDTO = userLoanService.exte..