portfolio

6month log LET'S TALK

포트폴리오 소개

want to be a Frontend markup developer

팀의 한 일원으로서 잘 어우러지며, 사람과의 연결고리가 되고자 합니다. 탄탄한 마크업을 기본으로 효율적인 코드의 CSS, 시선을 이끄는 동적인 Javascript를 추구하며, 다양한 프레임워크와 라이브러리를 배우고 성장하는 도전적인 퍼블리셔가 되겠습니다.

PROJECTS

  • 네이버 적응형 PC 클론 코딩

    Naver

    네이버 클론 코딩을 통한 시맨틱 마크업의 중요성과 Class Naming 작성법, 접근성을 위한 IR 기법과 효율적인 이미지 로딩을 위한 IS 기법

    시맨틱 마크업 Css IR & IS & Blind
    go site velog github
  • 서울시청 적응형 PC 클론 코딩

    Seoul City Hall

    서울시청 클론 코딩을 통한 접근성에 중점을 둔 마크업과 Wai-Aria, Swiper 라이브러리와 제이쿼리를 통한 다양한 스크립트 구현

    시맨틱 마크업 Css IR & IS & Blind
    go site velog github
  • 안다르 적응형 모바일 클론 코딩

    Andar

    안다르 적응형 모바일 클론 코딩을 통한 모바일 환경에서의 코딩 적응, 효율적인 작업과 편리한 CSS 코드, 시맨틱 마크업을 중점으로 사이트 개선 작업

    개선 작업 컴포넌트 JQUERY
    go site velog github
  • 씨드로닉스 반응형 클론 코딩

    SEADRONIX

    씨드로닉스 클론 코딩을 통한 AOS animation 효과, 미디어쿼리를 활용한 디바이스 분기별 반응형 작업(PC + Tablet + Mobile)과 사이트 개선 작업

    미디어 쿼리 AOS Swiper JQuery
    go site velog github
  • Maëlan 인터렉티브 사이트 코딩

    Maëlan

    인터렉티브 사이트 코딩을 통한 HTML DataSet 속성, GSAP 애니메이션 라이브러리, 코드의 재활용성과 가독성을 높인 전처리기 SCSS, 다양한 스크립트 효과를 발휘한 프로젝트

    DataSet SCSS GSAP Javascript JQuery
    go site velog github
  • 무신사 모바일 비동기 통신 활용 코딩

    Musinsa Mobile

    무신사 모바일 코딩을 통한 JSON 데이터 형식과 Fetch 문법으로 데이터 연동,브라우저와 서버 간의 비동기 통신 데이터 교환 API, 정규표현식 사용

    SCSS JSON API Javascript JQuery
    go site velog github
  • 무신사 모바일 비동기 통신 활용 코딩

    Mac mini

    Mac mini 클론 코딩, 미디어쿼리를 활용한 디바이스 분기별 반응형 작업(PC + Tablet + Mobile)

    SCSS 미디어쿼리 JQuery
    go site velog github