미리보기

고객 요청사항에 따른 프로젝트 개발 : php 와 Java를 사용하여 고객의 요구사항을 반영한 프로젝트를 수행했습니다.

협업 및 분담: 팀 내에서 협업을 통해 업무를 분담하고 , 효과적으로 프로젝트를 진행하는 방법을 배웠습니다.

코드 이해 및 분석 : 다른 팀원의 코드를 읽고 이해하는 능력을 키워, 코드 리뷰와 유지보수에 기여했습니다.

술래

술래는 나의 칵테일을 쉽게 저장하고 , 가진 재료로 만들수있는 칵테일을 검색할수있는 서비스입니다.

사용기술

Java17 , SpringBoot ,Aws Ec2 , Aws s3, Next.js My-Sql

주요 기능 구현

• Spring Oauth2를 이용하여 구글 간편로그인 구현

• Spring Security를 이용하여 회원가입 로그인 인증 구현 Jwt토큰을 활용

• AWS S3를 이용하여 이미지파일 저장

트러블 슈팅

1. 서버에 올리고 쿠키 저장이 안되는 문제

문제: Vercel과 EC2에 각각 클라이언트와 서버를 호스팅한 후, 도메인이 달라서 쿠키가 저장되지 않음.

해결 방법:

• 도메인을 구매하고, 클라이언트와 서버를 각각 도메인과 서브도메인으로 호스팅.

• 호스팅 후 쿠키가 정상적으로 저장됨.

2. 클라이언트에서 요청 시 쿠키를 포함하지 않는 문제

문제: Next.js 서버 사이드에서 fetch 메서드로 요청 시, 쿠키가 포함되지 않음.

해결 방법:

• fetch 메서드 사용 시, 쿠키를 포함하도록 별도로 설정 필요.

• 파라미터로 쿠키 이름을 입력 받아 해당 쿠키를 포함해서 요청하도록 메서드 생성 및 수정.

URL: 술래서비스노션

서비스URL : SOOLAE

git : CLIENT_GIT SERVER_GIT

더 나들이

여행지의 추천광광지를 쉽게 확인하고 지도를 통해서 위치와 동선을 쉽게 파악할수있도록 도와주는

여행정보 서비스입니다.

사용기술

React.js , My-SQL , Node.js , Redux, Styled-Component

역할

• 여행지 , 여행스팟 API 서버 개발

• 지도페이지 컴포넌트 개발

주요 기능 구현

• 구글맵스 API 와 연동하여 주요 관광스팟의 위치를 지도 위에서 볼수있습니다.

• 추천 관광지를 나의 일정에 추가하고 각 장소와 연결된 선을 통해서 동선 을 쉽게 파악할수있습니다.

• 여행기나 추천일정을 통해서 관련된 블로그포스팅을 조회하거나 , 추천된 일정을 쉽게 등록할수있습니다.

URL: 더 나들이

git: 더 나들이 깃허브

• 스프링부트 기초 학습:

  • 스프링부트를이용해 GET POST API를 개발하는 방법을 배웠습니다.

• 데이터베이스 조작:

  • My-SQL 을 이용해 데이터베이스를 만들고 테이블생성 데이터를 조작하는방법과 Spring에 연결하는 방법을배웠습니다.

• JPA 학습:

  • 테이블에 대응하는 엔티티 클래스를 만들고 여러 테이블과 관계형으로 묶는 방법을 배웠습니다.

  • 트랜잭션의 개념: 데이터베이스 작업의 일관성과 안정성을 보장하기 위해 트랜잭션을 사용하며, 트랜잭션의 ACID 속성(원자성, 일관성, 격리성, 지속성)에 대해 학습했습니다.

• 미니프로젝트:

  • 과제로 출퇴근 사내관리 미니프로젝트를 개발하면서 배운내용들을 응용해볼수있었습니다

  • 같은 프로젝트를 만든 다른 사람들의 코드를 보면서 강의에서 보지 못했던 추가적인 부분들을 더 공부할수있었습니다.

• 프로그래밍 기초 학습:

  • Java를 중심으로 객체지향 프로그래밍(OOP) 개념을 학습하고, 코드의 가독성과 유지보수성을 높이는 방법을 배웠습니다.

• 코딩 컨벤션 준수:

  • 코드 작성 시 일관된 스타일을 유지하기 위해 코딩 컨벤션을 준수하는 방법을 익혔습니다.

• Git과 GitHub 사용:

  • 버전 관리 시스템인 Git과 GitHub를 활용하여 프로젝트를 관리하고, 협업 시 발생할 수 있는 충돌을 해결하는 방법을 배웠습니다.

• 테스트 주도 개발(TDD):

  • 테스트 코드를 먼저 작성하고, 이를 기반으로 기능을 구현하는 TDD 방식을 통해 안정적인 코드를 작성하는 방법을 익혔습니다.

• 코드 리뷰:

  • 동료와의 코드 리뷰를 통해 서로의 코드를 검토하고, 피드백을 주고받으며 코드 품질을 향상시켰습니다.

배운 점:

• 주어진 문제를 분석하고, 효율적인 해결 방안을 도출하는 능력을 키웠습니다.

• 팀원들과의 원활한 소통과 리뷰를 통해 프로젝트를 발전시켜나가는 경험을 했습니다.

• 스스로 학습 계획을 세우고, 목표를 달성하기 위해 꾸준히 노력하는 자기 주도 학습 능력을 배양했습니다.

HTML, CSS

화면 구현:

• 웹사이트의 구조를 파악하고 화면 및 UI를 설계.

• 웹사이트의 크기에 따라 화면 구조가 변화하는 반응형 웹사이트 제작.

• SCSS를 이용한 웹사이트 스타일 제작.

자바스크립트

동적인 웹사이트 제작:

• 자바스크립트를 이용해 사용자와 상호작용할 수 있는 동적인 웹사이트 제작.

• 프로그래밍 언어의 기초적인 부분 학습.

PHP

데이터베이스와의 연동:

• PHP를 이용해 데이터베이스와 연결하여 CRUD 구현.

• 세션을 이용해 사용자 로그인 기능 구현.

• 팀 프로젝트를 통해 쇼핑몰 사이트 구현.

MySQL

데이터베이스 설계 및 구현:

• 데이터베이스 설계, 정의, 조작, 제어 방법 학습.

• 데이터베이스와 앱을 연결하여 데이터를 보여주고 상호작용할 수 있는 웹 구현.

React

SPA 구현:

• React를 사용한 SPA(Single Page Application) 구현.

• 리액트 훅, react-router-dom, redux, axios를 사용하여 웹앱 구현.

Node.js

서버 구현:

• MySQL, Express, CORS를 사용하여 MySQL과 연동한 API서버 구현.

TypeScript

기본 사용법 학습:

• React와 TypeScript를 사용하여 React 훅을 사용하는 방법 학습.

라즈베리 파이

• 파이썬을 활용한 하드웨어 프로젝트: 부저, NFC, 근접 센서, 전구 제어 및 카메라 모듈 활용.