portfolio javascript smile React.js portfolio javascript smile React.js portfolio javascript smile React.js portfolio javascript smile React.js portfolio javascript smile React.js portfolio javascript smile React.js portfolio javascript smile React.js portfolio javascript smile React.js portfolio javascript smile portfolio javascript smile React.js portfolio javascript smile portfolio javascript smile React.js portfolio javascript smile React.js portfolio javascript smile portfolio javascript smile React.js portfolio javascript smile React.js portfolio javascript smile portfolio javascript smile React.js portfolio javascript smile React.js portfolio javascript smile React.js

Let's go

portfolio

frontend

안녕하세요! 저는 노지영입니다. 어렸을 때부터 웹사이트를 보면서 언제나 어떻게 이런 사이트들이 만들어지는지 궁금해하던 시절이 있었습니다. 그래서 웹디자이너가 되기 위해 학교에 진학했지만, 항상 스스로의 실력에 만족하지 못해 좌절하기도 했습니다. 그렇지만 졸업 후에는 디자인 분야로 전향하여 다른 경험들을 쌓게 되었습니다. 하지만 여전히 제 안에 꿈꾸던 프론트앤드 개발에 대한 열정은 사라지지 않았습니다. 그래서 서른이 되기 전에 다시 도전하기로 마음먹고 공부를 시작했습니다. 지금은 자신감을 가지고 나아가며 경험을 쌓고 도전하는 자세로 현재에 머무르지 않고 전진하고 있습니다. 앞으로도 계속해서 프론트앤드 개발에 몰두하여 꿈을 이뤄나가고자 합니다

저는 오픈 마인드를 가진 탐구하는 사람이 되고자 합니다.
새로운 것을 받아들이고 학습하는 것을 즐깁니다.
실패와 도전을 두려워하지 않고 성장하려고 노력합니다.

실패는 역경이 아닌 기회로 바라보는 태도를 가지겠습니다.
도전적인 상황에서도 두려움을 극복하고 끈기있게 나아가며,
실패를 통해 더 나은 결과를 이끌어내고자 합니다.

성장과 발전을 위해 다양한 경험과 도전에 도전합니다.
자기계발에 주력하여 한계를 넘어서는 것을 목표로 삼으며,
지속적인 노력과 학습을 통해 성장의 길을 걷고 있습니다.

인내와 끈기로 장애물을 넘는 사람은 성공한다고 생각합니다.
어려운 상황에 직면해도 자신을 잃지 않고,
앞으로 나아가는 힘을 발견하는 것이 제 목표입니다

저는 끊임없이 노력하며 자신의 잠재력을 최대한으로 발휘하는 사람이 되겠습니다.
이를 위해 저는 새로운 도전에 적극적으로 나서고,
지속적인 학습과 성장을 추구할 것입니다.

JAVASCRIPT

자바스크립트를 이용하여, 패럴랙스 효과를 구현했습니다.
패럴랙스의 다양햔 효과와 원리를 이해할 수 있었습니다.

code view

PHP

본 사이트는 php를 사용하여 만든 블로그 사이트 입니다.
주로 php사용하여 로그인과 회원가입까지 되는 사이트로 만들었습니다.

code view

PROJECT

조별로 제작된 사이트로 식물을 관리하는 것을 돕고 정보를 공유하는 사이트인 PLANTY입니다.
주로 사용된언어는 html,php,javascript입니다.

code view

REACT WEB STANDARD

리액트를 이용한 기본적인 디자인의 사이트 입니다. 외국 소설작가들의 작가들을 주제로 만든 사이트입니다.
유튜브,언스플리쉬,영화 API를 사용하여 제작하였습니다.

code view

VUE WEB STANDARD

뷰를 이용한 기본적인 디자인의 사이트 입니다. 외국 소설작가들의 작가들을 주제로 만든 사이트입니다.
유튜브,언스플리쉬,영화 API를 사용하여 제작하였습니다.

code view

GAME SITE

테트리스와 뮤직플레이를 제작한 사이트입니다.
VITE를 사용하여 제작하였습니다.

code view

WEB STANDARD SITE

웹 표준을 준수하여 접근성 좋은 사이트를 제작하였습니다.

code view

Discover more intriguing content ahead.

SCRIPT

자바스크립트라는 언어를 배우는 과정을 남겨놓았습니다. 이팩트 별로 자바스크립트 핵심 개념과 예제들을 담은 구조적인 학습자료를 남겨놓았습니다. 이를 통해 더욱 쉽고 재미있게 자바스크립트를 습득할 수 있습니다.

MOUSE EFFECT

CODEVIEW

SITEVIEW

마우스 커서가 특정한 요소위로 이동할때 이팩트를 주는 것을 모아놓은 사이트로 커서을 이동하고 hover하고 클릭하는 것만으로도 어떻게 상호작용하는지를 보여줍니다.

SEARCH EFFECT

CODEVIEW

SITEVIEW

검색을 사용자와 어떻게 상호작용하는지를 배우는 페이지입니다. css을 검색하는 것을 주제로 제작하였습니다.

QUIZ EFFECT

CODEVIEW

SITEVIEW

CBT를 제작한 사이트입니다. JSON을 활용하여 문제를 출력하고 CBT를 제작하여 실제로 정보처리기능사 시험 필기를 공부하였습니다.

SLIDER EFFECT

CODEVIEW

SITEVIEW

페이지를 제작할 때 한번씩 사용되는 슬라이드를 여러가지 효과를 사용하여 제작하였고 여러가지 효과를 구현하였습니다.

PARALLAX EFFECT

CODEVIEW

SITEVIEW

스크롤을 사용하여 낼수 있는 효과를 JAVASCRIPT와 GSAP라는 라이브러리를 사용하여 여러가지 효과를 구현하였습니다.