미리보기

* Teleport 공식 문서 한글판 작업 (2024.09 ~ 현재)

사용 스킬(Next.js, Typescript)
링크: https://teleport-docs.infograb.net/

- 웹사이트의 헤더, 푸터 및 레이아웃을 인포그랩 공식 홈페이지 버전과 동일하게 적용.
- SEO 및 robot 검색 허용 작업, sitemap 작업으로 한국어 검색어 검색시 상위권에 링크되도록 함
- 검색 기능을 추가하여 내부 문서 활용도를 높임

* 강의 플랫폼 (2024.04 ~ 현재)

사용 스킬(Next.js, Typescript, Tailwindcss)
링크: https://labs.infograb.io/

- 외부 강의 플랫폼을 레퍼런스 삼아 항목 정리 후 발표 및 공유
- 메인 페이지 퍼블리싱 및 검색 기능 추가, 수료증 파트 작업
- 어드민 페이지 퍼블리싱 및 수료증 pdf 다운로드 작업
- 단위 테스트 적용

* GitLab 공식 문서 한글판 작업, Mattermost 공식 문서 한글판 작업 (2024.01 ~ 2024.03)

사용 스킬(HTML, CSS, Javascript)
링크: https://gitlab-docs.infograb.net/
링크: https://mattermost-docs.infograb.net/

- 빠른 시간 내에 배포까지 완료하여 GitLab 및 Mattermost를 사용하는 한국인 유저에서 회사 브랜드를 인지하도록 함
- 회사의 브랜드 아이덴티티 적용을 전담함. 웹사이트의 헤더, 푸터를 인포그랩 공식 홈페이지 버전과 동일하게 적용, 상세 페이지 내비게이션 바의 한글 번역을 지원.
- SEO 및 robot 검색 허용 작업으로 gitlab + 한국어 검색어 검색시 상위권에 링크되도록 함

- 검색 기능을 추가하여 내부 문서 활용도를 높임 (GitLab Docs - Lunr.js 사용)

* 회사 메인 사이트 작업 (2023.05 ~ 현재)

사용 스킬(React, Javascript)
링크: https://insight.infograb.net/

- 지속적인 페이지 업데이트 (랜딩페이지 퍼블리싱, 네비게이션, 필터링 기능 추가)
- 모바일 반응형 작업
- 콘텐츠 보호 기능 추가 (콘텐츠 복사 방지 및 저작권 보호 기능 추가)
- 이미지 파일 AWS S3로 이동시켜 빌드 속도 개선
- Algolia 검색 엔진 활용하여 콘텐츠 검색 기능 추가
- 초기 로딩, 렌더링 속도 단축 작업을 통해 웹 성능 최적화 작업 (Lighthouse 성능 점수 61점 -> 98점 향상)

사용 스킬(Next.js, TailwindCSS, Notion API, Vercel)

- tailwind CSS를 사용한 반응형 구현
- next-themes 활용한 다크모드 구현

프로젝트 회고 링크: https://shinystarforever.tistory.com/272
Github 링크: https://github.com/HelloHailie/portfolio

사용 스킬(React, Zustand, Styled-components, React Router, Vite, Amazon S3)

- 팀 구성 : FE 2명, BE 2명
- 상세 역할 : 프론트엔드 개발 및 팀장
- 회원가입/로그인, 마이페이지, 견주 인증 페이지 담당
- Zunstand-Persist를 활용한 로그인 상태 및 JWT 관리
- 상태관리를 이용한 반려견 정보 관리, CRUD 구현, 반응형 작업
- Axios 모듈화를 통한 코드의 간결화
- Figma를 이용한 프로토타입 제작 및 AWS S3 배포
- 사용자 요구사항 정의서, 화면 정의서 작성 및 데일리 회의 주관 및 회의록 관리

프로젝트 회고 링크: https://shinystarforever.tistory.com/267
Github 링크: https://github.com/codestates-seb/seb39_main_019

사용 스킬(React, Node.js)

- 다이어리 CRUD 기능 구현 및 Node.js로 백앤드 서버 통신
- Geolocation 기능 사용하여 사용자 현재 위치의 날씨 표시

Github 링크: https://github.com/HelloHailie/toy-project-diet-diary