일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- classList
- Lerp
- className
- 2D
- 독립변수
- Quaternion
- 회전
- addEventListener
- 연습
- 자주 사용하는 Quaternion 함수
- 도트
- topdown
- javascript
- Event
- PYTHON
- jQuery
- 코딩
- wsl
- 픽셀
- getItem
- 도린이
- vsCode
- click
- setItem
- Unity
- intervals
- 종속변수
- 웹스크래핑
- 탑다운
- euler
- Today
- Total
목록javascript (14)
쫑가 과정
function Afunction(a) { console.log('hi ' + a); } Afunction("Dalbong") function은 ()로 실행하고 그 안의 정보를 argument가 받아온다. function onLoginSubmit() { console.log(loginInput.value); } loginForm.addEventListener("submit", onLoginSubmit) 현재는 argument를 사용하고 있지 않다. addEventListener를 활용할 때 argument가 있다면 어떤 정보를 받아올까? const loginForm = document.querySelector("#login-form") const loginInput = document.querySelec..
목표 element를 click 했을 때 색상이 파란색이 되고 파란 element를 click하면 토마토색이 되게 한다. 작동원리 파악 todo -> click = blue blue todo -> click = tomato click event를 사용. 색상에 따라 만들 수 있는 조건을 확인. 어떤 식으로 작성해야 하는지 보자. See the Pen by jongha (@gajong) on CodePen. console을 보면 click 할 때마다 todo.style.color가 blue로 나오는 것을 확인할 수 있다. 그럼 todo.style.color가 blue이면 tomato가 되게 추가해보자. (작동원리 2번) condition에 따른 작동(if, else) See the Pen by jongha..
return은 하나씩 살펴보면 어렵지 않지만 이상하게 헷갈린다. 하나씩 봐보자. const calculator = { add : function (a,b) { console.log(a+b) }, minus : function (a,b) { console.log(a-b) }, divide : function (a,b) { console.log(a / b) }, multiplication : function (a,b) { console.log(a * b) } }; calculator.add(2,3); calculator.minus(2,3); calculator.divide(2,3); calculator.multiplication(2,3); -------------------------------- 5 -1 ..
array 내가 일주일의 요일을 만들고 싶다면 아래처럼 요일을 하나씩 정의해서 만들려고 할 수도 있다. const mon = "monday"; const tue = "tuesday"; const wed = "wendesday"; const thu = "thursday"; const fri = "friday"; const sat = "saturday"; const dayOfWeek = mon + tue + wed + thu + fri + sat; console.log(dayOfWeek); ----------------------- mondaytuesdaywendesdaythursdayfridaysaturday 하지만 보다시피 결괏값도 엉망으로 나오고 dayOfWeek는 하나의 값이므로 몇 번째 요일을 빼오..
Variable (변수) 모든 프로그램 언어에서 변수는 값을 저장하거나 유지하는 역할. Variable은 왜 사용하는가? 내가 JavaScript로 간단한 연산 테스트를 한다면 // 1 console.log(7 + 8); console.log(7 * 8); console.log(7 / 8); console.log(7 - 8); ---------------------- // 2 console.log(9 + 10); console.log(9 * 10); console.log(9 / 10); console.log(9 - 10); 1번 계산식에서 2번처럼 숫자를 변경한다면 4개의 계산식을 위해 무려 8개의 숫자를 변경해야 한다. 만약 계산식이 더 많다면 하루 종일 변경해야 할지도 모른다. // 1 let a =..
JavaScript란? https://developer.mozilla.org/ko/docs/Learn/JavaScript/First_steps/What_is_JavaScript JavaScript가 뭔가요? - Web 개발 학습하기 | MDN MDN의 JavaScript 초급자 과정에 오신 걸 환영합니다! 이 글은 JavaScript를 넓게 보면서 "뭔가요?", "뭘 하나요?"와 같은 질문을 답변하고, 여러분이 JavaScript에 친숙해지도록 도와드립니다. developer.mozilla.org 자바스크립트는 복잡한 무언가(주기적으로 내용이 갱신되는 기능이나 능동적인 지도, 변화하는 2D/3D 그래픽, 동영상 등)를 웹페이지에 적용할 수 있게 하는 스크립트 혹은 프로그래밍 언어입니다. 자바스크립트는 표..