로딩 중입니다.


Web Publisher

준비된 웹 퍼블리셔 김한빛

웹이라는 넓고 깊은 바다에 과감히 몸을 던진 퍼블리셔 김한빛입니다.
매일 힘차게 팔을 저어 하루가 다르게 성장하는 인재가 되겠습니다.

SCROLL DOWN

자기소개

김한빛 증명사진
웹 퍼블리셔 김한빛

/* 순우리말 - '세상을 이끄는 환하고 큰 빛' */

프로필

인적사항
이름 김한빛
나이 23세(1996.11.14)
거주지 경기도 부천시
성격 사교적이고 긍정적이며, 배려하는 것에 즐거움을 느낍니다.
좌우명 나는 어디에 있든 그 안에서 행복을 찾을 수 있는 사람이다!

인사말

안녕하세요! 성장하는 퍼블리셔 김한빛입니다.
무슨 일이든 기본기가 가장 중요하다고 생각합니다.
올바른 의미를 가진 태그를 사용하는 시맨틱 마크업을 최우선으로 생각합니다!
누구보다 가장 효율적인 페이지를 만들고 싶다는 목표가 있습니다.
목표의식을 갖고 최고가 되기 위해 부단히 노력하겠습니다.
소중한 시간을 내어 포트폴리오 페이지를 봐주시는 모든 분께 감사드립니다!

# Semantic Markup
# 의미론적 태그

키워드

데드라인 완벽준수!

행정병 시절, 수많은 업무처리로 숙달된 빠른 손놀림! 무슨 일이 있어도 데드라인 준수! 2년의 경험을 토대로, 정확하고 신속한 업무 처리 능력을 갖추게 되었습니다.

적응력 만점!

2남 1녀 중 차남으로 태어나 눈치 백 단! 눈만 바라봐도 상대방의 요구를 알아차리는 것은 저의 큰 장점입니다! 새로운 환경에서 적응력 또한 매우 뛰어납니다.

성장형 인간!

모르는 것을 그냥 넘어갈 수 없고, 조언과 충고를 겸허히 받아들이는 성격은 저 자신을 성장하게 할 것입니다! 나날이 발전해 나가는 모습이 궁금하지 않으신가요?

모토

포기하면 그 순간이 곧 시합 종료다.
마크 오베르마스(Mark Overmars)

누구든 목표를 향해 나아갈 때 높고 커다란 벽을 마주하게 됩니다.
인간은 스스로 포기하지 않고 도전할 때, 그 한계를 넘을 수 있다고 생각합니다.
삶, 그리고 웹을 대하는 제 태도는 '이루고 싶은 것에 있어서 포기란 절대 없다.'입니다.


능력

html

HTML5

HTML5 DTD를 준수한 시멘틱 코딩!

작업 도중에도 꼼꼼히 W3C Validator 유효성검사를 체크하는 코딩 습관!
컨텐츠 내용을 분석하여 의미에 적합한 태그를 선정하여 시멘틱 마크업을 합니다.
가독성을 높이기 위한 들여쓰기는 기본 센스입니다.

css

CSS

CSS를 이용한 MVC패턴 디자인

IR(Image Replacement)기법, Sprite-Image 를 사용하는 스타일러!
id, class를 남발하지 않고 원하는 요소를 셀렉팅할 수 있는 능력
CSS3 transform, transition을 이용한 애니메이션 효과 구현할 수 있습니다.

javascript

Javascript & jQuery

자바스크립트 로직 직접 구현!

플러그인 없이도 원하는 동적기능 코딩능력
변수, 배열, 제어문, 반복문을 이용한 함수적 프로그래밍을 제이쿼리 메소드와
결합하여 기능구현에 필요한 로직을 설계할 수 있습니다.


포트폴리오

01. 삼표그룹

'무한 슬라이드와 페이드 슬라이드'

Publishing 100%

상세 설명

웹접근성을 준수하기 위해 IR 기법을 사용하여 시멘틱 효과를 더욱 더 끌어올렸습니다. 자동 슬라이드와 페이드 슬라이드를 Javascript와 jQuery로 직접 로직을 세워 구현했습니다. 서브 페이지 상단 네비게이션바는 스크롤이 일정 scrollTop값 이상이 되면 상단에 고정됩니다.

02. 나이키

'이동이 간편한 원페이지'

Publishing 100%

상세 설명

기존 나이키 홈페이지를 원페이지로 제작했습니다. 상단 네비게이션 메뉴는 언제든 원하는 컨텐츠로 이동할 수 있도록 화면 최상단에 고정하여 이동성을 높혔습니다. 네비게이션 li 요소를 클릭하면 해당 컨텐츠로 이동할 수 있고, 컨텐츠 영역 내에 영상을 넣기 위해 video 태그를 이용했습니다.

03. 현대백화점 인터넷면세점

'append, prepend를 활용한 슬라이드 & 배너'

Publishing 100%

상세 설명

스크롤이 일정 scrollTop값 이상이 되면 상단 메뉴와 배너, 버튼 영역이 각 부분에 고정됩니다. 우측 영역 아이콘에 마우스를 올렸을 때 직관성을 높이기 위해 간략한 설명이 나타나게 했고, 좌측 배너를 클릭하면 숨겨진 세부 내용이 slide 됩니다. 메인 슬라이드는 append와 prepend로 무한하게 슬라이드 되도록 구현했습니다.

04. 개인 포트폴리오

'웹퍼블리셔 김한빛'

Design 100% + Publishing 100%

상세 설명

웹접근성을 준수하기 위해 IR 기법을 사용하여 시멘틱 효과를 더욱 더 끌어올렸습니다. 자동 슬라이드와 페이드 슬라이드를 Javascript와 jQuery로 직접 로직을 세워 구현했습니다. 서브 페이지 상단 네비게이션바는 스크롤이 일정 scrollTop값 이상이 되면 상단에 고정됩니다.


연락처

Contacts

Thanks For Watching