개인 공부용 블로그

parseInt : 문자열을 정수로 바꿔준다. 정수가 아닌 값을 입력하게 되면 정수 부분만 추출한다. parseInt('5'); //5 typeof parseInt('5'); //number parseFloat :문자열을 실수로 바꾸고 싶다면 parseFloat 사용한다.

문자열을 감쌀때는 "" (쌍따옴표) '' (홑따옴표) `` (백틱, backtick 또는 backquote) 으로 감싸주어야 한다. 서로 짝이 맞아야 하며 시작과 끝이 다를 경우 문제가 발생한다. 📌문자열 안에서 따옴표 사용하기 문자열 안에 작은따옴표를 넣어야 할 경우 📎 결론은 다른 종류의 따옴표를 넣어야 한다. 🤢오류가 나는 이유 보라색 박스까지만 인식하고 그 뒤에 나오는 부분은 인식을 하지 못하기 때문이다. 🛠해결하기 위해서는? 다른 종류의 따옴표를 넣는다. " ' ' " 또는 반대로 ' " " ' 이런 식 🛠또 다른 방법 동일한 따옴표로 해야 하겠다면? 역슬래시를 앞에 넣어서 문자열 내부의 따옴표를 별도로 처리해야 한다. (따옴표를 이스케이핑 한다고 함) **이스케이핑이란? html 코드 및 태그..

for (let a = 0; a < 4; a++) { for (let b = 0; b < 5; b++) { document.write("*"); }; document.write(" "); }; //결과물 //***** //***** //***** //***** 1. let a=0; (초기식 처음 1회만 적용) 2. a

for (let a = 2; a < 10; a++) { document.write("-----" + a + "단----- "); for (j = 1; j < 10; j++){ document.write(a + "*" + j + "=" + (a * j) + " "); }; }; 중첩 반복문을 통한 구구단 찍기 (홀수만 나오게, continue 사용) for (let i = 0; i < 10; i++) { if (i % 2 === 0) continue; console.log('=====' + i + '단====='); for (let k = 0; k < 10; k++) { if (k % 2 === 0) continue; console.log(i +'*'+ k + '=' + i * k); } } 추가➕ 중첩 ..

for문을 통한 기초 개념 공부 기본 문법 for(초기식; 조건식; 증감식){ 명령문 } //초기식: 반복 변숫값을 초기화하며, for문이 처음 시작할 때 단 한 번만 실행됨 //조건식: 스코프 내 문장을 몇번 반복할 것인지? 조건식이 참인 동안 반복함 //증감식: 초기식에서 초기화한 변수의 값을 증가 또는 감소시킴 1. 1~10까지 출력 for (let i = 1; i < 11; i++) { document.write(i); }; 📌let의 경우 전역변수로 선언하게 될 경우 한번만 선언 가능. (var는 재선언, 재할당 가능) 📌for문의 초기식에 선언하게 될 경우 내부 스코프에서만 사용하므로 다른 for문이나 함수구문에서 동일하게 선언값을 재사용할 수 있다. 2. 1~10까지의 합 출력 let sum..

선언과 할당 let number; // 선언 number = 10; // 할당 var (Variable) 변수 선언 변수의 재선언 및 재할당 가능(함수스코프 변수) 개발자 도구를 통해 살펴보면 아무 문제 없이 출력이 된다. let (Let) let num = 5; //선언 후 할당 num = 10; //재할당 가능 let num = 10; //재선언 불가 변수 선언 재할당 가능, 재선언 불가 변수가 선언된 블록, 구문 내에서만 유효 변수를 선언 (블록 스코프) 개발자 도구를 통해 살펴보면 const (Consistent) 상수 선언 재할당과 재선언 불가 변수에 할당된 데이터가 변경되지 않는다. (최초에 할당한 데이터 값에서 변경 불가) 개발자 도구를 통해 확인해보면 const로 선언한 변수는 데이터를 변..

비교 연산자 : 참 거짓을 판단하는 연산자 DATA TYPE * Number (숫자) ☞ -1, 0, 1, 2, 3 (실수 포함) * string (문자열) ☞ "a" "b" "c" * Boolean (1, 0)) ☞ true(1), false(0) * null (값이 없는) * undefined (초기화 되지 않음, 값이 정의되어 있지 않음) null (값이 없으며 그 값이 없음을 의도적으로 부여) undefined(의도하지 않은 값이 할당되지 않은 것) null == undefined //true 똑같이 값이 없기때문에 true null === undefined //false 모두 값이 없어도 엄격히 따져보면 데이터가 다르기 때문에. ==(동등연산자, equal operator) 좌항, 우항을 비교해..

변수(variable) : 바뀔수 있는 값 예) x=1; (이 경우 x는 변수(variable)이라고 하고 "="은 대입연산자 라고 함) 즉, 오른쪽 항에 있는 값을 왼쪽에 있는 변수에 대입하는 역할. 상수(constant) : 바뀌지 않는 불변의 값 즉, 1은 언제나 1이다.

22.06.04수정 이벤트 함수 = 콜백함수 = (이벤트)리스너함수 = 트리거 모두 동일한 말 function test() { function onClick() { console.log("onClick"); } function sum(a, b) { const result = a + b; return result; } return( {sum(1, 2)} ) } 페이지가 loading 되었을 경우 sum(a, b) 와 같은 일반 함수는 페이지에 나타나지만 onClick같은 이벤트함수는 행위만 보여야 하고 결과는 뱉지 않아도 되기 때문에 return문이 필요하지 않다.

자바스크립트에서 css 를 넣어야 할 때가 있는데 이때 사용방법 2가지 1. css 중복 이용 가능, 쉼표(,)로 구분, 중괄호 사용(필수) .css({'속성1' : "속성값1" , '속성2' : "속성값2"}); 예시 $(".select .arrow").css({'background-image':"url(common/images/up.svg)", 'color':"blue"}); 2. css 한번만 이용, css 속성, 속성값 사이에 쉼표(,)로 구분함 .css('속성1' , "속성값1"); 예시 $(".select .arrow").css('background-image',"url(common/images/up.svg)");