남동욱

저는 서비스의 사용자가 겪는 다양한 문제를 이해하고, 이를 해결할 수 있는 방안을 찾는 데집중합니다. 사용자 경험을 개선하고, 서비스가 직관적이고 효율적일 수 있도록 고민하며, 항상 더 나은 결과물을 제공하기 위해 노력하고 있습니다.

성실함

책임감

유연함

꼼꼼함

참을성

GTQ 1급

성장과 실천으로 만든 개발자 남동욱입니다.pdf

최신 영화 목록을 조회하고, 각 영화의 상세 정보를 확인할 수 있는 최신 영화 사이트입니다. 영화 제목, 개봉일, 장르, 예고편, 평점 등을 실시간으로 확인할 수 있으며, 영화 검색과 페이지네이션 기능을 통해 더욱 쉽게 영화를 탐색할 수 있습니다. 서버에서 실시간 영화 목록 가져오기: React Query를 사용하여 서버에서 현재 상영 중인 영화 목록을 동적으로 가져와 사용자에게 최신 영화 제공. 성능 최적화: Axios를 활용하여 서버와의 HTTP 요청을 처리하고, React Query의 캐싱 기능을 사용하여 성능을 최적화. Tech Stack: React, React-Query, React-Router, Axios, React-Bootstrap.

Popcorn-Movie 영화 사이트

개인 할 일 리스트를 작성하며, 현재 날씨 정보를 실시간으로 확인할 수 있는 날씨 기반 투두리스트입니다. 날씨 API를 활용하여 사용자의 위치에 맞는 실시간 날씨를 제공. 할 일 목록을 작성하고, 수정, 삭제, 완료 처리할 수 있습니다. 위치 기반 날씨 데이터: navigator.geolocation.getCurrentPosition 날씨 API 사용, 해당 위치의 실시간 날씨 데이터 제공. 로컬스토리지 사용: 할 일 목록은 로컬스토리지에 저장되어, 새로고침 후에도 데이터를 유지, 이를 통해 사용자는 다시 로그인하거나 새로고침을 하여도 할 일 목록이 유지. 달력 렌더링: JavaScript의 Date 객체를 사용하여 월별 달력을 동적 생성. Tech Stack: HTML, CSS, JavaScript.

Plansphere-todolist 날씨 기반 투두리스트

관리자가 로그인하여 상품 관리 및 추천 아이템 관리, 그리고 데이터 시각화 기능을 사용할 수 있는 캠핑스모어의 관리자 페이지입니다. 관리자는 사용자의 성별 및 나이대 분포를 시각적으로 확인할 수 있고, 추천 상품 목록을 효율적으로 관리할 수 있습니다. 로그인 페이지: 관리자가 시스템에 로그인하여 관리자 전용 페이지에 접근. 추천 상품 관리: 관리자는 상품 목록에서 추천 상품을 추가, 수정, 삭제 기능. chart 기능: 관리자 대시보드에서 성별 및 나이대별 사용자 분포를 차트로 시각화. Tech Stack: React, Styled-Component, Axios, Nivo Chart.

Camping Manager 관리자 페이지

사용자가 상품을 검색하고, 장바구니에 담아 결제할 수 있는 캠핑음식 상품을 제공하는 캠핑 사이트 입니다. 서비스에서는 상품 목록을 보고, 상세 정보를 확인하고, 상품을 장바구니에 추가하는 기능을 제공합니다. 카테고리 및 검색 기능: 사용자가 카테고리와 검색어를 입력하여 상품을 동적으로 필터링. 장바구니 및 찜하기 기능: 사용자가 상품을 장바구니에 추가하거나 찜할 수 있도록 구현했으며, 로그인 상태에 따라 모달을 띄워 인증되지 않은 사용자의 접근을 방지. 정렬 기능: 판매순, 최신순, 가격순 등의 정렬 옵션을 제공하여 사용자가 원하는 방식으로 상품을 정렬. Tech Stack: React, React-Router, Axios, Redux, FontAwesome.

Camping Smore 캠핑 음식 서비스

사용자가 자신의 식물을 쉽게 관리할 수 있도록 도와주는 식물 관리 투두리스트입니다. 이 서비스는 식물 등록, 수정, 삭제, 목록 보기, 그리고 상세 페이지 기능을 제공. 식물 관리 시스템 구현: 식물 정보를 등록, 수정, 삭제하는 기능을 구현하여 사용자가 효율적으로 식물을 관리. 식물 목록 페이지: 서버에서 식물 목록 데이터를 가져와 화면에 렌더링하고, 각 식물 항목을 클릭하면 해당 식물의 상세 정보로 이동할 수 있도록 구현. 식물 상세 페이지: 사용자가 식물의 상세 정보를 확인하고 수정 및 삭제할 수 있는 페이지를 구현. Tech Stack: React, Styled-Component, Ant Design, React-Router.