전체 글

TIL] innerHTML

자바스크립트를 화면에 출력하기 기본적으로 HTML은 코딩한 것을 화면에 출력하는 마크업 언어이다. 자바스크립트는 프로그래밍 언어로 데이터를 출력하려면 다음과 같은 명령어들을 사용해야 한다. documnet.write() document.write는 괄호 안에 것을 화면에 출력하는 메서드이다. document.write는 웹페이지의 모든 내용이 로딩된 후 메서드가 실행되면 웹페이지 내에 먼저 로딩된 모든 데이터를 지우고 자신의 데이터를 출력한다. 따라서 주의해서 사용해야 한다. innerHTML=" " innerHTML은 통상적으로 document.getElementById, querySelector 같은 메서드를 함께 사용한다. innerHTML은 innerText와 헷갈릴 수 있는데 둘의 차이점은 예제..

TIL] Math

Math.abs() 절댓값이 필요할 때 전달받은 인수의 절댓값을 반환하는 메서드이다. 아래의 코드를 살펴보자 Math.abs(-7); -> 결과값 : 7 Math.abs(7); -> 결과값 : 7 Math.abs(7.89); -> 결과값 : 7.89 Math.abs(-7.89); -> 결과값 : 7.89 위의 코드를 보면 절댓값을 반환하기 때문에 음수를 넣어도 절댓값이 나오게 된다. 절댓값이 필요할 때 간단하게 활용이 가능하다. Math.max() 전달받은 값 중 가장 큰 수를 반환한다. 아래의 코드를 살펴보자 Math.max(1, 2, 3, 4, 1203, 0); -> 결과값 : 1203 Math.max(1, 2, 3, 4, 1203, "text"); -> 결과값 : NaN 위의 코드를 살펴보면 알 수..

TIL] ajax와 api활용하기

ajax ajax란 자바스크립트의 라이브러리중 하나이다. 브라우저가 가지고있는 XMLHttpRequest 객체를 이용해서 전체 페이지를 새로 고치지 않아도 페이지의 일부를 로드하는 기법이다. 쉽게 풀어서 설명하자면 자바스크립트를 통해서 클라이언트와 서버간에 데이터를 주고 받는 기술이다. 비동기방식 비동기 방식은 웹페이지를 리로드하지 않고 데이터를 불러오는 방식이다. ajax를 통해서 서버에 요청한 후 멈추는 것이아니라 프로그램은 계속 돌아가는 것이다. 비동기 방식의 장점은 필요한 부분만 불러와 사용할 수 있기 때문에 불필요한 리소스 낭비가 발생하지 않는다. 따라서 비동기식의 장점은 다음과 같다. 웹페이지의 속도가 빨라진다. 서버의 처리가 완료될 때까지 기다리지 않고 처리가 가능하다. 서버에서 데이터만 전..