이 블로그에 관하여

👨‍🎓정윤환 (Yoonhwan Jung)

User First, Mobile Friendly를 지향하는 프론트앤드 개발자가 되기를 희망합니다. 20년 1월부터 삼성청년소프트웨어 아카데미 3기 교육생으로 개발을 시작했습니다. 비전공자로서 개발을 처음부터 배우는 것이 쉽지만은 않았지만 ‘안 되면 될 때 까지!!’ 라는 해병대에서 배운 교훈을 바탕으로 모르면 알 때 까지 몰입하며 성장하고 있습니다.

🔎깃허브 / 블로그


unani92 - Overview

Unani의 테크 블로그

📋약력


  • 2020. 1.6 ~ : 삼성청년소프트웨어 아카데미 3기 교육생

    • 2020. 8. 24 ~ : 빅데이터 기반 주택가격 예측 / 추천 서비스 개발 프로젝트 팀장
    • 2020. 7. 13 ~ 8. 21 : 개발자 꿈나무를 위한 TIL 공유 커뮤니티 개발 프로젝트 팀장
    • 2020. 1. 6 ~ 6.24 : 삼성청년소프트웨어 아카데미 1학기 수료
  • 2019. 7. 8 ~ 9. 6: 빅데이터 청년인재 교육생

    1. 3 ~ 2017. 2: 건국대학교 기술경영학과 졸업

🏆수상


      1. 4: SSAFY 3기 공통프로젝트 서울 4반 2위
    • TWL: Today We Learned
      1. 13: SSAFY 3기 공통프로젝트 1주차 Best Member
      1. 27: 빅데이터캠퍼스 청년인재 경희대학교 최우수상
    • 항공 / 카드사 데이터 분석을 통한 외국인 환승투어 최적화 방안

⌨️ 기술 스택


image

🖥️ 프로젝트


제가 공부하면서 만든 개인 및 팀 프로젝트 결과물입니다.

1. TWL: Today We Learned (2020. 7. 13 ~ 8. 21)

개발자 꿈나무들을 위해 자신의 TIL을 작성 및 공유할 수 있는 마크다운 에디터/뷰어를 제공하고 개인 관심사에 맞는 다른 TIL을 추천받을 수 있는 SNS형 블로그

  • 팀원: 정윤환(팀장) 외 4명
  • 본인 역할
    • 팀장: 아이디어 제시, DB 설계, UI / UX 설계, 깃 플로우 마스터 브랜치 관리
    • FrontEnd: MD 에디터, 파이어베이스 스토리지 연동, SNS 기능 구현 등
    • Deployment: Nginx 활용을 통한 SPA 배포, Docker를 통한 jar 빌드 및 배포
  • 특이사항
    • Vuetify, Bootstrap 등의 UI 프레임워크를 사용하지 않고 외부 라이브러리 사용 최소화
    • Scroll Event, Modal, Dropdown Toggle, 자동완성 등 바닐라 자바스크립트로 구현
    • PC 버전이 기본이지만 모바일에서도 사용 가능한 UI / UX 구성
  • 깃허브 저장소

unani92/twlssafy

  • 서비스 소개 및 시연영상

https://youtu.be/UPjHPjSNI34

2. MOVIELE (2020. 6. 11 ~ 19)

TMDB API를 바탕으로 평점 높은 영화들을 추천해주고 영화 평점작성 및 게시글 작성이 가능한 게시판형 영화 커뮤니티 서비스

  • 팀원: 정윤환(팀장) 외 1명

  • 본인 역할

    • BackEnd: DB 모델링, REST API 설계 및 구축
    • FrontEnd: 좋아요 기능 및 댓글 CRD 기능 구현
  • 특이사항

    • Mobile 버전을 우선으로, PC 에서도 사용 가능하게 미디어쿼리 구성
  • 배포 결과물

    🏠 MOVIELE

    welcome to MOVIELE

    ⬛ REST API server

    Music API

    발표자료

    Final_Project_PPT.pdf

  • 깃허브 저장소

    unani92/ssafy_1st_finalProject

3. 관광데이터를 활용한 환승투어 최적화 방안(2019. 8. 12 ~ 8. 27)

한국 관광공사 데이터, 항공기 입출국 데이터, 신한카드 매출승인 데이터를 활용해 환승투어의 최적 시간대와 프로그램을 도출한 빅데이터 분석 프로젝트입니다.

4. MovieReact(2020. 6. 25 ~ 6. 30)

TMDB 영화 API를 바탕으로 영화/TV쇼 리스팅 및 간단한 예고편 시청 기능을 제공하는 웹 서비스입니다. 리액트를 스스로 학습하면서 만들어 본 간단한 토이프로젝트입니다.

  • 팀원: 개인 프로젝트

  • 사용 기술

    • Function Based 코딩: React JS, React Hooks(useState, useEffect)
    • 데이터 중앙저장: Redux, Redux Toolkit
    • css 스타일링: Styled Component
    • 외부 API: TMDB API, Youtube API
  • 배포 결과물

    MovieReact