라쿤의 끄적끄적

Starbucks Clone04 유튜브 영상 배경 - 반복 애니메이션 유튜브 영상 배경위에 일정 하게 반복되는 애니메이션을 구현하고자 함 Gsap : easing Gsap : to 함수 사용법 (옵션 포함) HTML, CSS 반복되게 할 이미지를 inner에 추가함 CSS는 알맞은 위치에 배치 함 JS 반복 애니메이션 랜덤한 숫자를 생성하는 함수 각 애니메이션에 특정 옵션값을 랜덤하게 줌으로써 볼때마다 다르게 움직이게 하려고 함 function random(min, max) { return parseFloat((Math.random() * (max - min) + min).toFixed(2)); } floatingObject라는 함수느 선택자, 지연시간, y축 이동 거리를 인자로 받아서 gsap의 to ..

js가 프로젝트에서 어떻게 사용되어지는지 알기 위해서 노마드 코더의 강의를 들었고 단지, 내 수준에서 필요한 것만 회고하듯 정리함 노마드 코더 강의 잘되어 있으니 듣길 바란다. JavaScript with Nomadcoder JavaScript project nomadcoder에서 진행하는 이 강의의 프로젝트는 클론 코딩이다. 클론 대상은 momentum 이라는 Todolist 페이지 이다. 특징은 가운데 시계가 있고, 배경이 변하고, todolist기능, 날씨 정보기능이 있다. 현재 해당 강의는 모두 들어서 프로젝트는 끝냈으나 추가적인 기능 및 CSS를 추가하여 마무리 하였다. CSS 적용하기 기본적으로 dorder-box 단위 처리 * { box-sizing: border-box; } 기본 폰트 si..

js가 프로젝트에서 어떻게 사용되어지는지 알기 위해서 노마드 코더의 강의를 들었고 단지, 내 수준에서 필요한 것만 회고하듯 정리함 노마드 코더 강의 잘되어 있으니 듣길 바란다. JavaScript with Nomadcoder JavaScript project nomadcoder에서 진행하는 이 강의의 프로젝트는 클론 코딩이다. 클론 대상은 momentum 이라는 Todolist 페이지 이다. 특징은 가운데 시계가 있고, 배경이 변하고, todolist기능, 날씨 정보기능이 있다. 실시간 날씨 가져오기(weather.js) 현재의 경도 위도를 가져와서 경도위도의 좌표를 통해서 날씨open API를 이용해서 현재 위치의 날씨 정보를 불러와서 나타낼 것이다. 초기화 함수 (init) Coords는 좌표 뜻을 ..

js가 프로젝트에서 어떻게 사용되어지는지 알기 위해서 노마드 코더의 강의를 들었고 단지, 내 수준에서 필요한 것만 회고하듯 정리함 노마드 코더 강의 잘되어 있으니 듣길 바란다. 해당 강의는 무료임 JavaScript with Nomadcoder JavaScript project nomadcoder에서 진행하는 이 강의의 프로젝트는 클론 코딩이다. 클론 대상은 momentum 이라는 Todolist 페이지 이다. 특징은 가운데 시계가 있고, 배경이 변하고, todolist기능, 날씨 정보기능이 있다. JavaScript 파일 셋팅 보통 웹사이트 처럼, html, css, js로 구성된다. 기능들은 js 한파일에 모으지 않고 기능별로 나누어 구성하여 html 연결한다. 기능 : 사용자 이름 입력시 인사(gr..