채용공고 올리기

남윤하님을 응원해보세요!

지금 만족하고 있어요

미리보기

직업
프론트엔드 개발
이름
남윤하
이메일
yunn75151@gmail.com
간단소개
더 나은 웹페이지를 만들기 위해서 고민하고 공부하는 것을 즐깁니다. 코드를 알아 보기 쉽고 간결하게 짜려고 노력합니다. 무엇보다 프로그래밍 공부 하기를 즐겨하며 계속해서 더 나아가려고 합니다.

기술 스택

기술 스택
JavaScript
TypeScript
Next.js
React
react-query
Jest
react-testing-library
Cypress

프로젝트

프로젝트명
Dallaem
소속/기관명
코드잇
프로젝트 기간
2024.09. - 2024.10.
(2개월)
프로젝트 설명

유저가 바쁜 일상 속 휴식을 위한 다양한 모임을 탐색하고 참여하며, 직접 모임을 개설하고 리뷰를 생성할 수 있는 서비스

  1. 사용 기술 스택:

    • programming language: JavaScript, TypeScript

    • framework: React, Next.js

    • state Management: React Query, Zustand

    • library: React Hook Form

    • test library: Jest, React Testing Library

    • CSS library: Framer motion, Tailwind CSS

  2. 구현기능: 리뷰 목록, 모임 만들기

    1. SSR과 CSR을 이용한 리뷰 목록 만들기

    2. Loading Skeleton을 이용한 UX 상향

    3. React Hook Form의Controller 컴포넌트를 이용한 데이터 처리

  3. 공용컴포넌트: Button, calendar, Tab, Lazy-Loading Component

  4. 추가되어야 할 것: throttle나 debounce를 통한 연속된 이벤트 처리

URL: https://dalleam-black.vercel.app/

프로젝트명
Masil
소속/기관명
항해99
프로젝트 기간
2024.06. - 2024.07.
(2개월)
프로젝트 설명

가고자 하는 카페를 찾고 싶을 때 사용할 플랫폼입니다.

  1. 사용 기술 스택:

    • programming language: JavaScript, Typescript

    • framework: React, Next.js

    • state Management: React Query, Zustand,

    • CSS library: Tailwind CSS, React Hook Form

  2. 구현 기능: 회원가입, 로그인/로그아웃, 리뷰작성, 유저정보 수정, 삭제

    1. react-hook-form을 사용한 구현

    2. 이미지 미리보기 구현

    3. debounce를 이용한 로그인 회원가입 검색 기능 구현

  3. 추가 되어야 하는 것: API연결 (중간에 백엔드 개발자의 이탈로 API연결 X)

URL: https://masil.vercel.app/

포트폴리오

타입
URL
깃허브
link
Dallaem공용 repository
노션
link
포트폴리오
깃허브
link
Github
URL 링크
link
Velog

교육

소속/기관
코드잇
종류 | 전공명/전공계열
사설 교육 | 코드잇 프론트엔드 단기 심화 과정
재학 기간 (재학 상태)
2024.10. - 2024.11. (수료)
소속/기관
항해99
종류 | 전공명/전공계열
사설 교육 | 항해99 React 개발자 과정
재학 기간 (재학 상태)
2024.02. - 2024.05. (수료)

경력

회사명
쿤텍 주식회사
직책 • 부서
인턴 • EV연구개발팀
근무 기간 (근무 형태)
2024.12. - 2025.01.
(2개월 | 인턴)
담당 업무

대시 보드 페이지 구현

  • gnb 및 ue 지도 구현 (gnb의 위치를 이미지 상에 나타냄, 해당 gnb에 대한 정보를 모달로 표시)

  • 이벤트로그 리스트 작업 (무한 스크롤 적용)

다국어 번역 기능 구현

  • i18next를 이용해서 프로젝트 언어 전환 작업 (영어, 한국어)

가입자페이지 고도화 작업

  • 가입자 crud 작업

  • 기존에 처리되지 않았던 작업들 수정

프로필 페이지 작업

  • 프로필 crud 작업

댓글