안녕하세요 저는 이영훈입니다!
저의 포트폴리오를 소개합니다!

자기소개

Profile Image
안녕하세요, 웹 개발자를 꿈꾸는 이영훈입니다.
이 포트폴리오는 제가 첫걸음을 내디딘 과정들을 담은 이야기입니다.
앞으로 더 성장하는 개발자가 되기 위해 계속해서 도전할 것입니다!
location_on
대구광역시 달성군 논공읍 9길 39
phone_iphone
010-5830-5522
mail
ilsame9970@gmail.com
directions_car
2024.07.16일부터
1종보통

기술스택

Frontend

Backend

Database

DevOps / Infra

Tools

프로젝트

1. 여행가자 (4인)

Project Image

2024.12.05 ~ 2025.01.09

📌 프로젝트 개요

여행가자는 여행 계획을 짤 때 다른 사람들의 정보를 참고해 나만의 여행 계획을 만들 수 있게 하는 국내 여행 웹 사이트입니다.

🚀 주요 기능

  • 🔹 여행 계획 생성 및 공유
  • 🔹 다른 사람의 여행 계획을 가져와 커스텀
  • 🔹 지역별 인기 여행지 추천
  • 🔹 지역별 여행 코스 추천
  • 🔹 로그인과 회원가입

🛠️ 사용 기술 스택

  • 🔸 Frontend: React, SCSS
  • 🔸 Backend: Spring Boot 3.4.0
  • 🔸 Database: MariaDB
  • 🔸 외부 API: 공공데이터포털 관광지 & 여행코스 API
  • 🔸 개발 도구: Git, IntelliJ, VSCode
  • 🔸 배포 환경: Backend - AWS EC2, Frontend - GitHub Pages

👨‍💻 역할 및 기여도

관광지 리스트

여행 계획 게시판 백엔드 & 프론트엔드

관광지 리스트

관광지 리스트 백엔드 & 프론트엔드

관광지 리스트

관광지 코스 리스트 백엔드 & 프론트엔드

관광지 리스트

메인 페이지 디자인

📚 배운 점

  처음으로 백엔드와 프론트를 Spring Boot와 React로 나누어 진행한 프로젝트였습니다. 이 과정에서 백엔드와 프론트엔드 간의 소통이 얼마나 중요한지를 깊이 느낄 수 있었습니다.
  데이터를 주고받을 때, 반대측에서 어떤 방식으로 데이터를 주고받는지에 대한 고민은 매우 흥미로웠고, 양쪽을 모두 직접 경험해보며 협업에 있어 어떤 방식이 효율적인지에 대한 감각을 익힐 수 있었습니다.
 특히 API 명세를 명확히 하고, 예외 상황을 함께 고려하는 과정이 협업의 핵심이라는 것을 배웠습니다.
 이 프로젝트를 통해 백엔드와 프론트엔드 모두에 대한 이해도를 높일 수 있었고, 팀원들과의 커뮤니케이션 능력 또한 한층 성장할 수 있는 계기가 되었습니다.

🔗 프로젝트 링크

사이트 깃허브

2. WanderLog (2인)

Project Image

2025.01.14 ~ 2025.01.23

📌 프로젝트 개요

WanderLog는 1번째 프로젝트인 여행가자를 2명에서 리뉴얼한 사이트입니다.

🚀 변경 사항

  • 🔹 메인페이지 전체 수정 (프론트, 백엔드)
  • 🔹 게시판, 관광지, 관광 코스 페이지 디자인
  • 🔹 회원가입 페이지 (프론트, 백엔드)
  • 🔹 여행 계획 생성 페이지 (프론트, 백엔드)

🛠️ 사용 기술 스택

  • 🔸 Frontend: React, SCSS
  • 🔸 Backend: Spring Boot 3.4.0
  • 🔸 Database: MariaDB
  • 🔸 외부 API: 공공데이터포털 관광지 & 여행코스 API
  • 🔸 개발 도구: Git, IntelliJ, VSCode
  • 🔸 배포 환경: Backend - AWS EC2, Frontend - GitHub Pages

👨‍💻 직접 변경한 페이지

게시판 게시판2 게시판3

여행 계획 게시판

관광지 리스트

관광지 리스트

관광지 코스 리스트 관광지 코스 리스트2

관광지 코스 리스트

메인 메인2 메인3

메인 페이지

회원가입

회원가입 페이지

📚 배운 점

  기존에 작성했던 코드를 갈아엎고 리빌딩하면서, 과거의 코드들이 낯설게 느껴지는 경우가 많았고, “왜 이런 구조로 짰을까?”라는 생각이 드는 부분도 많았습니다. 이를 통해 유지보수성을 고려한 코드 작성과 주석의 중요성을 다시 한번 깨달았습니다.
  또한, 기능을 시간에 맞춰 정확히 정하고 프로젝트를 진행하니, 전체 진행이 훨씬 원활하다는 점도 느꼈습니다.

🔗 프로젝트 링크

사이트 깃허브 Notion

3. 백엔드 연습용 프로젝트 (개인)

Project Image

2024.8.12 ~ 2024.9.14

📌 프로젝트 개요

학원 국비 수강 기간동안 스프링 시큐리티, JWT토큰, 소셜 로그인을 제대로 익히기 위해 진행한 프로젝트입니다

🚀 주요 기능

  • 🔹 스프링 시큐리티와 JWT 토큰을 포함한 로그인
  • 🔹 소셜 로그인 및 회원가입 기능 구현
  • 🔹 모든 인증 기능에 유효성 검사 적용
  • 🔹 Ajax 기반 REST API 요청 방식으로 로그인/회원가입 처리
  • 🔹 카카오 지도 API를 활용한 간단한 위치 탐색
  • 🔹 비밀번호 변경 기능 구현

🛠️ 사용 기술 스택

  • 🔸 Frontend: Thymeleaf, CSS, JS(JQuery, Ajax)
  • 🔸 Backend: Spring Boot 3.3.4 (JPA)
  • 🔸 Database: MariaDB
  • 🔸 외부 API: 카카오 지도 API
  • 🔸 개발 도구: Git, Eclipse(STS 4), VSCode
  • 🔸 배포 환경: CLOUDTYPE

👨‍💻 주요 페이지 (이미지 클릭시 확대됩니다)

로그인 이미지 로그인 이미지2

로그인

회원가입 이미지

회원가입

회원정보변경 이미지 회원정보변경 이미지2

회원정보 변경

비밀번호 찾기 비밀번호 찾기

비밀번호 찾기

📚 배운 점

  Spring Boot가 3.x대로 넘어가면서 Security 설정 방식이 크게 달라졌다는 점을 직접 SecurityConfig를 작성하면서 익혔습니다.
  또한 JWT 토큰 저장 방식에 대해 고민하며 Cookie와 Local Storage 등 다양한 방식을 직접 적용해보고 차이를 체감할 수 있었습니다.
  이 프로젝트는 구체적인 설계를 하지 않고 깃허브 리드미에 생각나는대로 적으며 진행했는데, 그로 인해 생각날 때마다 기능을 추가하게 되어 비효율적이라는 점을 느꼈습니다. (기간이 정해져 있어 원래 계획했던 주유소 커스텀 기능을 완전히 구현하지 못했습니다.)

🔗 프로젝트 링크

사이트 깃허브

4. PGR (5인)

Project Image

2021.1.20 ~ 2021.3.15

📌 프로젝트 개요

PGR = 'Premier League + 잘알' 과 'programming + 잘알' 의 두 가지 의미를 가진 프로젝트 이름입니다.
EPL(English Premier League)을 잘 몰라도 즐겁게 볼 수 있도록 도와줄 수 있는 축구 통계사이트입니다.

🚀 주요 기능

  • 🔹 Gallery(게시판) 로그인 한 사람은 누구나 글을 쓸 수 있습니다
  • 🔹 Betting - 회원가입 시 기본포인트가 지급됩니다. 포인트를 사용해 경기의 결과를 예측해 포인트를 걸어볼 수 있습니다
  • 🔹 Team - 리그 팀들의 정보를 실시간으로 볼 수 있습니다
  • 🔹 Schedule - 지난 6개월 까지의 경기 일정과, 앞으로의 경기 일정을 볼 수 있습니다
  • 🔹 로그인, 회원가입

🛠️ 사용 기술 스택

  • 🔸 Frontend: Thymeleaf, CSS, JS(JQuery, Ajax)
  • 🔸 Backend: Spring Boot 2.4.2 (Mybatis)
  • 🔸 Database: MariaDB
  • 🔸 개발 도구: Git, Eclipse
  • 🔸 배포 환경: Naver Cloud

👨‍💻 역할

로그인

로그인 기능 구현

회원가입

회원가입 기능 구현

마이페이지 마이페이지

마이페이지 구현

비밀번호 찾기

비밀번호 찾기 기능 구현

📚 배운 점

  처음 해보는 5인 협업 프로젝트였고, 설계에 대한 이해도 없이 시작해서 어려움이 많았습니다.
  기획부터 구현까지 하나하나 부딪히며 진행하다 보니, 개발뿐 아니라 협업의 중요성도 많이 느낄 수 있었습니다.
  기능을 나누고 합치는 과정에서 충돌이나 오류도 자주 발생했지만, 그만큼 해결해 나가며 팀워크도 함께 성장했습니다.
  무엇보다 점점 완성되어 가는 결과물을 보면서 개발에 대한 흥미와 보람을 느꼈고,
이 경험이 개발자를 진로로 선택하는 결정적인 계기가 되었습니다.

🔗 프로젝트 링크

사이트 깃허브