🔗 회고블로그
🔗 개인깃허브
💌 [email protected]
<aside>
🌱 -
</aside>
⚙️ Project**.**
오싹 OSSACK 👻
Team Project
📆 22.04.22 ~ 22.06.03 (6주)
기획(1주), 개발(4주), 유저 피드백 받아 개선(1주)
👀 오피스와 공유오피스 매물을 지도에서 모아볼 수 있는 정보 제공 사이트
**🔗깃허브링크 🔗노션링크 🔗서비스링크**
🔧 사용기술 : React, Redux, CloudFront, AWS S3, Route 53, Github Actions, Axios
개발 경험
- 전반적인 뷰작업 (메인페이지 / 검색리스트 페이지 / 지도 페이지 / 시작 페이지 / 마이페이지 )
- 카카오 지도 api를 이용하여 실시간으로 유저와 인터렉션을 할 수 있는 환경 구축 (트러블슈팅링크) 및 가격별 필터 기능
- 한번에 서버에 데이터를 요청할 시 브라우저의 성능이 저하되는 이유로 리플로우 비용이 들지 않는 IntersectionObserver API를 사용하여 무한스크롤 구현
- 회원가입 시간을 단축하기 위해 카카오 auth를 이용한 소셜 로그인 구현
- 좋아요 기능 및 프로필 수정 구현
- 고객 피드백을 반영한 UI / UX개선
- 이미지가 10개 이상 넘어가면, 도트 부분이 시각적으로 방해가 된다는 피드백을 받아 react-magic-slider-dots라는 라이브러리의 css를 커스텀하여 원이 4개가 넘으면, 슬라이드하여 보여주도록 개선 **(해당내용블로그링크1 / 해당내용블로그링크2)**
- 수정할 사항이 있을 때 효율적인 작업환경 구축을 위해 서비스 중단 없이 Github Actions을 통한 CI/CD를 구축하여 AWS S3에 무중단 배포
- AWS S3, Route53, CloudFront를 이용한 https 배포
- 리덕스를 통한 전역 상태 관리
- 팀 부리더로 디자이너와 전반적인 소통을 통한 피그마를 이용한 와이어프레임 제작
Facebook클론코딩
Team Project
📆 22.04.15 ~ 22.04.21, 1주
🔗깃허브링크
🔧 사용기술 : React, Redux, Route 53, Axios, AWS S3
경험
- 기본적인 CRUD 및 좋아요 기능 / 유저 검색기능 구현
- IntersectionObserver API를 사용한 무한스크롤 구현
- 전반적인 뷰작업 (메인페이지 / 검색 페이지 / 글 작성 모달 )
- 리덕스를 통한 전역 상태 관리
NEW K 🇰🇷
Personal Project
📆 2021-07-01 ~ 2021-09-30 (3개월)
기획 1개월, 디자인 1개월 ,퍼블리싱 1개월
👀 기획 의도 : 코로나로 인해 해외여행을 가지 못하는 상황이었습니다. 국내에서 해외 여행의 그리움을 채우고 국내 여행의 새로움을 주고자 기획하였습니다.
🔗사이트 링크
🔧 사용 기술 : Javascript es6 , Css3 , HTML5, Figma
- 스토리보드 작성, 와이어 프레임 기획
- Figma 툴을 활용한 반응형 및 모바일 UIUX 디자인
- 한국형 웹 접근성 지침(KWCAG)을 준수한 HTML5 웹표준 마크업
- CSS 3.0 Flex 및 Grid 레이아웃 기반의 반응형 웹사이트 개발(하드코딩)
- JavaScript ES6 버전을 활용한 인터렉션 UI 개발(하드코딩)
- Gsap 라이브러리를 활용한 인터렉션 UI개발
- 인터렉션 2Depth 네비게이션 및 메인 비쥬얼 슬라이드 개발(하드코딩)
📒 Education.
스파르타 코딩클럽 항해 99 6기
반응형 웹디자인(UIUX) 웹퍼블리셔 양성과정
한성대학교
🔧 Tech Stack**.**
👀 Career.
2022.07.04 - 현재 (1년 4개월)
트립소다 프론트엔드