Scroll Down

downArrowicon

Portfolio

earth deCoration earth

Let's see
What i had Done,
My Works.

Scroll Down

downArrowicon
R2D2
  • 프론트엔드
  • 퍼블리셔
  • UIUX
  • 코딩
  • 디자인
  • 인터페이스:::
  • ::Adobe:
  • Figma
  • SVG::
  • Illustrator::
  • Photoshop
  • XD
  • HTML
  • CSS
  • ::JavaScript
  • Git
  • Mark Up
  • GSAP
  • Rel=
  • Stylesheet
  • DeepDive
  • Script::
  • Responsive Web
  • Interaction Web:::
  • Parrallex
  • Scroll
  • Header
  • Footer::

Scroll Down

downArrowicon
miniCar

PROJECTS

#Illustrator

#Responsive

#Gsap

airbnb

AIRBNB

Go site Git hub

에어 비앤비 메인사이트를 클론코딩하였습니다.
flex 사용과 더불어 마크업 구조이해 css 스타일링 작업 전반을 이해했습니다.

RETRO BOY

HTML, CSS, @Mediaquery, JavaScript, Gsap

어도비 일러스트레이터 활용을 통한 SVG적극 활용과 반응형 레이아웃 중점 작업입니다.
Gsap과 더불어 if,else 문 사용을 통한 버튼 기능을 구현하였습니다.

Go site Go site(vanilla Js.ver) Git hub

SeoulNationalUniversity

HTML, CSS, @Mediaquery, JavaScript

Go site Git hub

모듈화된 웹페이지 디자인 예시로 소개된
서울대학교 홈페이지를 클론코딩 하였습니다. 상향식을 짜서 틀에 맞추기 보다는 모듈화 하여
콘텐츠를 채워넣는 레이아웃 구성입니다.

IMAGINATION

HTML, CSS, JavaScript, Canvas

시니어 개발자가 개발한 그라데이션 기법과
디자인 시안을 기반으로 퍼블리싱 하였습니다.
CANVAS 태그 와 es6+ 이후 문법의
길라잡이가 되어줬습니다.

Go site Git hub

REBEHAYAN

HTML, CSS, JavaScript Go site Git hub

국내 관공서 표준 디자인 형태 레이아웃과 position:absolute 밑 inline-block 요소를 이용한 요소의 가로배치를 이해하였습니다.

보다 더 나은
내일을 위하여

한걸음, 한걸음씩

성장과 팽창은 똑같이 커져도 실속이 다릅니다. 반복과 개선만이 살 길 입니다.


총알처럼 앞서나가는 추진력도 중요하지만 유지하는 지구력도 중요합니다.


끈질긴 인내력으로 작업을 완수해내는 마라톤 퍼블리셔 이정운 입니다.


일러스트와 같은 발산적 행위와 미니멀리즘으로써 디자인하고 빼는 레이아웃 구성까지 골고루 좋아합니다.