해당 포스팅은 생활코딩의 이고잉 님의 강의를 기반으로 개인 공부용으로 정리한 포스팅임을 미리 알립니다. JavaScript란 ? JavaScript :: 정의 프로그래밍 언어의 종류 중 하나로, 웹 브라우저의 형태의 웹 브라우저라고 분류되는 소프트웨어들을 프로그래밍적으로 제어하기 위한 언어 JavaScript JavaScript는 웹페이지를 동적으로, 프로그래밍적으로 제어하기 위해서 고안된 언어다. 그렇기 때문에 오늘날 가장 중요한 플랫폼이라고 할 수 있는 웹브라우저에서 유일하게 사용할 수 있는 프로그래밍 언어이다. 최근에는 HTML5의 적용이 가속화되면서 지금까지 모바일 환경에서 네이티브 앱(안드로이드, IOS)으로 구현해왔던 기능이 웹에서도 대부분 구현할 수 있게 되고 있다. 웹이 크로스플랫폼이라는 ..

오랜만에 포스팅입니다. 요즘 밤낮이 완전히 바뀐터라 공부하는 것도 중구난방이네요. 드디어 자바스크립트로 만드는 공피하기 게임 플젝이 끝이 났습니다,,, 하면서 너무너무 재밌었어요! 요즘 강의가 많이 밀렸는데, 포스팅 후딱 하고 다시 공부하러 가겠습니다! 우선 코드부터 보기 전에, 점과 점 사이의 거리를 구하는 공식부터 봅시다. 그림 한 장만 보면 기억날거예요. 연산 중, 제곱과 루트가 있네요. 제곱부터 연산을 시작하니, 자바스크립트 제곱 함수부터 가봅시다. 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 이라는 제이쿼리 함수를 이용해 제작했다...

자바스크립트에서는 바인딩와 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..