🌱 Contact

E-mail | [email protected]

Phone | 010-8562-0086

Github | https://github.com/sukyeongh

Blog | https://velog.io/@hsk10271

👩🏻‍💻 Front-End Developer

• 지식 공유와 배운 내용을 기록하는 것을 좋아합니다.
• 가독성 있는 코드를 중요하게 생각하여 클린코드 스터디를 진행하였고 항상 더 나은 코드를 작성하기 위해 고민합니다.
• 프로젝트 진행 시 협업하는 문화에 대해 많은 고민을 하고 팀 문서화와 커뮤니케이션을 더 잘하기 위해 노력합니다.

🏢 Work Experience

아이디얼

2020.10 ~ 2021.04

4인 규모의 스타트업이며 유일한 프론트엔드 개발자

• 크리액션 사이트 고도화 작업
• 자사 서비스인 케이엑셀러레이터 기획, 구현, 배포 진행
  • 예비/초기창업자들을 위한 창업 지원 서비스

📂 Projects

비드마켓

2022.07 - 리팩토링 진행중

• Github Link
• Notion Link
• Site Link
• 회고

온라인 비딩 시스템을 이용한 중고 물품 거래 서비스

• Typescript, React.js, Next.js, ~~React-query,~~ chakra-ui, JIRA
• 상품 상세 페이지의 입찰/낙찰 기능, 찜하기 기능 구현
• 유저, 상품 신고하기 페이지, 404/500 에러 페이지 구현
• axios 인스턴스를 활용한 api 모듈화

1. 입찰 폼 구현

• useForm훅을 사용하여 input에 대한 상태 관리와 입찰 금액에 validation을 적용
• 금액이 변할 때마다 1,000 단위로 금액 포맷팅

2. 낙찰 로직 구현

• 낙찰 종료 시간에 맞춰 낙찰자를 선정하기 위해 실시간 타이머 기능 구현
• 로그인 유무, 판매자, 구매자, 만료 유무, 낙찰 유무에 따른 사용자 화면 분기처리

3. SEO 향상을 위한 노력

• next/link 사용 시 <a> 태그에 href가 적용할 수 있도록 구현
• SEO 컴포넌트를 생성하여 title, description, open graph 메타 태그를 적용
• 상세 페이지 데이터를 next.js의 getServerSideProps를 사용하여 구현
• ~~getServerSideProps로 받아온 상품 제목, 이미지, 내용을 open graph 메타 태그에 적용하여 상품 링크를 전달 했을 때 미리보기로 사용자가 바로 확인할 수 있도록 적용~~

러북

2022.05.29 - 2022.06.22

• Github Link
• Notion Link
• Site Link
• 회고

📝 Studies

🧑🏻‍🏫 Education

프로그래머스 K-Digital Training 프론트엔드 엔지니어링 데브코스 2기 수료

2022.03 - 2022.08

• 바닐라 자바스크립트, 리액트, 뷰 css등 웹 프론트엔드 개발에 대한 전반적인 지식을 공부
• 중간, 최종 두 번의 팀 프로젝트를 통해 실무 협업을 간접적으로 경험