남윤호

프론트 개발

안녕하세요! 👋 저는 남윤호 입니다. 항상 사용자 경험과 효율적인 코드 작성을 최우선으로 생각하며, 끊임없이 배우고 성장하는 것을 즐깁니다. Frontend와 Backend 모두를 경험하며, 풀스택 개발 역량을 키워왔습니다. 특히, React와 Node.js를 사용한 웹 애플리케이션 개발에 강점이 있으며, 사용자 친화적인 UI를 설계하고 효율적인 서버 구조를 구현하는 데 열정을 가지고 있습니다. HP : 010 - 3702 - 8196 Email : whatcpu@naver.com

Profile

기술 스택

교육기관에서 주력으로 배운 기술이고 최근까지 해당 기술 스택들을 이용하여 프로젝트를 진행하였습니다.

HTML & CSS

디자인 시안을 기반으로 웹 페이지를 퍼블리싱할 수 있습니다. Flexbox와 Grid를 활용해 레이아웃을 설계합니다. 미디어 쿼리를 통한 반응형 구현을 할수 있습니다.

JavaScript & TypeScript

ES6+ 문법을 기반으로 학습하였습니다. RESTful API를 통한 api 통신기 가능하며, React와 같은 프론트 라이브러리 활용이 가능합니다.

React

컴포넌트 구조와 JSX문법을 이해하고 활용할수 있습니다. 훅을 사용한 상태관리와 라이프사이클 처리를 할수 있으며 상태관리툴을 사용하여 전역 상태관리를 합니다. MUI로 기본 컴포넌트 활용과 커스텀 컴포넌트 활용이 가능합니다.

Redux & Zustand

Redux Toolkit으로 대규모 애플리케이션의 상태를 구조화하고, 비동기 API 작업을 처리할 수 있습니다. Zustand를 활용해 경량 상태 관리와 빠른 데이터 업데이트를 구현할 수 있습니다.

Node.js

라우팅과 미들웨어를 사용해 구조화, 비동기 처리Sequelize, Mongoose 등의 ORM을 사용해 데이터베이스 모델링 및 연동 가능합니다. Multer를 사용해 파일 처리 로직 구현이 가능하며, Socket.IO를 통한 실시간 통신 구현이 가능합니다.

MySQL & MongoDB

테이블 생성, 관계 설정, 모델링이 가능합니다. SQL을 활용해 데이터 조작 가능합니다.JOIN과 서브쿼리를 사용해 데이터 관계를 처리할 수 있습니다. Node.js와 연동해 실시간 데이터 저장 및 조회를 처리할 수 있으며, Sequelize 등의 ORM을 활용해 객체 모델링을 적용할 수 있습니다.

AWS

AWS EC2를 활용해 Ubuntu 또는 Amazon Linux 환경에서 서버를 구성하고, Node.js 애플리케이션과 데이터베이스를 설치 및 운영할 수 있습니다. PM2로 애플리케이션을 실행하며, Nginx를 설정해 리버스 프록시, WebSocket, 정적 파일 서비스 및 HTTPS를 적용합니다. AWS 보안 그룹으로 포트 접근을 제어하고, CI/CD 도구를 활용해 배포 자동화를 구현할 수 있습니다.

Figma

Figma로 화면정의서를 제작하고, 간단한 UI/UX 디자인 및 프로토타입을 설계할 수 있습니다. 팀과의 협업을 위해 Figma의 실시간 작업 및 코멘트 기능을 적극 활용한 경험이 있습니다. Webflow를 사용해 코딩 없이도 직관적인 UI로 홈페이지 제작이 가능합니다 기본적인 애니메이션과 인터랙션 효과를 추가해 동적인 웹사이트를 구현할 수 있습니다.

프로젝트

Project Image
Celebright

kosta 수강기관에서 진행한 팀단위 파이널 프로젝트 입니다. Celebright는 구독형 소셜 네트워크 플랫폼입니다. 일반 유저는 인플루언서 신청을 통해 활동을 시작하고, 인플루언서는 구독형 상품을 만들어 팬들에게 독점적으로 제공할 수 있습니다. 주요 기능으로는 좋아요 및 댓글, 실시간 채팅, 알림, 최대 3단계 멤버십 관리가 있습니다.

Logo
펫터
웹 개발
2022.11. ~ 2024.06.

1. 홈페이지 및 상품 가이드 페이지 제작 및 관리 - 기업 홈페이지 및 상품 가이드 페이지 제작, 콘텐츠 관리, 유지 보수 진행 - 사용자 경험 개션을 위한 페이지 구조 설계 및 업데이트 주도 2. 안드로이드 애플리케이션 개발 기획 및 관리 - 애플리케이션 기획 및 기능 정의를 통해 프로젝트 진행 방향 설정 - 외주 업체와 협업하여 개발 프로세스 관리 및 품질 검수 - 화면 디자인 적용 3. 스마트 스토어 판매 등록 및 관리 - 상품 상세 페이지 기획 및 제작, 구매 전환율 향상을 위한 콘텐츠 제작

Logo
김포대학교
경찰행정학과
2014.03. ~ 2017.03.

Powered by