자바스크립트 18

[JavaScript] Conditional(조건문)

Conditional(조건문) - 기본적으로 if, else 사용 - 자바스크립트는 작은 괄호부터 시작해서 큰 괄호로 넘어감 - true인지 false인지 알려주기 때문에 중요함 기본 문법 if(condition) { // condition === true } else { // condition === false } else는 없어도 됨, else 부분이 없으면 true가 아니라면 아무것도 하지 않음 condition에 해당하는 부분은 boolean(true, false)로 판별 가능해야 함 선행 [JavaScript] prompt, typeof, parseInt, isNaN Prompt const age = prompt("How old are you?"); console.log(typeof age); ..

JavaScript 2023.11.10

[JavaScript] prompt, typeof, parseInt, isNaN

Prompt const age = prompt("How old are you?"); console.log(typeof age); 결과 : - prompt를 사용하면 웹페이지에 위와 같이 팝업창이 생성됨 - 이때 typeof를 사용하면 입력한 값의 타입을 알 수 있음 - 기본적으로 prompt에 입력한 값은 무조건 문자열로 인식 - css 적용 불가, js 작동 멈춤 등의 이유로 현재는 사용 안함 parseInt const age = prompt("How old are you?"); console.log(typeof "15", typeof parseInt("15")); /* string, number */ - 문자열을 숫자로 변환해주는 역할 - 숫자여야지 어떤 숫자보다 큰지 작은지를 알 수 있어서 활용 가..

JavaScript 2023.11.09

[JavaScript] Return(Function에서의 활용)

Return - 질문에 대한 답과 같음 - 작업의 결과를 알려주는 함수가 필요할 때 사용 - 함수 내부에서 console.log를 사용하는 것과 달리 외부에서 요청을 받으면 값을 반환해주는 원리 예시 기본 원리 const age = 23; function calculaterKrAge(ageOfForeigner) { return ageOfForeigner + 2; } const krAge = calculaterKrAge(age); console.log(krAge); /* 25 */ 1. console.log(krAge) 실행 2. krAge는 calculaterKrAge(age) 값인데 처음에 age 값을 23으로 선언했기 때문에 age = 23 3. 함수에 23이 대입되고 23 + 2 값 반환 const..

JavaScript 2023.11.08

[JavaScript] Variables(변수 : var, let, const)

Variables - 기본적으로 const 사용, 필요할 때만 let 사용 - const를 사용한 코드는 절대 바뀌지 않는 것을 알 수 있고, let을 사용한 코드는 바뀔 가능성이 있다는 것을 알게해줌 문제 제기 console.log(5+2); console.log(5*2); console.log(5/2); // 결과 7 10 2.5 위에서 아래 순서대로 출력 문제점 : 바꾸고 싶은 숫자가 있으면 직접 다 바꿔줘야함 해결방안 : 변수를 사용해서 바꾸기 간단하게 변경 var - 가장 기본적인 변수 선언 방식, 재할당이 가능하고 중복 선언이 가능하기때문에 더 늦게 선언된 변수가 적용된다 - 아무런 규칙이 없음 - 문제점 : 실수로 값을 업데이트해도 알려주지 않아서 처음 지정한 값 보호 불가능 - 이러한 문제..

JavaScript 2023.11.05
let textNodes = document.querySelectorAll("div.tt_article_useless_p_margin.contents_style > *:not(figure):not(pre)"); textNodes.forEach(function(a) { a.innerHTML = a.innerHTML.replace(/`(.*?)`/g, '$1'); });