본문 바로가기

JavaScript23

JavaScript 정복하기[4] - 조건문 조건문 if (조건1) { // 조건1이 통과할 경우 } else if (조건2) { // 조건1이 통과하지 않고 // 조건2가 통과할 경우 } else { // 모든 조건이 통과하지 않을 경우 } => 조건에는 boolean으로 결과가 나오는 비교구문이 들어간다. 예시1) x가 음수인지 양수인지 구하기 let x = 3 if(x = 5) { console.log(x.length.. 2023. 5. 25.
JavaScript 정복하기[3] - 함수편 함수(function) input과 output을 가지고 있는 어떤 기능의 단위를 말한다. function add (매개변수) { // 함수 내부에서 실행할 로직 } 1. 함수 선언문 function add (x, y) { return x + y } 2. 함수 표현식 let add2 = function(x, y) { return x + y } 3. 화살표 함수 ES6 신문법 1-1. 기본적인 화살표 함수 let arrowFunc01 = (x,y) => { return x + y } 1-2.return문 제외(한줄로 쓸 수 있는 경우 ) let arrowFunc02 = (x,y) => x + y 함수를 호출하는 방법 let functionResult = add(3, 4) console.log(functio.. 2023. 5. 25.
JavaScript 정복하기[2] - 형변환, 연산자 자바스크립트 형 변환에 대해 알아보자! 형 변환이란 말 그대로 형태를 바꾼다는 뜻이다. 1. 암시적 1-1. 문자열 숫자와 문자열(숫자)가 더할 경우 let result1 = 1 + "2" console.log(result1) // 12 console.log(typeof result1) // string 문자열(숫자)와 boolean 타입이 더할 경우 let result2 = "1" + true console.log(result2) // 1true console.log(typeof result2) // string 객체, null, undefinded와 문자열(숫자)이 더할 경우 {}, null, undefined + "1" => 문자열 1-2. 숫자 숫자에서 문자열(숫자)를 뺄 경우 let result.. 2023. 5. 25.
JavaScript 정복하기[1] - JavaScript 데이터 타입 JavaScript 데이터 타입 자바스크립트는 runtime, 즉 코드를 작성할 때가 아니라 실제 코드가 실행될 때(터미널) 실행되는 언어이며 그 때 데이터 타입이 결정된다. java : string a = "abc" const a = "abc" 1. 숫자(Number) 1-1. 정수 let num1 = 10 console.log(num1) console.log(typeof num1) // number 1-2. 실수 let num2 = 3.14 console.log(num2) console.log(typeof num2) // number 1-3. 지수 let num3 = 2.5e5 // 2.5 x 10^5 console.log(num3) console.log(typeof num3) // number 1-.. 2023. 5. 24.
JavaScript 정복하기[0] - 변수, 데이터타입 변수란? 수학에서 쓰이는 수식에 따라서 변하는 값을 뜻하지만 컴퓨터 프로그래밍에서 변수란 메모리에 저장하고, 그걸 읽어들어서 재사용 할 수 있다. 변수의 5가지 주요 개념 var myVar = "Hello World" 1. 변수 이름: 저장된 값의 고유 이름 ex) myVar 2. 변수 값: 변수의 저장된 값 ex) "Hello World" 3. 변수 할당: 변수의 값을 저장하는 행위 ex) var myVar = "Hello World" => 저장하는 행위 4. 변수 선언: 변수를 사용하기 위해 컴퓨터에 알리는 행위 ex) var myVar => myVar를 사용하기 위해 컴퓨터를 알리는 것 5. 변수 참조: 변수에 할당된 값을 읽어오는 것 ex) console.log(myVar) var a = 10 v.. 2023. 5. 24.
JQuery와 Javascript JQuery란 무엇인가? JQuery란 HTML의 요소를 조작하는 편리한 Javascript를 미리 작성해둔 것을 말한다. JQuery는 Javascript와 다른 특별한 소프트웨어가 아니라 미리 작성된 Javascript 코드(라이브러리)이다. 따라서 전문 개발자들이 짜둔 코드를 잘 가져와서 사용하는 것이므로 ⭐️import 필요⭐️ 예시) Javascript document.getElementById("element").style.display = "none"; JQuery $('#element').hide(); JQuery 사용해 보기! // (1) 2. 리스트 test // (2) 3. 딕셔너리 test // (3) 4. 리스트 딕셔너리 test 위 html코드에 JQuery 를 사용해 입력하면 .. 2023. 5. 23.