NSNam Sena / Web Engineer

01 / NAM SENA — PORTFOLIO

SEOUL / 2026

풀스택웹 개발자

React를 중심으로 실제 서비스를 설계·개발·운영합니다.

UI/UX 실무 경험을 바탕으로 사용자 웹과 관리자 시스템을 개발합니다. 데이터·API부터 배포 이후 운영까지 담당합니다.

프로젝트 보기
Nam Sena / 남세나

React · Meteor · MongoDB

Scroll to explore ↓

Perspective

사용하기 좋은 화면을, 동작하는 서비스로.

웹디자인과 UI/UX 실무 경험을 기반으로, 실제 서비스를 설계하고 구현하며 운영 과정에서 개선하는 영역까지 커리어를 확장했습니다.

DEVELOPMENT

React / Full-Stack

React·Meteor·MongoDB 기반 사용자 서비스와 관리자 시스템 개발.

SERVICE

Build / Operate

인증·권한관리, API 연동, 스토리지, 배포 및 운영 과정의 문제 개선.

BACKGROUND

UI/UX 실무 경험

정보 구조와 디자인 시스템 경험을 구현과 운영을 고려한 화면 설계에 활용합니다.

일본어 실무

JLPT N1. 일본 EC 콘텐츠 번역·교정·현지화 업무 경험이 있습니다.

Approach

화면 너머, 서비스 전체를 생각합니다.

  1. 이해하고 설계합니다

    • UI/UX
    • 사용자 흐름
    • 데이터 구조

    사용자의 목적과 관리자의 운영 방식을 정리하고 화면, 데이터 구조, 구현의 연결을 설계합니다.

  2. 구현하고 연결합니다

    • React
    • API
    • 데이터베이스
    • 외부 서비스 연동

    재사용 가능한 UI와 명확한 데이터 흐름을 구성하고 API 및 외부 서비스를 연결합니다.

  3. 운영하고 개선합니다

    • 배포
    • SEO
    • 성능
    • 유지보수

    배포 이후 실제 운영에서 발견한 오류와 데이터 로딩 문제를 검증하고 개선합니다.

Tech Stack

실제 프로젝트에서 쌓은 기술과 경험.

주력 개발 기술과 디자인·운영 역량을 사용 맥락으로 정리했습니다.

CORE

  • React
  • JavaScript
  • Meteor 3
  • MongoDB
  • Figma
  • REST API

01Web Development

React 사용자 웹·관리자 프론트엔드 / REST API 연동

  • React
  • JavaScript
  • HTML
  • CSS
  • Tailwind CSS
  • React Router v6
  • REST API
  • Axios

02Full-Stack / Data

Meteor 기반 서버 로직·데이터·인증·권한

  • Meteor 3
  • MongoDB
  • REST API

03UI / UX

UI/UX · 디자인 시스템 · 반응형 웹 퍼블리싱

  • Figma
  • HTML
  • CSS
  • UI/UX Design
  • Design System
  • Responsive Design

04Service / Operation

웹 서비스 배포·스토리지·운영 및 성능 문제 조사

  • Cloudflare
  • Cloudflare R2
  • Cloudtype
  • Git
  • SEO
  • Web Service Operation
  • Performance Investigation

일본어 / 현지화

JLPT N1

일본 EC 콘텐츠 운영 · 번역 · 교정 · 현지화

Career

경험을 개발과 운영으로 확장합니다.

웹디자인·EC 운영에서 UI/UX·디자인 시스템, 프론트엔드, 풀스택 개발과 배포·유지보수까지. 사용자에게 보이는 화면에서 실제로 동작하는 서비스 전체로 담당 영역을 넓혀왔습니다.

  1. 2026.01 — 현재

    프리랜서

    Full-Stack Development / UI/UX / Web Service Operation

    다국어 여행 플랫폼과 협회 웹 서비스의 설계·개발·운영을 담당하고 있습니다.

    • UI/UX·데이터·외부 연동을 포함해 사용자 웹과 관리자 시스템을 설계·구현.
    • 배포 이후 유지보수, 검색 대응과 운영 과정에서 발견한 문제 개선까지 지속 담당.
  2. 2025.06 — 2026.01

    한국디지털수출나라

    Frontend Developer

    IBK기업은행 Paygos에서 React User / Admin 프론트엔드를 개발했습니다.

    • REST API 연동, 인증·온보딩, 외부 OAuth 연결 UI.
    • Pagination·Modal·DatePicker 등 재사용 가능한 공통 UI 구현.
  3. 2023.12 — 2024.08

    쎈정보통신

    UI/UX / Digital Content Operation

    Banana System 3.0 고객·상담 관리 SaaS에서 데이터 중심 Back Office UI/UX와 콘텐츠 운영을 담당했습니다.

    • Figma 디자인 시스템, 공통 컴포넌트와 구현을 고려한 UI 가이드 설계.
    • 랜딩 페이지 디자인·HTML/CSS 코딩·운영, 반응형 대응과 Tracking Script 작업.
    • 사내 Figma 교육을 담당하며 UI/UX와 구현을 연결하는 경험 축적.

이전 Web / EC 경험

  1. 2022.04 — 2022.09라큐로스Web Design / Japanese EC Operation

    Rakuten 중심 일본 EC 디자인·운영.

    • 상품 상세·배너·HTML 메일 매거진 제작, 상품 등록과 유지보수.
    • HTML/CSS와 일본어 번역·교정·현지화를 실무에 활용.
  2. 2019.07 — 2022.01유비템즈Web Design / Web Service Operation

    다수 기업 고객사의 웹·프로모션 디자인과 서비스 운영.

    • 고객사 담당자·내부 관계자와 요구사항, 일정과 디자인 방향을 조율하고 여러 프로젝트를 병행.
    • 브랜드 가이드에 맞춘 메인·카테고리 배너, 캠페인·이벤트, 상품 상세·EC 콘텐츠와 뉴스레터 제작.
    • 실제 서비스 콘텐츠 반영, HTML/CSS·레이아웃/UI 수정, 캠페인 일정 갱신과 운영 요청·유지보수 대응.
  3. 2019.04 — 2019.06APMS&SWeb Design / Japanese EC Operation

    일본 EC 디자인과 상품 데이터 관리.

    • Rakuten 상품 콘텐츠 제작과 현지화.
    • JLPT N1을 활용해 일본어 콘텐츠와 상품 데이터를 다루는 업무 담당.
  4. 2012.12 — 2018.09리퍼스Web Design / E-Commerce Operation

    초기 구성원으로 브랜드부터 웹·상품·다채널 EC 운영까지 담당.

    • Cafe24 자사몰, 상품 페이지, 배너, 브랜드·로고, 프로모션과 오프라인 디자인.
    • 여러 마켓플레이스·쇼핑 채널에서 상품 등록, 주문, 발주와 상품 관리 경험.

Foundation

개발의 기초와 일본어 실무 경험.

2025.03 — 현재

한국방송통신대학교

컴퓨터과학 재학 중

운영체제·데이터베이스·웹·네트워크·소프트웨어공학·프로그래밍을 학습하고 있습니다.

2005.03 — 2010.02

성신여자대학교

일어일문학 / Bachelor

일어일문학 학사. 일본어·번역·회화 등의 학습 경험은 일본 EC 실무로 이어졌습니다.

Recognition

학습을 실무로 연결합니다.

수상 프로젝트
QR 포인트·쿠폰 서비스

Baro Stamping

QR 기반 포인트·쿠폰 서비스. 2024년 웹 개발 부문 최우수상.

기간
2024.12
수상
Seoul Woman Up Demo Day / 최우수상
담당 범위
QR 기반 포인트·쿠폰 서비스
자세히 보기

웹 개발 부문 수상. Baro Stamping은 QR 기반 포인트·쿠폰 서비스입니다.

교육·학습

5
  • 2025.04

    Code in Place / Stanford University

    자세히 보기

    파이썬 기반 프로그래밍 입문 과정 (Stanford CS106A 수준) 수료. 온라인.

    • 제어 흐름, 조건문과 반복문, 콘솔 프로그래밍, 그래픽, 리스트 및 딕셔너리
  • 2025.02

    웹 애플리케이션 개발 프로젝트 기반 Full-Stack 개발자 양성 / 한국소프트웨어기술진흥협회

    자세히 보기
    • Java 프로그래밍 기초 및 객체지향 프로그래밍
    • 데이터베이스(Oracle)
    • HTML, CSS, JavaScript 등 웹 프로그래밍
    • JSP, Servlet, Ajax, jQuery 등 웹 프로그래밍
    • Spring, MyBatis, JPA, REST API
    • React
    • Spring Security, MSA, Spring Cloud
  • 2025.02

    직무별 학습 네트워크 프로그램 3기 / 서울우먼잇츠(IT's)

    자세히 보기

    영한로마 스터디 크루원 활동

  • 2024.12

    생성형 AI 활용 클라우드 기반 풀스택 웹개발 / 동부여성발전센터

    자세히 보기
    • 웹 개발의 이해
    • 프론트엔드 개발 실무
    • 백엔드 개발 실무
    • 클라우드 활용 실무 / AI 서비스 활용 실무
    • 데이터베이스 프로그래밍
    • 클라우드 및 인공지능 기술의 이해
    • 팀프로젝트 활동
  • 2023.05

    피그마를 활용한 UI/UX 디자인 실무과정 / 강동여성새로일하기센터

    자세히 보기
    • UI 디자인 이론 및 디자인 시스템 구현 학습
    • 로우파이부터 하이파이 프로토타입까지 전 과정 디자인 플로우 학습
    • 사용자 테스트 및 커뮤니케이션을 위한 피그마 프로토타이핑 기능 교육

관련 자격

6
  • 2012.10

    GTQ 포토샵 1급 / 한국생산성본부(KPC)

  • 2012.10

    웹디자인기능사 / 한국산업인력공단

  • 2012.07

    MOS Master / Microsoft

  • 2011.08

    워드프로세서 실무사 1급 / 상공회의소

  • 2005.10

    컴퓨터그래픽스운용기능사 / 한국산업인력공단

  • 2012.03

    바리스타 2급 / 한국커피교육협의회

Archive

이전 Web / EC 디자인 작업.

Web·EC 디자인에서 브랜드·프로모션, 일본 EC, UI/UX로 이어진 작업을 정리했습니다. 이미지는 검수용 QA 그래픽이며 실제 작업 이미지는 추후 교체합니다.

  • 레이아웃 검수용 QA 그래픽 · 실제 작업 이미지 아님 — 천천락 중국 현지 프로모션 / 01

    천천락 중국 현지 프로모션

    QA 01 · 실제 작업 이미지 아님

    01 / 02

    천천락 중국 현지 프로모션

    중국 현지 프로모션을 위한 여행 상품 리플렛·현장 배너 및 다국어 콘텐츠 제작.

    • Promotion
    • Print
    • Multilingual Content
  • 레이아웃 검수용 QA 그래픽 · 실제 작업 이미지 아님 — 국민카드 라이프샵 프로모션 / 01

    국민카드 라이프샵 프로모션

    QA 01 · 실제 작업 이미지 아님

    01 / 01

    국민카드 라이프샵 프로모션

    프로모션 페이지 디자인 및 콘텐츠 기획.

    • UI Design
    • Content Planning
  • 레이아웃 검수용 QA 그래픽 · 실제 작업 이미지 아님 — 아이파크몰 배너 시스템 / 01

    아이파크몰 배너 시스템

    QA 01 · 실제 작업 이미지 아님

    01 / 03

    아이파크몰 배너 시스템

    메인·카테고리·상품 상세 배너 디자인 및 운영.

    • Main / Category / Product Banner
    • Web Operation
  • 레이아웃 검수용 QA 그래픽 · 실제 작업 이미지 아님 — 하나카드 이메일 뉴스레터 / 01

    하나카드 이메일 뉴스레터

    QA 01 · 실제 작업 이미지 아님

    01 / 01

    하나카드 이메일 뉴스레터

    프로모션 정보를 전달하기 위한 이메일 뉴스레터 디자인.

    • Email Design
    • Visual Design
  • 레이아웃 검수용 QA 그래픽 · 실제 작업 이미지 아님 — HDC 오일뱅크 인벤토리 / 01

    HDC 오일뱅크 인벤토리

    QA 01 · 실제 작업 이미지 아님

    01 / 01

    HDC 오일뱅크 인벤토리

    메인 Visual 및 배너 디자인.

    • Main Visual
    • Banner Design
  • 레이아웃 검수용 QA 그래픽 · 실제 작업 이미지 아님 — Rakuten 인샵·미니샵 페이지 / 01

    Rakuten 인샵·미니샵 페이지

    QA 01 · 실제 작업 이미지 아님

    01 / 01

    Rakuten 인샵·미니샵 페이지

    일본 Rakuten용 인샵·미니샵 페이지 제작 및 일본어 현지화.

    • Web Design
    • HTML / CSS
    • Japanese EC
    • Localization
  • 레이아웃 검수용 QA 그래픽 · 실제 작업 이미지 아님 — 자사몰 브랜드 아이덴티티 / 01

    자사몰 브랜드 아이덴티티

    QA 01 · 실제 작업 이미지 아님

    01 / 01

    자사몰 브랜드 아이덴티티

    심볼·로고 리뉴얼과 명함·간판·배너 등 브랜드 자산 디자인.

    • Brand Identity
    • Logo / Symbol
    • Offline Design
  • 레이아웃 검수용 QA 그래픽 · 실제 작업 이미지 아님 — 카페24 자사몰 디자인 / 01

    카페24 자사몰 디자인

    QA 01 · 실제 작업 이미지 아님

    01 / 01

    카페24 자사몰 디자인

    Cafe24 기반 자사몰 디자인·운영과 상품 페이지 제작·등록.

    • Web Design
    • Cafe24
    • EC Operation
  • 레이아웃 검수용 QA 그래픽 · 실제 작업 이미지 아님 — GS홈쇼핑 카탈로그 디자인 / 01

    GS홈쇼핑 카탈로그 디자인

    QA 01 · 실제 작업 이미지 아님

    01 / 01

    GS홈쇼핑 카탈로그 디자인

    GS홈쇼핑·홈앤쇼핑 카탈로그 지면 디자인 및 오픈마켓 상품 페이지 제작.

    • Print Design
    • Product Page
    • E-Commerce
View More

Contact

함께할 기회를 기다립니다.

채용·업무 관련 연락은 이메일로 부탁드립니다.

PROFILES

DOCUMENTS