Lee HaeJun

Front-End Portfolio

Continuing to learn with
a calm mind like The Sea

프론트엔드 개발자로써 중요한 것은 깊은 바다를 탐험하듯, 차분한 마음으로 끊임없이 배움을 이어나가는 것이라고 생각합니다.
이에, 이해준이라는 제 이름의 海처럼 바다의 차분함과 빙하의 인내심으로 끊임없이 배워가며 성장하겠습니다.

Continuing to learn

with a calm mind

like The Sea

프론트엔드 개발자로써 중요한 것은 깊은 바다를 탐험하듯,

차분한 마음으로 끊임없이 배움을 이어나가는 것이라고 생각합니다.

이에, 이해준이라는 제 이름의 海처럼

바다의 차분함과 빙하의 인내심으로 끊임없이 배워가며 성장하겠습니다.

Link to the site
My Portfolio

My Portfolio
introduction

React와 Three.js를 사용해 실시간으로 반응하는,

3D 인터랙션 중심의 웹 페이지를 구현했습니다.

몰입감 있는 정보 전달을 통해 사용자의 이해를 돕습니다.

홈페이지를 만들며 가장 어려웠던 점은

3D의 반응형 최적화였으며,

화면 크기에 따라 요소들이 올바르게 배치되도록,

CSS와 JavaScript를 이용해 위치와 크기를 동적으로 조절했습니다.

ChatGPT
Web Site

chatGPT의 현재 홈페이지는 단순한 정보나열로 시각적으로 눈에 확 들어오지 않았습니다.

이 부분을 개선하고자 3D모델링과 함께 떠나는 chatGPT소개 홈페이지를 만들었으며

GPT와 DallE, Whisper등을 소개하며 사용자가 chatGPT의 세계를 몰입감 있게 탐험할 수 있도록 하였습니다.

기본기를 다진 후 GSAP 라이브러리를 처음 접하였습니다.

생각보다 CSS애니메이션 보다 더 성능이 뛰어났고,

타임라인 기반 애니메이션 제어가 가능하여 유용하였습니다.

JavaScript 기반의 라이브러리인 GSAP를 사용하다보니

아직 JavaScript의 실력이 부족한걸 많이 느꼈고

ScrollTrigger를 비롯한 여러 예제들을 통해 보완을 해왔고

자연스럽게 제어하도록 많은 노력을 하였습니다.

Web Site
A QuietPlace

영화로 주제로한 웹 사이트는 많이 보지못한거같았습니다.

제가 좋아했던 공포영화 "A QuietPlace" 에서 영감을 받았고,

섬뜩하고 몰입감 있도록 애니메이션을 사용해보았습니다.

Jquery와 JavaScript를 사용해 웹 페이지의 등장과

클릭 요소를 통해 사용자가 상품 및 내부 정보를 확인할 수 있도록

하였고, 이를통해 자연스럽게 궁금증을 유발하도록 하였습니다.

저의 첫 사이트였다보니 아무래도 기본적인 구조,

네이밍 등 정말 많은 고민을 하게만들었습니다.

그만큼 짧은시일 내 시행착오와 도전으로 기본기가

점진적으로 쌓여 간다는걸 느꼈던 작업시간이였습니다.

IKEA
Web Site

일반적인 쇼핑몰 형식이 아닌, 사용자와 소통할 수 있는

클릭 요소로 상품정보, 내부 환경의 디자인 및 구조를 소개하는

이케아 가구매장을 작업해보았습니다.

첫 React기술을 통해 모듈화된 컴포넌트 기반으로 웹 사이트를 시도하였습니다.

CSS3에서 TailwindCSS로 업그레이드 하면서 반응형에 대한 구조도 많이 바꿨습니다.

반응형에 최적화된 TailwindCSS로 인해 작업속도는 한층 빨라졌습니다.

처음엔 React 상태 관리와 직관적이지 못한 TailwindCSS문법이

기존과 많이 달라 작업속도에 영향이 많았습니다.

하지만 컴포넌트로 구역을 많이 나누다 보니 복잡하지않았고

직접 반응형을 만질땐 정말 수월하여 React, TailwinCSS의 장점에 와닿았습니다.

Web Site
EDIYA COFFEE

기존 사이트는 내용이 뭉쳐 한눈에 파악하기 어려웠습니다.

해결하기 위해 필요한 섹션을 구분하고 상품을 나열하여

필요한 정보를 쉽게 찾고 사용자에게 편리한 경험을 제공하였습니다.

HAEJUN

My personality is similar to that of an ISFP,

I seamlessly integrate into new environments,

communicating effectively and collaborating dynamically with Teams.

안녕하세요, 신입 프론트엔드 개발자 이해준입니다.

저는 새로운 기술에 대한 열정으로 더 나은 사용자 경험을 제공하는 웹사이트를 만들고자 합니다.

끊임없이 배우고 혁신하며, 더 나은 웹을 만들어 나가겠습니다. 함께 성장할 수 있기를 기대합니다.

협업과 소통을 통해 멋진 결과를 이루어내는 것을 중요하게 생각합니다.

안녕하세요, 신입 프론트엔드 개발자 이해준입니다.

저는 새로운 기술에 대한 열정으로,

더 나은 사용자 경험을 제공하는 웹사이트를 만들고자 합니다.

끊임없이 배우고 혁신하며,

더 나은 웹을 만들어 나가겠습니다.

함께 성장할 수 있기를 기대합니다.

협업과 소통을 통해 멋진 결과를,

이루어내는 것을 중요하게 생각합니다.

LeeHeaJun

name

이해준

birth date

1999. 02. 28

Phone number

010-3695-5083

E-mail

kyo2263@naver.com

git

https://github.com/dlgowns3695

MBTI

ISFP