[JS] 객체 내부에 함수 넣기
2022. 1. 18. 00:55
공부/JavaScript
객체 내부에 함수를 어떻게 넣는지 알아내기 위해 구글링을 하며 열심히 공부한 결과 key:value 형식이라고 한다. function hello () { //내용 }; 그러니까 일반적인 함수는 위와 같은데, 이걸 객체 내에 그대로 넣게 되면 에러가 발생한다. 해결 방법은 되게 간단했는데 방법은 아래와 같다. const hello = { hi: function () { //내용 }, hola: function () { //내용 } }; 위와 같이 key:value로 작성한다. 즉, function hello는 hello: function으로 바꿔주면 된다. 그리고 함수와 함수 사이엔 무조건 콤마(,)로 구분해야 한다. 이거 찾느라 30분 버렸다. 그렇다면 이제 객체 외부에서 사용해야 하는데 방법은 간단했다..
[JS] EventListener (click, mouseenter, mouseleave, contextmenu, resize)
2022. 1. 18. 00:36
공부/JavaScript
EventListener는 유저의 동작(event)을 감지한다. EventListener에는 여러가지가 있지만 제목에 있는 이벤트를 배웠으므로 정리하겠다. EventListener가 이벤트를 감지하면 정해둔 함수를 실행할 수 있다. CLICK "click"은 말 그대로 클릭 이벤트를 감지한다. hello.addEventListener("click", 함수); MOUSEENTER "mouseenter"는 커서가 요소 위에 올라오면 이벤트가 발생한다. hello.addEventListener("mouseenter", 함수); MOUSELEAVE "mouseleave"는 요소에서 커서가 떠나게 되면 이벤트가 발생한다. hello.addEventListener("mouseleave", 함수); CONTEXTME..
[JS] 증가, 감소 연산자
2022. 1. 15. 19:26
공부/JavaScript
증가 연산자 : ++ (1 증가) ++num : 선 증가 후 연산 num++ : 후 증가 선 연산 감소 연산자 : -- (1 감소) --num : 선 감소 후 연산 num-- : 후 감소 선 연산 let num1=10 let num2=10 document.write(num1, " ") //10 document.write(num1++, " ") //10 document.write(num1, " ") //11 document.write(" ") document.write(num2, " ") //10 document.write(++num2, " ") //11 document.write(num2, " ") //11
[JS] confirm
2022. 1. 15. 19:22
공부/JavaScript
confirm은 확인, 취소 선택 창이다. 확인을 누르면 true, 취소를 누르면 false가 반환된다. const result=confirm("계속 하시겠습니까?")
[JS] parseInt
2022. 1. 15. 19:20
공부/JavaScript
parseInt는 문자열을 정수로 바꾸어준다. let num1=prompt("정수1 입력") // "10" 입력 let num2=prompt("정수2 입력") // "20" 입력 const result=(num1+num2) //const result=("10"+"20") 이와같이 문자열로 입력됨. //const result="1020" 결과는 계산이 아닌 문자열이 합쳐지게 됨. 이 것을 해결하는 방법으로 parseInt를 사용한다. let num1 = prompt("정수1 입력") let num2 = prompt("정수2 입력") num1 = parseInt(num1) num2 = parseInt(num2) const result=(num1+num2 + num1+num2) document.write(re..
[JS] prompt
2022. 1. 15. 19:16
공부/JavaScript
prompt로 값을 입력받고 반환한다. 반환하면 prompt함수가 호출된 자리에 값이 남는다. const num=prompt("값 입력") // prompt 실행 document.write(num) // 입력 받은 값 출력
[JS] 논리 연산자
2022. 1. 15. 19:15
공부/JavaScript
논리 연산자의 종류 && , || , ! && : AND || : OR ! : NOT 결과 값에서 0은 false, 나머지는 모두 true이다. 논리 AND의 진리표 논리의 곱, 결합의 의미, 입력이 둘 다 참이어야 참이다. false && false > false false && true > false true && false > false true && true > true 논리 OR의 진리표 논리의 합, 또는 선택의 의미, 둘 중에 하나만 참이라도 결과는 참이다. false || false > false false || true > true true || false > true true || true > true 논리 NOT 논리 반전, 부정(~가 아니다.) !true : 참이 아니다 - 거짓 - ..
[JS] 관계 연산자
2022. 1. 15. 19:07
공부/JavaScript
관계 연산자(또는 비교 연산자)는 관계를 판별하는 연산자이다. const num1=9 const num2=2 const result=(num1>=num2) 사용 부호는 >=, , = num2 즉, num1이 num2 이상이다라는 말이 된다. 여기서 num1이 num2 이상인가에 대해 의문문을 사용하여 관계를 물어보고 큰지 작은지 판별한다. 결과가 참이면 전체가 true로 바뀌고 거짓이면 false로 바뀐다. 아래는 여러가지 경우이다. num1>=num2 : num1이 num2 이상인가? num1>num2 : num1이 num2 보다 큰가? num1
[JS] 나머지 연산자
2022. 1. 15. 18:51
공부/JavaScript
나머지 연산자(%)는 나머지를 한 번에 구해주는 연산자로써 유용하게 사용 가능하다. const num1=9 const num2=2 const result=num1%num2; 위와 같은 코드를 보면, 9%2 - 9를 2로 나누면 몫이 4고 나머지가 1이다. 그러므로 결과는 1을 출력한다.