Yeongjin's Portfolio

<welcome>

<b>Hello</b>
I'm Yeongjin.

반갑습니다! 본 사이트의 구성과 기능을 한 눈에 보고 싶으시다면?
아래의(👇) 버튼을 눌러 기능 정의서를 확인해 보세요!

Download PDF

배경 사각형 도형

<about me>

배경 사각형 도형

Kim Yeongjin

I'm not complacent at the moment, but I'm recording it to make endless progress.

웹표준 및 웹 접근성을 준수하는 견고한 레이아웃을 설계하고, 더 나은 코드를 작성하기 위해 연구하고 기록하는 UI개발자 김영진입니다. 저의 가장 큰 강점은 현재에 안주하지 않고, 발전하기 위해 끊임없이 노력하고 기록하는 것을 즐긴다는 점 입니다. 이를 실천하기 위해 매일같이 TIL을 작성하고, 빠르게 변화하는 웹/모바일 환경에 뒤쳐지지 않기 위해 늘 새로운 기술 트렌드에 관심을 갖고, 꾸준한 학습을 이어 나가고 있습니다.

2021 ~ 2024

UI Developer in Hivelab
Dec 2021 / FT개발실 전임 UI개발자
2021

UI/UX Design & Front-end in Ezen
Jun 2021- Nov 2021 수료

License

웹 디자인 기능사 / GTQ 1급 / MOS Master

About More

<skills>

HTML5

웹표준과 웹접근성을 준수하여 표준 가이드 라인에 따라 시멘틱 태그를 사용하여 크로스 브라우징이 가능한 전체 레이아웃을 설계합니다.
CSS3

IE지원을 고려하는 크로스브라우징을 위해 안정적인 CSS속성을 사용할 수 있고, 다양한 애니메이션과 인터렉션 효과를 구현할 수 있습니다.
Javascript

자바스크립트 ES6 문법의 기본 개념을 이해하고 조건문, 반복문, 내장 메서드 등을 활용하여 함수를 만들어 사용할 수 있습니다.
SCSS

CSS보다 가독성과 재사용성이 뛰어난 SCSS의 기본 문법을 이해하고 활용하여 스타일 시트를 보기 편하고 유지보수하기 쉽도록 관리합니다.
React.js

JSX문법의 기초를 이해하고 사용할 수 있으며, 함수형 컴포넌트와 Hook을 활용하여 기본적인 문서 구조 설계가 가능합니다.
jQuery

순수 제이쿼리만을 이용하여 UI개발에 반드시 필요한 인터렉션 기능을 구현할 수 있고, 다양한 플러그인을 추가적으로 활용할 수 있습니다.

Available Tools

Git
PhotoShop
illustrator
Adobe XD
Figma
VS Code
Slack
FileZilla

이전 다음

<portfolio>

LCK Reactive Site

Subject LCK 통합 반응형 사이트 구축

Used Skills HTML5 / SCSS / jQuery / Gulp / Git

My Task List About / Teams / Stats / Highlight / Schedule

#Taskrunner #SCSS

Visit Site

LCK
Kakao React App

Subject 리액트로 카카오 앱 구현하기

Used Skills React / Axios / SPA / Git

Suitable Device Mobile Only

#React.js #SCSS

View More

Kakao React App
Responsive Web Site

Subject Flex, Grid를 적용한 반응형 웹사이트 제작

Used Skills HTML5 / CSS3 / jQuery & Library

Suitable Device DeskTop / Tablet / Mobile

#Include #Swiper

Visit Site
React Web Site

Subject 리액트 라우터를 이용한 반응형 웹사이트 제작

Used Skills React.js / HTML5 / CSS3

Suitable Device DeskTop / Tablet / Mobile

#React #Router

Visit Site
Web Site Publishing

Subject 웹표준/웹접근성을 준수한 기업 웹사이트 제작

Used Skills HTML5 / CSS3 / Javascript

Suitable Device DeskTop 1920 X 1080

#Include #Vanilla JS

Visit Site
Responsive Web Site

Subject 웹표준 준수한 반응형 웹사이트 제작

Used Skills HTML5 / CSS3 / jQuery

Suitable Device DeskTop / Tablet / Mobile

#Animation #Banner

Visit Site
Mobile Web App

Subject Kink 웹앱 제작

Used Skills HTML5 / SCSS / jQuery

Suitable Device Mobile Only

#SCSS #Mobile

View More

Kink Mobile Web-App
Web Site Publishing

Subject 웹표준을 준수한 기업 사이트 리뉴얼

Used Skills HTML5 / CSS3 / Javascript

Suitable Device DeskTop 1920 X 1080

#Include #Vanilla JS

Visit Site
Mobile Web

Subject KIA Connect 모바일 웹 제작

Used Skills HTML5 / SCSS / Vanilla JS

Suitable Device Mobile Only

#SCSS #Mobile

View More

Kia Connect Mobile Web
Landing Page Publishing

Subject 모바일앱 디자인 랜딩페이지 제작

Used Skills HTML5 / CSS3 / jQuery

Suitable Device Full 1920 X 1080

#Scroll #Animation

View More
Responsive Design

Subject 롤렉스 반응형 웹사이트 디자인

Used Skills Design Only

Suitable Device DeskTop / Tablet / Mobile

#Responsive #Figma

View More