홈 버튼

ABOUT.

WORK POINT
  • Git : 개인 작업물 배포 공간 Link View
  • React : React로 만들어본 주사위 게임 Link View
  • Netlify : github에 올린 프로젝트 호스팅 Link View
EXPERIENCE
  • 2023.02 ~ 2024.12
    (주)코드파트너즈 에서 웹퍼블리셔로 근무
    • 엠투커뮤니티 운영
    • 선관위 정책마당 리뉴얼
    • 신세계 차세대 시스템 구축
    • 트렌스코스모스코리아 홈페이지 리뉴얼
    • 효성중공업 홈페이지 리뉴얼
    • 삼성SDI 홈페이지 리뉴얼
  • 2022.08 ~ 2022.10
    (주)라벤투르 에서 웹퍼블리셔로 근무
    • Bylyra 쇼핑몰 제작
    • Besafe 홈페이지 리뉴얼
    • hampOn 홈페이지 제작
  • 2021.12 ~ 2022.07
    (이젠아카데미) 스마트 웹컨텐츠 UI/UX 디자인 & 프론트엔드 교육과정 수료

2024 KOOBONYONG PORTFOLIO  2024 KOOBONYONG PORTFOLIO  2024 KOOBONYONG PORTFOLIO  2024 KOOBONYONG PORTFOLIO  2024 KOOBONYONG PORTFOLIO  2024 KOOBONYONG PORTFOLIO  2024 KOOBONYONG PORTFOLIO  2024 KOOBONYONG PORTFOLIO  2024 KOOBONYONG PORTFOLIO  2024 KOOBONYONG PORTFOLIO  

SKILL.

  • HTML5

    각 태그의 의미와 순서에 맞춰 구조를 짜며 웹표준에 어긋나지 않도록 하고 있습니다. img 태그의 alt 속성과 IR 기법을 활용하여 스크린 리더기 사용자도 해당 사이트에서 비장애인과 같은 경험을 할 수 있도록 작업하고 있습니다.

  • CSS3

    flex, grid 사용에 익숙하며, 선택자 및 결합자를 활용하여 css를 구성하고, 디자인 요소에는 before/after를 사용해서 작업합니다. 반응형 및 적응형에 대한 이해와 경험을 가지고 있습니다.

  • Javascript

    다양한 이벤트를 활용해서 작업을 하고 있으며, Swiper, GSAP, Fullpage 등 다양한 라이브러리에 대한 경험이 있습니다. 지속적인 리팩토링으로 유지보수성을 높이고 있습니다.

  • jQuery

    javascript와 함께 가독성과 편의성을 증진시키는 것에 중점을 두고 사용하고 있습니다.

  • SCSS

    css 전처리 도구로 Nesting, Mixin 등의 개념들에 대해 알고 있으며, compile해서 css파일로 변환하는 방법을 숙지하고 있습니다. 변수 사용을 통해 유지 보수성을 높였습니다.

  • Git

    github를 주로 이용하고, gitlab에 대한 경험이 있습니다. 에디터에서 repository로 연결할 수 있으며, pull, add, commit, push 등 기본적인 형상관리하는 법을 알고 있고, stash 명령어를 통해 임시 보관하는 방법도 알고 있습니다.

  • Netlify

    github에 올렸던 프로젝트를 netlify를 통해 오픈해본 적이 있습니다.

  • Figma

    재사용성이 높은 UI는 컴포넌트로 만들어서 수정이 쉽게 하고, 오토레이아웃을 활용해서 여백 및 간격을 쉽게 조절할 수 있습니다. 코멘트를 남겨서 디자이너와 소통할 수 있고 적용된 스타일을 빠르게 찾을 수 있습니다.

  • Nexacro

    솔루션 프로그램인 NexacroN을 사용해 본 적이 있습니다. 주로 그리드와 데이터셋 연결, 검색 화면을 작업하였습니다.

  • Photoshop

    클리핑 마스크 기능을 활용해서 원하는 형태의 이미지만을 구할 수 있고, PSD 파일로 작업된 반응형 디자인을 보고 사이트를 제작할 수 있습니다.

PORTFOLIO.

  1. 엠투커뮤니티 대표 사이트 이미지

    엠투커뮤니티 운영 (2024.03 ~ 2024.12)

    • # HTML5
    • # CSS3
    • # JQUERY
    • # PHOTOSHOP
    • # 반응형

    대한소아청소년과학회, 이비인후과학회, 대한임상초음파학회 등 다양한 의과의 학회 사이트 및 학술대회 사이트의 서브페이지를 운영하였으며, 이메일 발송을 위한 메일폼 코딩과 매달 또는 분기, 반기 마다 웹진을 제작하였습니다.

  2. 선관위 정책마당 사이트 이미지

    선관위 정책마당 리뉴얼 (2024.01 ~ 2024.03)

    • # HTML5
    • # CSS3
    • # JAVASCRIPT
    • # PHOTOSHOP
    • # 웹접근성
    • # 반응형

    공약이슈트리 페이지를 리뉴얼 하면서 기능 구현 및 웹접근성 인증 마크를 취득하는 것이 목표였습니다. 각 시/도를 클릭 했을 시 해당 지역의 이슈를 javascript import를 활용하여 데이터를 불러오도록 하였습니다.
    탭 이동 및 NVDA 스크린 리더기를 통하여 접근성 검사를 진행하였습니다.

  3. 신세계 사이트 이미지

    신세계 차세대 시스템 구축 (2023.07 ~ 2023.09)

    • # NaxacroN
    • # 반응형

    기존 신세계에서 운용되고 있던 개발자 화면을 솔루션 프로그램 NaxacroN을 통해서 PC/Tablet/Mobile 세 타입의 반응형 페이지로 변환하였습니다.

  4. 트렌스코스모스코리아 사이트 이미지

    트렌스코스모스코리아 (2023.06 ~ 2023.06)

    • # HTML5
    • # CSS3
    • # 반응형

    서브페이지 및 다국어 워싱 작업을 하였습니다. 서브페이지 제작할 때 공통 영역에 키클래스를 추가하는 형식으로 진행하면서 css 최적화를 시도하였습니다.

  5. 효성중공업 홈페이지 이미지

    효성중공업 홈페이지 리뉴얼 (2023.03 ~ 2023.03)

    • # HTML5
    • # CSS3
    • # 반응형
    • # FIGMA

    서브페이지 작업, 특징/장점에 쓰인 아이콘 업데이트, 유틸리티 페이지 공통화 작업 및 콘텐츠 업데이트

  6. 삼성SDI 홈페이지 이미지

    삼성SDI 홈페이지 리뉴얼 (2023.02 ~ 2023.02)

    • # HTML5
    • # CSS3
    • # 반응형
    • # Jira

    서브페이지 작업, 다국어 워싱, 기타 수정 사항 작업

CONTACT.

귀한 시간 내주셔서 감사합니다.
저에 대해 궁금하시거나, 협력과 소통, 자기 개발을 통해
꾸준히 성장하는 직원을 구하신다면 연락 부탁드립니다.
빠른 시일 안에 연락 드리겠습니다.

H e l l o w :)