parseInt()와 Number()의 차이
parseInt()는 문자열로 된 부분에서 숫자(정수)만 뽑아서 변환해주는것이 특징이고, Number()은 문자열 전체가 숫자일때 소수점까지 숫자타입으로 가져올 수 있다는것이다.
별 찍어내기
for (let i = 0; i < 5; i++) { console.log("*".repeat(i + 1)); }repeat 붙이면 반복이 된다!!
별 찍어내기 2 마름모, 절대값
- 퍼센트 이용하며 공백값을 지정
> console.log("마름모 별찍기");
for (let i = 1; i <= 5; i++) {
console.log(" ".repeat(2 - (5 % i)) + "*".repeat((5 % i) * 2 + 1));
}- Math.abs( ) 절대값을 사용한다.
함수는 주어진 숫자의 절대값을 반환합니다. x가 양수이거나 0이라면 x를 리턴하고, x가 음수라면 x의 반대값, 즉 양수를 반환합니다.
for(let i = 4; i >= -4; i-=2 ){
console.log(' '.repeat( Math.abs(i)/2 ) + '*'.repeat(5 - Math.abs(i)))
}태그 사이 한칸의 공백 (자식과 자손의차이)
<div><span><p><p></span><div>('div p')
('div span p')
자식 : div 태그 안에 있는 span 아들딸
(div>p) : 꺽쇠가 있으면 자식만
자손 : 후손들 모두 다포함 div span 안에 있는 p까지
콜백함수(리스너함수)
태그.addEventListener('이벤트 이름', 리스너함수);어떤 동작을 실행하고 난뒤에 연이어 실행되는 함수를 콜백함수라고한다.
태그들 내부 값을 가져올 때 속성들
input , select , textarea : value
button , div, span : textContent
배열 과 객체 언제 사용해야 되는가?
배열 : 배열은 단순한 값들을 모와둘때
객체 : 각각 값들 속성의 이름을 붙여 구분이 필요할때 사용
배열을 문자로만드는 법 .join('')
변수명.join('');join() 실행시 => '문,자,열'
join('') 실행시 => '문자열'
join(':') 실행시 =>'문:자:열'
Math 함수
Math.floor 내림
Math.cell 올림
Math.round 반올림
indexOf 와 includes 차이
indexOf와 includes 는 배열이나 문자열에 원하는 값이 들어 있는지 찾는 메서드입니다.
indexOf 원하는 값이 있다면 해당인덱스를 알려주고 , 들어있지 않다면 -1 을 반환합니다.
includes는 조금 더 직관적으로 true/false 를 반환합니다
- 확인할려는 문자열은 동일해야함
document.createElement , document.createTextNode
각각 태그와 텍스트를 만드는 메서드 입니다.
단 다른 태그에 append 나 appendChild하기전까지 화면에 보이지 않습니다.
appendChild , append
docuCRE , docuCTN 으로 만든 태그나 텍스틀 선택한 태그의 자식 태그로 넣습니다.
appendChild : 하나만 넣을수있음
append : 여러개 동시에 넣을수있으며 , docuCTN 사용하지않고 바로 문자열을 넣을수있습니다.
⚠️ 메서드 호출 방식을 이용할 때에는 화살표 함수를 쓰지 않습니다. 그 이유는 mdn 화살표 함수 설명에서 찾을 수 있습니다.
자바스크립트 타임 / 타입스크립트 의차이
자바스크립트 타입 (예. typeof 'Max' => 'string')과 타입스크립트 타입 (예. const name: string = '...')의 차이는 무엇인가요?
타입스크립트 타입은 컴파일 중에 확인되는 반면, 자바스크립트 타입은 런타임 중에 확인됩니다.
