0년차 때 신입 입사지원시 사용했던 포트폴리오 입니다.
신희성 | 도전을 즐기는 개발자
✉️ E-mail
😺 GitHub
📚 Blog
https://shin-e-dog.tistory.com/
📰 Resume
⚠️🚨 Notion을 사용해 제작된 포트폴리오 입니다. 🚨⚠️
PDF 파일, 인쇄물로 열람 시 정상적으로 보이지 않을 수 있으니 아래 주소로 열람 부탁 드립니다.
🖥️ Web Developer
- 항상 새로운 도전을 즐기는 개발자
- 재사용성, 가독성, 유지보수성이 높은 코드를 지향합니다
- 무엇이든 배우고 적용할 수 있다는 성장 마인드 셋을 가지고 배움에 임합니다
- 자기 소개 보기저는 제게 도전을 즐길 수 있게 해 준 요소로 '끈기', '성장 마인드셋', '동료와의 관계’를 꼽고싶습니다.
- 먼저 6개월간의 캠프 과정 동안 출석률 100%를 기록하며, 매일 10시까지 공부하는 끈기와 성실함으로 도전의 성공률을 올릴 수 있었습니다.
- 두번째 요소는 '성장 마인드셋' 입니다. 새 기술도 도큐먼트를 통해 배울 수 있다는 마인드로 Node Express, Vite등을 학습하고 사용했습니다.
- 마지막으로, '동료와의 관계'는 개인이 낼 수 있는 능력 이상의 시너지를 발휘하게 해줍니다. 팀장으로서 팀원들이 개발에만 집중할 수 있도록 Cloud 인프라에 관한 부분을 전담했으며, 항상 새로운 개념을 제일 먼저 학습해 전달했습니다.이러한 경험을 바탕으로 이제는 이윤과 가치를 창출하는 도전을 이어나가고자 합니다.
- 나이가 많다는 점은 늦은 출발 만큼의 간절함과 절박함으로, 다른 분야 출신의 비전공자 라는 점은 변화와 배움을 즐긴다는 기질로 받아들여 주신다면 정말 감사하겠습니다.
- 이렇듯 '끈기', '성장 마인드셋', '동료와의 관계'를 통해 도전의 불확실성에서 오는 불안감을 흥분감, 고양감으로 전환시켜 도전을 즐길 수 있었습니다.
- 안녕하세요, 도전을 즐기는 신입 개발자 신희성입니다.
🏆 Certified
- NAVER Cloud Platform : Expert
🎓 Educate
- 성균관 대학교 사회학과 중퇴
- 한국 디지털 미디어 고등학교 졸업
💪 Skills
🚀 Projects
*세상의 모든 모임. 가치, 가자! GAGA (5人 팀 프로젝트)*
✔️ GitHub
https://github.com/SHINISEONG/gaga_union
✔️ 자세히 보기(문제 해결 부분, 구현 화면, 프로젝트 산출물 등 상세 기술)
✔️ 요약 및 의의
- 오프라인 모임을 편하게 가질 수 있도록 도와주는 온라인 플랫폼 입니다.
- Socket.IO를 사용하여 채팅을 구현하였습니다.
- 알림 시스템 구현을 위한 AOP, CORS 문제를 해결하기 위한 Config Bean 활용 등 Spring Boot를 더 잘 이해할 수 있는 계기가 되었습니다.
- 현업에서 자주 사용되는 ORM을 사용해 보기 위해 채팅 관련 모델 정의시 Sequelize를 사용했습니다.
- 분석/설계 부터 개발 환경 구성, 구현, 배포를 위한 클라우드 인프라 구성, CI/CD 구성 등 개발의 프로세스를 처음부터 끝까지, 전부 경험해 볼 수 있었던 중요한 프로젝트 였습니다.
- 팀장으로써 일정을 관리하고, 팀원들과 소통하는 등 협업에 대해 배울 수 있었습니다.
- Vite, React, Node.js, Express 등 정규 과정에 포함되지 않은 기술들을 스스로 학습하며 적용해 볼 수 있는 기회였습니다.
✔️ 주요 기능(기울임 : 담당 기능)
· 모임 CRUD
· 모임 리뷰 CRUD
· 장소, 목적 별 모임 필터 검색 기능
· 위치 기반 주변 모임 검색 기능
· 채팅 기능
· 시스템 알림 기능
· 프로필 꾸미기 및 소통 기능
· 목적 별 모임 생성, 참여 횟수에 따른 타이틀 부여(업적 시스템)
· 온라인 모임 공간 클럽 CRUD
· 챗봇 기능
✔️ URL
✔️ Frontend
· React · Zustand · SWR · MUI · Socket.IO
✔️ Backend
· Spring Boot · Express
· My Batis · Sequelize · Socket.IO
· NAVER Cloud Platform
✔️ Data Base
· My SQL
✔️ Tools
· Vite ·Maven · Jenkins · Docker
*MVC Shop (개인 프로젝트)*
✔️ GitHub
https://github.com/SHINISEONG/11.Model2MVCShop-stu-
✔️ 자세히 보기(문제 해결 부분, 구현 화면, 프로젝트 산출물 등 상세 기술)
✔️ 요약 및 의의
- 온라인 쇼핑몰
- Spring Framework, JSP, JQuery등의 정부 표준 프레임 워크를 적극 활용한 전통적인 MVC 패턴의 Spring Web app
- 서블릿 기반의 예전 기술부터 Spring Framework 사용까지 리팩토링 진행
✔️ 주요 기능
· 회원 가입
· 물품 구매
· 상품 등록
· 관리자 로그인 시 관리자 기능 구현
· 배송 상태 추적 및 변경
· 다중 구매 및 재고 구현
· 장바구니
· 무한 스크롤, 검색어 자동 완성, 검색 결과 정렬
✔️ Frontend
· JQuery
· Bootstrap
· JSP
✔️ Backend
· Spring Framework
✔️ Data Base
· Orace XE
*Sleact (개인 프로젝트, Slack 클론 코딩)*
✔️ GitHub
https://github.com/SHINISEONG/sleact
✔️ 자세히 보기(문제 해결 부분, 구현 화면, 프로젝트 산출물 등 상세 기술)
✔️ 요약 및 의의
- Slack의 다양한 기능 중 채팅 위주 클론 코딩
- Vite 사용 방법을 익히기 위해 강좌랑 다르게, 별도로 Vite를 공부하여 React 개발 환경 구성
- Backend 구성이 포함되지 않은 Frontend강의였기 때문에 Frontend 코드만 작성, Backend는 강의에서 제공된 코드 사용
- 하지만, Backend를 별도 분석하여 차후 Main Project 구현 시 Express서버, Sequelize 모델 정의, Socket.IO 설정 등을 적용
✔️ 주요 기능
· 채팅
· 리버스 무한 스크롤
✔️ Frontend
· React · SWR · Socket.IO · Type Script
✔️ Tools
· Vite
*React Shop (개인 프로젝트)*
✔️ GitHub
https://github.com/SHINISEONG/14.ReactShop-ApiSvr- (Spring Boot API Server)
https://github.com/SHINISEONG/mvc-chat (React, Express API Server)
✔️ 자세히 보기(문제 해결 부분, 구현 화면, 프로젝트 산출물 등 상세 기술)
✔️ 요약 및 의의
- 클론 코딩에서 배운 리액트 환경 구성 및 채팅 구현 응용을 위한 프로젝트
- 채팅과 상품 리스트 조회, 상세 조회 등 일부 페이지만 구현
- 클론 코딩 제공 Express 서버 분석을 통해 Express 서버 직접 구성
- Mongo DB 사용 방법을 학습하기 위해 채팅 메시지 Mongo DB로 구현
✔️ 주요 기능
· 채팅
· 상품 리스트 조회
· 상품 상세 조회
✔️ Frontend
· React · SWR · MUI · Socket.IO
✔️ Backend
· Spring Boot · Express
· My Batis · Sequelize · Socket.IO
✔️ Data Base
· My SQL · Mongo DB
✔️ Tools
· Vite