오늘은 문제를 풀다가 새롭게 알아본것과 까먹을 것들을 작성해보았다.
1.object에서 함수 넣기
예전에 object 공부할때 무심코 지나간 함수 호출
object내에서도 함수를 호출할 수 있다는것을 까먹고 있었다.
obeject ABC에서 일반적으로 name을 선언해보았고
특별하게 함수를 만들어보았다
console.log(ABC)의 결과값은 아래와 같이 작성되고
console.log(ABC.practice)
console.log(ABC.arrow) 를 호출하게 되면
실질적인 함수호출을 하게되면
ABC.practice();
ABC.arrow();
우리가 늘 사용하는 일반적인 함수와 똑같이 출력된다.
2.javascript eventlistener의 함수호출 +
우리가 자주 사용하는 eventlister
주로 코드를
xxx.addEventListener("click",yyy)형태로 작성하는데 이번에 문제를 풀면서 느낀건
argument로 받는 함수를 위에서 사용한 객체함수를 사용할 수 있더라
객체에 예로 사용할 함수를 추가하여주고
객체 함수를 eventlistener에 적용해보았다
결과는 아주 만족스럽게 잘 나온다
3.javascript contextmenu
이것은 eventlistener를 공부하다가 알게되었는데
contextmenu는 우클릭이벤트를 뜻하는 것이다.
객체에 새로운 함수를 추가시키고 아래코드를 작성해보니
아래와 같은 결과가 나온다
여기서 우클릭을 하였을때 나오는 드랍메뉴들이 보기싫다면
event.preventDefault() 함수를 적용시켜주면 된다.
그럼 위 결과물과 같이 contextmenu의 기본이벤트인 드랍메뉴들이 나오지 않는걸 볼 수 있다.
4.javascirpt 줄바꿈
이건 사소한거지만 HTMl에서는 줄바꿈을 하기위해 br을 썼다면
javascript에서는 어떤것을 작성해야 줄바꿈이 되는지 궁금해서 알아보았다.
javascript에서는 \n 을 작성하게 되면 줄바꿈이 됐다.
예로 아까 사용했던 객체에 새로운 함수를 추가해주고
event를 적용시켜 확인하여보니
이와 같은 화면에서 이벤트를 실행하였을때 아래와같이 \n이 적용되는 것을 확인할 수 있었다
