황연주's PORTFOLIO

Front-End Developer YJ.HWANG

‘기본이 서면 나아갈 길이 생긴다’ 라고 생각합니다. 저에게 프론트엔드 개발이란 잘 하고 싶고, 더 부지런하게 살게 하는 삶의 기반이 되는 원동력과 같은 일입니다.

HELLO.
MY NAME IS YEONJOO.

업무에 대한 욕심도 많고, 하고자 하는 일은 직접 부딪히며 알아가는 성취감을 좋아합니다. 기본부터 시작한다는 마음으로 UI/UX 부터 역량을 쌓았습니다. 빠르게 습득하고 활발히 소통하는 Front-End Developer가 되겠습니다.

EMAIL.hyjgood2000@naver.com
EDUCATION.
- 2024.07 ~ 현재삼성 청년 소프트웨어 아카데미 (SSAFY)
- 2023.02 ~ 2023.06NCS 기반 UI/UX 웹디자인&웹퍼블리싱 과정 수료
CAREER.
- 2023.11 ~ 2024.04웹 퍼블리셔&웹 디자이너
- 2018.09 ~ 2023.02화장품 제형 연구원

I CAN HANDLE
LIKE THIS!

저는 HTML, CSS, JavaScript를 비롯한 다양한 웹 기술을 학습하였으며, 이를 기반으로 웹 서비스를 구현할 수 있습니다.

HTML

웹 표준과 웹 접근성을 준수하며 웹사이트 퍼블리싱을 해왔습니다. HTML5에서 권장하는 마크업 방식과 시멘틱 태그를 사용해 웹사이트 레이아웃을 설계합니다.
CSS

크로스브라우징(Cross Browsing)을 고려하여 안정적인 CSS 속성을 사용해 HTML Elements를 배치하고 디자인합니다.
JAVASCRIPT

웹사이트 중 상호작용을 위해 필요한 탭 메뉴, 네비게이션, 아코디언 메뉴 등의 필수적인 자바스크립트 활용이 가능하며 주로 제이쿼리와 병행하여 사용합니다.
Vue.js

Vue.js 프레임워크를 활용한 컴포넌트 기반 개발 프로젝트 진행 경험이 있습니다.
JAVA

객체지향 프로그래밍(OOP)의 기본 원칙 학습 및 Java SE를 활용한 알고리즘 문제해결과 프로젝트를 수행했습니다.
SQL

ERD설계와 SQL 기본을 학습하였고, CRUD 등과 같은 기본 쿼리를 이용한 데이터 관리에 익숙합니다.
MyBatis

MyBatis를 활용한 SQL 맵핑을 학습하고, 프로젝트에 적용하였습니다.
MySQL

관계형 데이터베이스(RDBMS)의 원리를 학습하고, 데이터 정규화 기법에 대해 이해하고 있습니다.
Spring Boot

Spring Boot 프레임워크를 활용해 웹 애플리케이션 개발을 학습하였고, REST API 설계 및 구현 경험이 있습니다.

UI/UX PROJECT

작업기간3주
기여도PERSONAL 100%
작업량Main 1page · Sub 15page
주요특징적응형 웹사이트 · HTML 5.0 · CSS 3.0 · JavaScript(jQuery) · 그누보드 · Swiper 사용
상세설명
‘Jamba Juice’ 홈페이지를 '그누보드'를 활용하여 로그인, 회원가입, 게시판 이용이 가능하도록 PC환경에 맞게 리뉴얼한 적응형 홈페이지 입니다. CSS 애니메이션을 적용하여 사이트에 생동감을 부여하였습니다.

기획서 컨셉서 WEBSITE

작업기간4주
기여도PERSONAL 100%
작업량Main 1page · Sub 1page
주요특징
적응형 웹사이트 · XHTML · CSS 2.0 · JavaScript(jQuery) · Swiper 사용
상세설명
XHTML과 CSS2.0을 적용하여 제작한 청주시립미술관 홈페이지로 float와 position을 이용하여 요소들을 배치하였습니다. box-sizing을 사용하지 않고, width, height을 계산하여 구현하였습니다.

기획서 컨셉서 WEBSITE

작업기간2주
기여도PERSONAL 100%
작업량Main 1page
주요특징
반응형 웹사이트 · HTML 5.0 · CSS 3.0 · JavaScript(jQuery) · Swiper 사용
상세설명
flex를 사용하여 제작한 웹, 태블릿, 모바일에 최적화되도록 제작한 반응형 웹페이지 입니다. 1548px, 1200px,767px 3구간으로 나누어져 있으며, jQuery를 활용하여 전체메뉴 버튼을 구동되도록 하였습니다.

WEBSITE

arrow_back_ios

arrow_forward_ios

MOBILE WEB
PUBLISHING

작업기간2주
기여도PERSONAL 100%
작업량Preloading 1page, Main 1page, Sub 7page
주요특징
모바일 웹사이트 · HTML 5.0 · CSS 3.0 · JavaScript(jQuery) · Slick Slider 사용
상세설명
기존의 초록마을 사이트를 Figma로 리디자인 한 후 퍼블리싱한 모바일 웹페이지 입니다. 사용자가 원하는 식품을 편하게 담고, 찾는 정보를 쉽게 찾을 수 있도록 디자인 하였습니다.