This is Subin's Portfolio!

|| PROFILE ||

[ Keyword for Introduce ]

Honest
한 걸음씩 꾸준히 나아가기 위해 학습과 기록을 습관화 하였습니다.

Challenging
새로운 분야에 대하여 거부감을 느끼기보다는 호기심과 도전의식으로 받아들입니다.
Positive
마음가짐에 따라 주어진 상황을 해석하기에 긍정적인 태도를 갖추기 위해 노력합니다.
Inquisitive
정치와 무역을 전공하며 세상에 대한 넓은 식견을 익힐 수 있었으며 비단 하나의 시각에 얽매이지 않고 자유롭게 사고할 수 있는 능력을 함양했습니다.
Various experiences
여행과 봉사활동, 교환학생, 아르바이트 등을 통해 다양한 사람들과 함께하며 교훈을 얻고 성장하였습니다. 이는 앞으로 개발자로서의 삶에 풍부한 양분이 될 것입니다.

[ Education ]

소사고등학교

2014.03 ~ 2017.02

숭실대학교

2017.03 ~ 2023.02

정치외교학 전공

글로벌통상학 복수전공


캄보디아 교육봉사활동

2018.09 ~ 2018.12



체코 교환학생

2020.02 ~ 2020.06

코리아IT 아카데미

2022.10 ~ 2023.05


- Java 단과 과정 수강

언어와 기초적인 자료구조, CS개념을 익혔습니다.

- 웹개발 과정 수강

spring, springboot 프레임워크를 이용한 웹개발과정을 수강하며 SQL, TDD, git와 같은 웹개발에 필요한 개념들을 익힐 수 있었습니다.

- 프론트엔드 과정 수강

HTML, CSS, JavaScript 활용법을 익혔으며 JavaScript를 기반으로 React.js를 활용한 웹개발을 배우고 실습했습니다.

|| SKILLS ||




- HTML

- CSS

- JavaSript

- React.js

- node.js

- Java

- Spring

- SpringBoot

- Thymeleaf

- TailwindCSS

- mongoDB

- MySQL

- git

- GitHub



  • Back
  • Front

|| PROJECTS ||

1. 부산 맛집 지도

개발 주요사항

- React 사용경험 및 숙련도 향상을 위해 진행한 개인 사이드 프로젝트

- 부산시청에서 배포한 공공API를 이용한 맛집 소개 지도

- kakao맵 API로 전체 맛집 또는 단일 맛집 위치 표시

- LocalStorage를 이용하여 백앤드 없이 닉네임 및 즐겨찾기 목록 저장

- Math.random메서드를 이용한 모달 형태의 랜덤 맛집 추천기능 구현

기술 스택

- React.js

- Tailwind

- Git

배운점

반복되는 코드를 줄이고 함수컴포넌트의 재사용에 신경쓰며 제작했습니다. 프론트엔드로만 제작하기 위해 간단한 정보만을 localStorage에 저장하게 했으며 로그아웃과 동시에 삭제되도록 만들었습니다. 공공 API 사용이 익숙하지 않아 데이터를 불러오는 데에 시간이 걸렸지만 이 프로젝트를 통해 API에 대해 쉽게 이해할 수 있었으며 데이터를 다루는 방법을 익힐 수 있었습니다.

배포링크

https://busan-eat.netlify.app

자세히 보기

busan-eat 레포지토리 바로가기

2. 인스타그램 서비스 클론코딩

개발 주요사항

- React.js와 Node.js, express를 이용하여 프론트와 백엔드 모두 구현

- MongoDB로 아티클, 유저 등의 정보를 저장하며 NoSQL의 사용을 익힘

- passport와 jwt를 사용하여 로그인 기능 구현

- 유저 검색기능, 팔로우 기능, 댓글 기능 구현

기술 스택

- React.js - express
- MongoDB - Passport
- Tailwind - Git

배운점

서버와 클라이언트를 모두 다뤄보게 되면서 두 분야 사이의 역할과 관계에 대해 이해할 수 있었습니다. Node.js로 처름 백엔드를 구성해보는 것은 어려웠으나, 생소했던 미들웨어나 cors 등의 개념들을 검색하고 알아가며 차근차근 구현하는 과정에서 많은 것들을 배웠습니다. 또한 주로 MySQL을 사용했던 데에 반해 NoSQL인 MongoDB를 사용해봄으로써 NoSQL과 관계형 DB사이의 장단점을 체감할 수 있었습니다.

자세히 보기

instagram-clone 레포지토리 바로가기

|| CONTACT ||

TEL : 메일로 연락주세요.
Email : subin9804@naver.com
GitHub : https://github.com/subin9804
Blog : https://oolilyoo.tistory.com