일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | |
7 | 8 | 9 | 10 | 11 | 12 | 13 |
14 | 15 | 16 | 17 | 18 | 19 | 20 |
21 | 22 | 23 | 24 | 25 | 26 | 27 |
28 | 29 | 30 | 31 |
- jQuery
- click
- PYTHON
- classList
- Quaternion
- Event
- className
- 탑다운
- 연습
- 도린이
- 도트
- 회전
- wsl
- intervals
- 자주 사용하는 Quaternion 함수
- 코딩
- javascript
- vsCode
- getItem
- 2D
- Unity
- 종속변수
- 독립변수
- 웹스크래핑
- topdown
- euler
- 픽셀
- Lerp
- setItem
- addEventListener
- Today
- Total
목록JavaScript (30)
쫑가 과정
jQuery What is jQuery? jQuery is a fast, small, and feature-rich JavaScript library. It makes things like HTML document traversal and manipulation, event handling, animation, and Ajax much simpler with an easy-to-use API that works across a multitude of browsers. jquery.com 자바스크립트 언어를 간편하게 사용할 수 있도록 단순화시킨 오픈 소스 기반의 자바스크립트 라이브러리 장점 주요 웹 브라우저의 구버전을 포함한 대부분의 브라우저에서 지원. 문서 객체 모델(DOM)과 이벤트에 관한 처리를 손쉽..
intervals 정해놓은 시간마다 함수를 실행한다. WindowOrWorkerGlobalScope.setInterval() - Web APIs | MDN The setInterval() method, offered on the Window and Worker interfaces, repeatedly calls a function or executes a code snippet, with a fixed time delay between each call. developer.mozilla.org var intervalID = setInterval(func, [delay, arg1, arg2, ...]); var intervalID = setInterval(function[, delay]); fun(func..
브라우저 환경과 다양한 명세서 ko.javascript.info window 두 가지 의미 1. 전역개체 window.document 와 window를 생략한 document는 같은 결과를 가져온다. 이유는 window를 생략하면 자동으로 윈도우 객체의 프로퍼티를 의미하기 때문. 2. window 또는 frame 것을 제어하기 위한 객체 여러 프로퍼티 중에서 아주 중요한 프로퍼티가 document JavaScript Core JavaScript 언어 자체에 정의되어 있는 객체들. BOM Browser Object Model. 웹페이지의 내용을 제외한 브라우저의 각종 요소들을 객체화시킨 것이다. 전역객체 Window의 프로퍼티에 속한 객체들이 이에 속한다. DOM Document Object Model. ..
주어진 함수의 테스트를 통과하는 모든 요소를 모아 새로운 배열로 반환한다. Array.prototype.filter() - JavaScript | MDN filter() 메서드는 주어진 함수의 테스트를 통과하는 모든 요소를 모아 새로운 배열로 반환합니다. developer.mozilla.org 구성 arr.filter(callback(element[, index[, array]])[, thisArg]) callback - 각 요소를 시험할 함수. true를 반환하면 요소를 유지, false를 반환하면 버린다. 다음 세 가지 매개변수를 받는다. element - 처리할 현재 요소. index(Optional) - 처리할 현재 요소의 인덱스. array(Optional) - filter를 호출한 배열. th..
명언만들기 명언을 넣은 array를 만들어준다. const saying = [ {a : "유행은 유행에 뒤떨어질 수 밖에 없게 만들어진다.", b : "가브리엘(코코)샤넬"}, {a: "미래는 탁한 거울이다. 누구든 들여다 보려 하면 늙고 근심 어린 얼굴의 희미한 윤곽만 볼 뿐이다.", b: "짐 비숍" }, {a: "현재뿐 아니라 미래까지 걱정한다면 인생은 살 가치가 없을 것이다.", b: "윌리엄 서머셋 모옴"}, {a: "일 분 전만큼 먼 시간은 없다.", b: "짐 비숍"}, {a: "당신은 지체할 수도 있지만 시간은 그러하지 않을 것이다.", b: "벤자민 프랭클린"}, {a: "미래에 사로잡혀있으면 현재를 있는 그대로 볼 수 없을 뿐 아니라 과거까지 재구성하려 들게 된다.", b: "에릭 호퍼..
목표 input 입력값을 화면에 띄워보자. 작동원리 파악 form, input 만들기. submit한 후에 form이 사라진다. 입력값이 저장되고 꺼내 쓸 수 있다. 1. submit 후 form 숨기기 form 숨기기 See the Pen by jongha (@gajong) on CodePen. submit하면 form은 사라졌지만 사용자 이름이 console에는 기록됐다. h1태그 숨기기 현재 h1은 공백으로 나와있는 것이라 처음에 hidden으로 숨겨놓아야 한다. h1 class를 hidden으로 지정하고 id를 greeting으로 한다. See the Pen by jongha (@gajong) on CodePen. h1을 JavaScript에서 사용할 수 있게 변수로 만들어준다. submit이 작..
사용자 이름 저장하기 (local storage) Window.localStorage - Web API | MDN localStorage 읽기 전용 속성을 사용하면 Document 출처의 Storage 객체에 접근할 수 있습니다. 저장한 데이터는 브라우저 세션 간에 공유됩니다. developer.mozilla.org 브라우저에서 공짜로 뭔가를 기억할 수 있게 해주는 api이다. 예를 들어 유튜브 볼륨을 조절하고 기억하는 기능 등이다. 자주 사용한다. localStorage console에 localStorage라고 입력하면 볼 수 있는데 이미 정의되어 있다. 또 개발자 도구(f12)에서 볼 수 있다. application > local storage 이곳에 저장했다 꺼내 쓸 수 있다. localStora..
string과 veriable 조합 1. template strings + 를 이용해서 string을 조합하는 방식 +와 띄어쓰기를 기억해야 한다. userName.innerText = "hello " + username; 2. Template_literals Template literals - JavaScript | MDN 템플릿 리터럴은 내장된 표현식을 허용하는 문자열 리터럴입니다. 여러 줄로 이뤄진 문자열과 문자 보간기능을 사용할 수 있습니다. 이전 버전의 ES2015사양 명세에서는 "template strings" (템플릿 문 developer.mozilla.org ``(백틱)을 이용하는 방법이 있다. 일반 키보드 tap키 위에 있는 ~과 함께 있는 기호다. `` 안에 ${변수명}만 넣으면 된다...