—— Front-end Engineer

안녕하세요!

함께 성장하는 개발자 노희정 입니다.

새로운 지식은 늘 함께 의견을 나눕니다. 팀원이 어떤 문제에 대해 고민한다면 함께 해결책을 고민합니다.

부트캠프 수료 이후 함께했던 수강생 분들의 투표로 "의지가 되는 동료", "트러블슈팅으로 팀을 성장시킨 동료"로 선정되었습니다.

Contacts

📞  010-2074-9827

📧 [email protected]

💻  https://github.com/imhjnoh

✍️ https://velog.io/@imhjnoh

—— Tech Stacks

⭐️ : 최소 5개 이상의 프로젝트를 경험한 스택입니다. 이외의 스택은 최소 2개 이상의 프로젝트를 경험한 바 있습니다.

Languages

• Javascript ES6 ⭐️
• Typescript
• Python
• JAVA

Front-end

• React.js ⭐️, Next.js
• Styled-Components ⭐️, Emotion
• Redux toolkit, Recoil
• React-Query

DevOps

• AWS EC2, S3 Bucket, Cloudfront
• Firebase Hosting
• Github Actions
• Docker, GHCR

Productivity

• Slack ⭐️, Notion ⭐️
• ESLint, Prettier
• Visual Studio Code ⭐️
• Figma, AdobeXD
• Git ⭐️, Github ⭐️, Github Desktop ⭐️

—— Projects

ExtremeTodo

🗓 2023.01 - 진행중 🐙  Frontend Github 👥 2

-프로젝트 소개

제한 시간 내에 할 일을 완수해야하는 강력한 To-do 웹 어플리케이션입니다. 부트캠프를 마치고 함께했던 팀원과 Typescript 스터디를 진행하면서 작업하고 있습니다.

-사용 스택

TYPESCRIPT, ReactJS, Emotion, NestJS, React Testing Library, Jest, Docker

-담당 역할 및 성과

• 담당 역할 : 기획, 디자인, 프론트, 백 개발 (2인 개발)
• Zenhub 칸반보드, Github Issues를 이용한 애자일 스프린트 협업
• Figma를 이용해 UX를 고려하며 UI 디자인
• Docker와 Github Action으로 AWS EC2 서버에 백엔드 서버 CI/CD 시스템 구축
• TDD 시험 적용 이후 BDD 개념의 필요성을 느끼고 Jest, RTL로 BDD 테스트 자동화 작업 중

매쓰프렌즈

🗓 2022.09 - 11 👥 2 🐙 사용 API가 대외비인 관계로 코드 공개가 어렵습니다.

-프로젝트 소개

어린이들이 즐겁게 수학문제를 풀 수 있는 웹 게임입니다. 웅진씽크빅 게임 개발 챌린지 참여작입니다.

-사용 스택

JAVASCRIPT, React.js, Styled-components, Axios, NestJS, PhaserJS

-담당 역할 및 성과

• 담당 역할 : 기획, 디자인, 프론트, 백, 안드로이드 개발 (2인 개발)
• 커스텀 이벤트와 커스텀 훅을 이용해 게임 내 재화 관리
• NestJS로 간단한 백엔드 서버 구축
• 안드로이드 앱에 WebView로 띄운 게임과 브릿지를 사용하여 통신

술모꼬

🗓 2022.08 - 09 📹  시연 영상 🔗  배포 링크 🐙  Frontend Github 👥  FE 2, BE 2, Designer 1

-프로젝트 소개

건전한 언택트 음주 커뮤니티 서비스 입니다. 7일간의 오픈 기간 동안 2,202회의 페이지 뷰를 달성했습니다.

-사용 스택

JAVASCRIPT, ReactJS, SockJS, StompJS, WebRTC, Openvidu-browser, Intersection Observer, Firebase Hosting, Recoil, Styled-components, Axios, React-query, moment, React-dropzone, ToastUI, react-hook-form

-담당 역할 및 성과

• 담당 역할 : 기획, 프론트 개발
• MVP와 와이어프레임을 작성하며 기획에 참여
• React-Query, Intersection Observer를 이용한 무한스크롤 구현
• Lighthouse LCP 13,324ms → 1,155ms로 랜딩페이지 응답 속도 개선
• WebRTC 기반의 화상통화 라이브러리 Openvidu 를 사용하여 화상채팅 구현
• AWS S3 + CloudFront로 CI/CD 시스템 구축
• WebRTC API의 iOS Safari 및 모바일 Chrome 크로스 브라우징 이슈 대응
• Git-flow 전략 도입으로 conflict 최소화
• Figma, Gather를 통해 디자이너 팀원과 협업

—— Experiences

주식회사 아이들

👤  개발팀 인턴 (현장실습)

🗓  2021.09 - 2021.11

• Next.js 공식 문서를 직접 번역하며 공부해 만 하루만에 실제 프로젝트에 투입