journey • to • be • front-end • developer •
journey • to • be • front-end • developer •

About • Me • About • Me •
About • Me • About • Me •
뜨개질로 작은 소품 만들기
좋아하는 노래 많이 듣기
애정하는 뮤지션 공연 보기
그리고 싶은 그림 그리기
긍정적으로 생각하기
작은 것에 행복해하기
조금씩 꾸준히 노력하기
잘 풀리지 않아도 포기하지 않기



“인내의 기술을 배워라. 목표를 달성할 수 있을지 마음이 불안해 질 때,
단련한 대로 마음을 다스려라. 인내하지 못하면 긴장감과 두려움이 생기고
낙담해 실패한다. 인내할 줄 알아야 자신감, 결단력, 합리적 시각이
생겨서 끝내 성공할 수 있다.”
- 브라이언 아담스 -
It's me!

It's me!

이펙트 섹션입니다.
indexOf(), search() 등 문자열과 관련된 메서드를 이용하여 검색어를 입력하면 결과가 나오는, 검색을 할 수 있는 효과를 만들어 보았습니다.
SEARCH
Effect
javascript

배열과 객체를 활용하여 각각의 요소에 문제를 출력하고, 메서드를 사용하여 정답을 확인하고 점수를 출력하는 효과를 만들어 보았습니다.
quiz
Effect
javascript

마우스 커서의 위치를 구하고 해당하는 값을 이용하여 이미지나 글씨를 움직이고, 마우스를 따라다니는 원을 만들어보았습니다.
mouse
Effect
javascript

이미지를 좌우로 넘기거나, 자동으로 넘어가는 슬라이드 효과를 자바스크립트로 만들어 보았습니다.
slider
Effect
javascript

페이지에서 스크롤 값에 따라 글씨가 나타나거나 메뉴가 사라지고, 이미지의 이질감이 느껴지는 등의 패럴랙스 효과를 만들어 보았습니다.
parallax
Effect
javascript

공부한 자바스크립트 지식을 총 출동하여 테트리스, 카드 뒤집기, 용어 맞추기 등의 간단한 게임 효과를 만들어 보았습니다.
game
Effect
javascript
