목록javascript (5)
잇뉴얼 (IT_Manual)

[JQuery] 제이쿼리를 이용한 HTML요소 추가 방법 목표 : JQuery를 이용해 HTML을 요소를 추가 사용 코드 : $("#id이름 혹은 .class이름).append(변수명) ▶ HTML 요소 추가 방법 JQuery 작성 Jquery를 이용하기 위해 먼저, JQuery 라이브러리 코드를 추가한 다음, 태그를 이용해서, JS 함수를 하나 생성해줍니다. 함수안에 새로운 변수를 생성하게되는데, 이 변수안에 HTML요소를 작성해주시면 됩니다. 주의할 점은 따옴표(')가 아닌 백틱(`)으로 감싸고 있는 점인데요. 백틱은 숫자 1 왼쪽 키보드를 보면 물결표와 함께 같이 있습니다. 그리고 '$("#id이름 혹은 .클래스 이름").append(변수명)' 을 작성해줍니다. 이 코드가 해당 id 혹은 클래스이름..

[JQuery] 제이쿼리 임포트 & 사용방법 자바스크립트를 공부하시는분이라면 '제이쿼리(JQuery)'를 들어보셨을껍니다. '제이쿼리'는 자바스크립트를 미리 작성해둔 라이브러리로 자바스크립트에서 복잡했던 코드를 간결하게 만들어주는 역할을 하는데요. // 자바스크립트 코드 document.getElementById("element").style.display = "none"; // 제이쿼리 코드 $('#element').hide(); 위의 코드를 보더라도, 제이쿼리의 코드가 간결하다는것을 확인할 수 있습니다. 단 이 '제이쿼리'를 사용하기 위해서는 코드를 임포트 해줘야 사용이 가능합니다. ▶ 제이쿼리 임포트 (import) 위의 코드를 작성하지 않는다면, 제이쿼리코드 작성시 에러가 발생할 수 있으니, 꼭 ..

[JavaScript] 자바스크립트 연산자 데이터와 데이터를 처리해서 결과값을 반환하는 역할이 바로 '연산자' ▶ 문자열 붙이기 '+'를 이용한 문자열 붙이기 let str1 = "Hello" let str2 = "javaScript" result = str1 + " " + str2 console.log(result) console.log("Hello"+"JavaScript") '+'를 이용하여, 문자열을 붙일수 있습니다. 변수에 문자열을 넣은 다음, '+'로 붙일수도 있고, 문자열을 바로 붙일수도 있습니다. 백틱(`)을 사용하는 템플릿 리터럴 (Template literals) let str = "javaScript" console.log(`${str} 백틱을 사용한 템플릿 리터럴`) // consol..

[JavaScript] 자바스크립트 데이터 타입 변수를 선언할때, 'let','const'키워드로 선언을 하지만, 할당되는 값에 따라 데이터 타입이 달라지는데요. 데이터 타입중 기본형 또는 원시형 (primitive) 타입이라 불리는 number, string, boolean, null, undefined에 대해 한번 포스팅 해보겠습니다. ▶ number - 숫자 데이터 let num = 7 console.log(num) console.log(typeof(num)) // typeof - 해당 변수의 데이터 타입을 확인할 수 있다. 'let'키워드로 'num'변수를 선언한 다음, 해당 변수에 '7'숫자를 입력했습니다. 그리고 'console.log'로 값을 출력하면 당연히 '7'이라는 숫자가 출력됩니다. ..

[JavaScript ] 자바스크립트 코드결과를 보기 위한 Console.log() 코드를 작성하게 되면, 에러가 발생했을시에, 어디서 에러가 발생했는지 확인을 하기 위해, 에러가 난 부분의 결과값을 눈으로 볼 수 있는 함수가 있습니다. 바로 'console.log()'함수인데요. 이 함수는 컴퓨터에 'Node.js'가 설치되어있으면, 터미널에서 'node 파일명.js'를 입력하면 함수안의 매개변수(Parameter)를 보여줍니다. // 문자열 출력 console.log("Hello JavaScript") // 매개변수(파라미터) 출력 function sum (a,b) { return a+b } result = sum (1,2) console.log(result) // 혹은 console.log(sum(..