• 
  REACTSTAGRAM

  FRONTEND - React.js

  BACKEND - Django & DRF & Postgresql

  UI / UX - Ant Design & Scss

  INFRA - Docker, Azure, Azure S3, Azure DB(Postgresql)

  주요기능

  - 회원가입, 로그인

  - JWT 토큰을 통한 유저 인증

  - 유저 팔로우 & 팔로워 관계

  - 포스팅 작성 & 포스팅 좋아요 토글

  - 팔로우 제안 & 팔로우 여부에 따른 포스팅 리스트

  - 유저 개인 피드 공간 & Modal을 통한 각 포스팅 상세보기

  설명

  개인적으로 진행한 사이드 프로젝트입니다.
  
  서버는 개인적으로 익숙한 Django를 활용하였고, DRF를 통해 인스타그램의 주요기능들의 API를 구현하였습니다.
  API 설계에 있어서 좀 막히거나 애매했던 부분들에 대해서는, 공식문서를 적극 활용하였고, 그 외에도 구글링을 통해 비슷한 케이스를 찾아보았습니다.
  
  프론트엔드 부분은 React.js를 활용하였습니다.
  UI는 Ant Design과 scss로 구성 하였고, React.js 미숙했던터라 공식문서, 관련 강의, 구글링을 통해 찾아보며 화면을 구성하였습니다.
  함수형 컴포넌트와 Context API, 각종 Hook을 사용하여 state를 관리 하였습니다.
  배포는 Docker와 Azure(App Service, Postgresql DB, Storage)를 사용하였습니다.
  
  효율적인 API 구성을 위한 방법에 대한 고민과, React.js의 사용과 Docker, Azure를 통한 배포에 좀 더 학습에 초점을 뒀던 프로젝트였습니다.

• 
  PRISMAGRAM

  FRONTEND - React.js & Apollo

  BACKEND - Express & GraphQL & Prisma & MySQL

  UI / UX - Styled Components

  GITHUB - https://github.com/PilYeooong/prismagram

  주요기능

  - 회원가입, 로그인

  - 랜덤으로 생성 문자열을 통한 메일 인증 및 로그인

  - JWT 토큰을 통한 유저 인증

  - 유저 팔로우 & 팔로워 관계

  - 포스팅 작성 & 포스팅 좋아요 토글

  - 팔로우 여부에 따른 포스팅 리스트

  - 유저 & 포스팅 검색

  설명

  인스타그램의 기능을 가진 사이드 프로젝트입니다.
  
  Express와 GraphQL, Prisma ORM 활용하여 서버 및 API를 구성하였습니다.
  
  프론트엔드 부분은 React.js & React Native를 활용 하였습니다.
  각종 Hooks와 Apollo를 사용하여 데이터 및 state를 관리하였습니다.
  레이아웃 및 UI는 Styled Component를 이용하여 구성하였습니다.
  
  

GITHUB

EMAIL

pilyeooong@gmail.com