김 경 문
KIM KYEONG MUNrudans777@naver.com
부산광역시 북구 화명동
김 경 문
's portfolio
- 23.06 ~ 23.11
그린컴퓨터아카데미 웹 디자인/퍼블리싱 교육과정 수료
(출결)
- 19.05 ~ 23.05
- 주식회사 지아이지 근무 (회계)
- 19.02
- 동아대학교 경영학 전공
- Ps · Ai · Figma · HTML · CSS · jQuery · JavaScript · React
- 운전면허 1종보통 (장롱면허 x)
- 컴퓨터활용능력 1급
Web Design · Publishing
1
2
3
4
5
6
7
- 참여
- 디자인 100%
퍼블리싱 100%
- 기간
- 10일
- 도구
- photoshop │ figma │ html │ css │ jquery │ javascript
- #반응형
- #메인페이지
기존 지니뮤직의 PC형 사이트를 반응형으로 리디자인한 작업입니다.
carousel slider, javascript를 사용한 현재날짜·시간 불러오기 등을 활용하였습니다.
클래스명 제어를 많이 사용하였는데, 탭메뉴를 통한 2개 이상의 swiper slider 제어와 탭메뉴 속의 탭메뉴를 구현하였습니다.
window width와 resize를 통하여 변수를 제어한 뒤 media width에 따라 탭메뉴 전체페이지와 페이지당 아이템의 수가 변경되는 표현에 대한 고민을 많이 하였습니다.
- 참여
- 디자인 100%
퍼블리싱 100%
- 기간
- 7일
- 도구
- photoshop │ figma │ html │ css │ jquery
- #PC버전
- #메인페이지
- #서브페이지
- #영문페이지
이전에 4년 동안 재직했었던 '지아이지'라는 물류회사의 기존 홈페이지를 리디자인하였습니다.
기존사이트가 오래 전에 제작되었기 때문에 물류·유통업계의 여러 최신사이트를 레퍼런스하였습니다.
영문모드와 서브페이지(연혁)를 제작하면서 폴더 및 파일의 경로를 이해하고 정리할 수 있었습니다.
- 참여
- 디자인 100%
퍼블리싱 100%
- 기간
- 5일
- 도구
- figma │ html │ css │ jquery │ javascript │ react
- #반응형
- #메인페이지
- #서브페이지
부산시공공데이터의 api를 axios 라이브러리를 통해 불러온 리액트 작업물입니다.
리스트 추가·삭제를 구현한 메모장을 서브페이지로 연결하였습니다.
- 참여
- 퍼블리싱 100%
- 기간
- 3일
- 도구
- html │ css │ jquery
- #반응형
- #메인페이지
반응형 제작과정에서 rem단위를 활용하면서 rem의 개념 및 사용을 익힐 수 있었습니다.
- 참여
- 퍼블리싱 100%
- 기간
- 2일
- 도구
- html │ css │ jquery
- #반응형
- #메인페이지
위드굿즈
- 참여
- 디자인 50% (색상 및 동적효과)
퍼블리싱 100%
- 기간
- 3일
- 도구
- photoshop │ html │ css │ jquery
- #PC버전
- #메인페이지
돋보기효과 코드를 서칭하여 커스텀해보았습니다.
Graphic Design
