IT Knowledge Share

자바스크립트에서 함수를 어떻게 선언하고, 알아둬야 할 부분이 무엇인지 살펴봅니다. 자바스크립트에서 함수는 function 키워드를 사용해서 선언하게 됩니다. 아래의 함수에서 myFunction은 함수명, a와 b는 인자값(파라미터), 그리고 return a + b는 리턴값이 되게 됩니다. 중괄호 { } 안에서 함수 내용을 적어주면 됩니다. function myFunction(a, b) { return a + b; } 함수를 사용하는 이유는, 함수를 한 번 정의하고 여러 번 사용할 수 있기 때문에 불필요한 코드 작업을 방지할 수 있기 때문입니다. 함수 선언 시 주의점은, 함수 객체와 함수 결과를 혼동하지 말아야 한다는 점입니다. 아래의 예문에서 toCalculate는 number라는 파라미터를 받아서, 중..

자바스크립트에 할당되는 데이터의 타입으로는 여러 가지가 올 수 있습니다. 기본적으로 오게되는 데이터 타입은 다음과 같습니다. 1. 숫자 타입 2. 문자열 타입 3. 객체 타입 4. 배열 타입 let price = 100; let Name = "John"; let student = {Name:"John", Phone:"010-1111-1111"}; const cars = ["Saab", "Volvo", "BMW"]; 특히 데이터 타입 사이에 연산자를 사용할 경우 주의해야 합니다. 꼭 알고가셔야 할 사항은 숫자와 문자열을 더하게 되면, 숫자 또한 문자열로 취급된다는 사실입니다. 그리고, 자바스크립트에서는 왼쪽에서 오른쪽으로 표현식을 계산하기에, 그 결과에 주의해야 합니다. let home = 233 + "b..

자바스크립트의 연산자를 총 정리해보도록 하겠습니다. 1. 산술 연산자 + 더하기 - 빼기 * 곱하기 ** 거듭제곱 / 나누기 % 몫 ++ 증감 -- 감소 산술 연산자 중에서 거듭제곱을 어떻게 사용하는지만 알아보겠습니다. x값의 2제곱을 원한다면, x ** 2 또는 pow메소드를 사용하여 pow(x, 2)로 표현하면 됩니다. let x = 5; let z = x ** 2; //결과값은 25가 됩니다. let x = 5; let z = Math.pow(x,2); //x값의 2제곱승을 하게 되므로, 결과는 동일하게 25입니다. 2. 할당 연산자 할당 연산자 예시 의미 = x = y x = y += x += y x = x + y -= x -= y x = x - y *= x *= y x = x * y /= x /..

자바스크립트 변수인 var, let, cont에 대해 좀 더 깊게 알아보겠습니다. 1. Var 자바스크립트에서 값을 할당하기 위해 사용되는 키워드 중 하나입니다. 자바스크립트를 사용 시 주의해야 할 점은 변수를 선언하고, 값을 할당해야 합니다. 그렇지 않으면, undefined라는 값이 없는 상태의 메시지가 나올 것입니다. 아래의 예문과 같이, Name을 선언하고 이후에 "홍길동"이라는 문자열을 Name 변수에 넣어주었습니다. 마지막 처럼, 변수 선언과 동시에 값을 할당해줘도 됩니다. 필요한 모든 변수는 스크립트 초기에 선언하는 것이 가장 바람직합니다. var Name; Name = "홍길동"; var Name = "홍길동; * 다시 한 번 선언해도 문제가 없습니다! var Name; var의 주요 특징..

자바스크립트를 사용할 때 주의할 사항 몇 가지를 살펴봅시다. HTML 문서에서 자바스크립트로 짜여진 문장이 웹브라우저를 통해 렌더링됩니다. 자바스크립트를 사용 시 브라우저에서 JS를 렌더링할 때 에러가 발생하지 않도록 주의해야 합니다. 1. 세미콜론 자바스크립트 문서가 읽힐 때, 한 문장씩 읽혀지게 됩니다. 세미콜론이 없어도 자바스크립트를 읽는 데 에러가 나지는 않지만, 왠만해서는 세미콜론을 사용하는 것이 좋습니다. 세미콜론을 맨 뒤에 붙임으로써, 이 문장이 끝났다는 것을 더욱 직접적으로 알려주기 떄문입니다. 세미콜론을 빼먹는 경우, 어떠한 로직 상에서 혼동이 야기될 수 있습니다. let a, b, c; // a, b, c 변수를 선언합니다. a = 20; // a에는 20를 할당 b = 10; // b..

자바스크립트로 어떻게 HTML 콘텐츠를 보여줄까요? 여러가지 방법이 있으나, 그 용도와 목적에 맞게 하나씩 살펴보도록 합니다. 1. 가장 일반적인 사용법은 innerHTML입니다. document.getElementById( ) 메소드를 이용해서 HTML 요소에 접근할 수 있으며, 이런식으로 텍스트, 이미지 등의 콘텐츠를 보여줄 수 있습니다. 아래의 예문과 같이, p태그의 id값은 display이며, p태그의 내용은 현재 비어있는 상태입니다. 하지만, 자바스크립트 블록 안에서 document.getElementById("display").innerHTML 문장을 통해 id가 display인 요소, 즉 p태그를 가져오고, 여기에 100을 20으로 나눈 값을 할당합니다. 당연히 body 태그에 보이는 내용은..