컨텐츠
ABOUT ME
마우스를 올려보세요
#ISFJ #용감한 수호자 #배려심 깊은 #계획적인 #섬세한
- I AM
- 여행을 좋아합니다.
- 동물을 좋아합니다.
- 독서를 좋아합니다.
- 흡연을 하지 않습니다.
안녕하세요 :)
웹퍼블리셔 홍혜영입니다.
- 코드를 통해 웹페이지를 구현해나가며 기쁨을 느낍니다.
항상 지금처럼, 현재에 안주하지 않고 끊임없이 고민하며 배움을 게을리하지 않겠습니다.
소통할 줄 아는, 성장하는 웹퍼블리셔가 되겠습니다.
'좋아하는 일'을 '잘'하는, 대체 불가능한 전문가로 거듭나겠습니다.
- Address
- 서울시 양천구 목동서로
- Education
- 2019.03-2019.08 (840시간)
- 웹퍼블리셔(웹디자인) UI/UX 프론트엔드 양성과정 수료
- 더조은 컴퓨터 아트학원
- 2015.03-2017.02
- 오산대학교 관광중국어과 졸업
- 2012.03-2015.02
- 백암고등학교 졸업
- Certificate
- 웹디자인기능사 필기
- MOS Powerpoint
- 리더쉽지도자 2급
- 홍혜영
- 1996.10.11
- 010-5635-0408
- hyeyeong1011@naver.com
SKILLS
- HTML
- 시멘틱 마크업
- 웹 표준 및 웹 접근성 고려
- 크로스 브라우징
- CSS
- PC/Mobile 레이아웃 구현
- 미디어쿼리를 이용한 반응형 작업
- SCSS/Sass 기본 문법 이해
- JS
- Javascript/jQuery
- 기본 문법 이해, 동적 코드 작성
- 오픈소스 활용 및 수정
- More
- Adobe Photoshop
- Adobe Illustrator
- Github으로 프로젝트 관리
PORTFOLIO
01네이버 메인페이지 클론코딩
- 대표적인 포털사이트인 네이버의 메인페이지를 클론코딩하며 꽉 찬 레이아웃 구현을 연습하고, 스크립트를 통해 검색어와 뉴스기사를 롤링시켰습니다.
사용한 툴
- - HTML/CSS : 마크업 및 시안디자인 구현
- - JAVASCRIPT/JQUERY : 동적 코드작성 및 오픈소스 활용
작업시기
- 2020.02
MORE 닫기
02할리스 반응형 웹사이트 클론코딩
- 기존에 모바일과 PC가 따로 구현되어 있던 할리스 웹페이지를 반응형으로 바꾸어 보았습니다.
- 디자인은 기존 웹사이트와 동일하게 구현하였으며, 기존에 있던 모바일과 PC외에도 태블릿 사이즈를 추가하여 유동적으로 변하는 반응형 웹사이트로 바꾸었습니다.
사용한 툴
- - HTML/CSS : 마크업 및 시안디자인 구현
- - JAVASCRIPT/JQUERY : 동적 코드작성 및 오픈소스 활용
작업시기
- 2020.01
MORE 닫기
03무료 시안디자인 PSD 구현
- 무료 시안디자인 PSD파일을 토대로 구현했습니다.
- 출처 : https://blog.naver.com/yleedo/220627641737
- 출처 : https://blog.naver.com/yleedo/220627641737
- 시안디자인 PSD파일을 참고하여 메인페이지와 서브 1페이지를 구현했습니다.
사용한 툴
- - 포토샵 : 퍼블리싱을 위한 이미지 분할 저장
- - HTML/CSS : 마크업 및 시안디자인 구현
작업시기
- 2019.12
닫기
04개인 포트폴리오 웹사이트 제작
- 제 작업물들을 모두 담아 한 눈에 볼 수 있는 원페이지 개인 포트폴리오 웹사이트를 제작했습니다.
사용한 툴
- - 포토샵 : 목업이미지와 시안디자인 작업 및 퍼블리싱을 위한 이미지 분할 저장
- - HTML/CSS : 마크업 및 시안디자인 구현
- - JAVASCRIPT/JQUERY : 동적 코드작성 및 오픈소스 활용
작업시기
- 2019.11
MORE 닫기
05칼린 웹사이트 리뉴얼
- 학원 과정을 수료한 후 처음으로 혼자 작업했던 작업물입니다. 미디어쿼리를 통해 반응형으로 구현했습니다.
- 기존의 칼린 웹사이트는 PC와 모바일 페이지가 따로 구현 된 적응형 페이지였습니다. 학원에서 반응형 웹에 대해서는 배우지 못했기 때문에 반응형 웹을 익히고 싶어서 그리고 기존 웹사이트에 매끄럽지 못한 오류들이 꽤 있어서(현재는 리뉴얼 완료된 상태) 이 웹사이트를 선택하게 되었습니다.
사용한 툴
- - 포토샵 : 시안디자인 작업 및 퍼블리싱을 위한 이미지 분할 저장
- - HTML/CSS : 마크업 및 시안디자인 구현
- - JAVASCRIPT/JQUERY : 동적 코드작성 및 오픈소스 활용
작업시기
- 2019.09
MORE 닫기
06무인양품 웹사이트 리뉴얼
- 웹디자인과 웹퍼블리싱을 배우며 처음으로 만든 작업물입니다. PC와 모바일 웹을 적응형 웹으로 각각 따로 구현했습니다.
- 기존의 무인양품 온라인스토어 웹사이트는 레이아웃이 너무 빽빽하고, 이미지의 사이즈가 대체적으로 전부 작아서 상품이 눈에 잘 들어오지 않았습니다. 이런 점들을 개선하기 위해 JAJU와 모던하우스 등 경쟁사들의 홈페이지를 참고하여 벤치마킹 하였습니다.
사용한 툴
- - 포토샵 : 시안디자인 작업 및 퍼블리싱을 위한 이미지 분할 저장
- - 일러스트 : 아이콘 디자인
- - HTML/CSS : 마크업 및 시안디자인 구현
- - JAVASCRIPT/JQUERY : 동적 코드작성 및 오픈소스 활용
작업시기
- 2019.07~2019.08
MORE죄송합니다. 보완 작업 중입니다.
닫기
CONTACT
- 010-5635-0408
- hyeyeong1011@naver.com
- 서울시 양천구 목동서로
- GIT 블로그 - https://hyeyeong1011.github.io/
소중한 시간 내주셔서 감사합니다!