오랜만에 포스팅입니다. 요즘 밤낮이 완전히 바뀐터라 공부하는 것도 중구난방이네요. 드디어 자바스크립트로 만드는 공피하기 게임 플젝이 끝이 났습니다,,, 하면서 너무너무 재밌었어요! 요즘 강의가 많이 밀렸는데, 포스팅 후딱 하고 다시 공부하러 가겠습니다! 우선 코드부터 보기 전에, 점과 점 사이의 거리를 구하는 공식부터 봅시다. 그림 한 장만 보면 기억날거예요. 연산 중, 제곱과 루트가 있네요. 제곱부터 연산을 시작하니, 자바스크립트 제곱 함수부터 가봅시다. Math.pow() 다른 언어에서, 제곱연산은 ^ 기호를 사용하지만, Java(JavaScript) 에서는 pow 함수를 사용합니다. 자바 개발을 해보신 분들이라면 익숙하시라 생각합니다. 형식은 다음과 같습니다. Math.pow(밑, 지수) 예를 들어..

timer 0.00 다음 html 코드를 실행하면 아래와 같이 출력된다. 이제 자바스크립트와 제이쿼리를 이용해서 timer 아래의 숫자가 증가하게 만들어보자! 사실,,, 코드는 너무 너무 간단하다. 코드부터 보여드리고 설명을 진행하겠다. // 시간을 담을 변수 t var t=0; function timer(){ // 0.01(10ms)초마다 t 값을 0.01 증가시키고 // 증가된 t 값을 timer 클래스 하위 html에 출력 setTimeout(function(){ t+=0.01; $(".timer").html(`${t.toFixed(2)}`); timer(); }, 10) }; timer(); 우선 시간 담을 변수 t 를 하나 선언해주고, setTimeout 이라는 제이쿼리 함수를 이용해 제작했다...

안녕하세요. 이번 포스팅은 JQuery 에 대한 포스팅입니다. 재작년에 아주 후루룩 라면 먹듯 JQuery를 배웠었는데, 프로젝트 하면서 한번 더 쓸 일이 있어서 정리하는 느낌으로 다시 포스팅을 하고 있습니다! 이번 포스팅은 JQuery를 기본적으로 알고 계시고, 사용해보신 분들보다 JQuery를 처음 접하시는 분들에게 더욱 도움이 되는 포스팅이 될 것 같습니다. JQuery 란? JQuery 는 자바스크립트를 사용해 HTML 을 조작하는 것을 더욱 편리하게 하기 위해서 만들어진 자바스크립트 라이브러리 입니다. "write less, do more(적게 작성하고, 많은 것을 하자)”라는 문장을 필두로 미국의 개발자 존 레식(John Resig)이 2006년에 발표했어요. 사실 요즘은 제이쿼리를 검색하면 ..

자바스크립트에서는 바인딩와 this 의 개념이 끊임없이 나옵니다. 바인딩과 this 는 많은 사람들이 혼동할 수 있고, 개발을 계속 하시는 분들도 헷갈릴만한 부분이라고 생각해 포스팅을 합니다! 자바스크립트 바인딩? 바인딩이란, 함수 또는 메소드를 호출한 대상에 실제 함수를 연결해주는 것입니다. 즉, 함수를 호출하는 부분에 함수가 위치한 메모리 번지를 연결시켜주는 것이라 할 수 있죠. 예시로 살펴봅시다. 코드가 더 이해하기 쉬우니까요. var aObj = { num:'1' printNum:function(){ console.log(this.num); } } var bObj = { num:'2' } bObj.printNum = aObj.printNum; aObj.printNum(); // 1 bObj.pri..