[본캠프 10주차] 월요일 TIL

12/23 일일 목표📝

 

자바스크립트 강의 듣기

디자인 집중반

 

---

 

 

📖 오늘 배운 내용

 

console.log 

프로그래머의 디지털 메모장 같은 도구
코드의 실행 결과를 확인하거나 디버깅(debugging)할 때 가장 많이 사용하는 JavaScript 콘솔 출력 함수

 

console.log는 특정 값을 브라우저 콘솔이나 Node.js 터미널에 출력

• 변수에 저장된 값이 제대로 들어갔는지 확인할 수 있고,
• 함수가 올바르게 동작하는지 디버깅할 수 있음
• 주로 테스트용도에 사용

 

typeof

• 자바스크립트에서 데이터의 타입을 확인할 때 사용하는 연산자
• 이걸 이용하면 특정 값이 숫자인지, 문자열인지, 객체인지 등등을 알 수 있음
• 디버깅하거나 코드를 유연하게 작성할 때 유용

 

 

 

var, let, const의 공통점

• 모두 변수를 만드는 데 사용
• 값을 담을 수 있고, 필요하면 그 값을 꺼내 쓸 수 있음

• const:
  • 바뀌면 안 되는 고정된 값
  • 설정 값, 기본값, API 키, 고정된 메시지
• let:
  • 자주 바뀌는 값 (동적 데이터)
  • 사용자 입력값, 계산 결과, 반복문 카운터
• var:
  • 자주바뀌는 값
  • 같은 이름 재선언할때 사용

 

특징	var	let	const
재할당 가능 여부	가능	가능	불가능 (한번정하면 못바꿈)
같은 이름 재선언	가능	불가능	불가능
범위	함수범위	블록범위	블록범위
사용시기	옛날방식	요즘 변수 선언에 사욤ㅇ	상수를 만들때 사용

 

 

데이터타입	예제 값	설명
Number	1, 3.14, infinity	정수와 실수 모두 포함 NaN도 숫자로 취급
String	"Hello", 'World'	문자열 데이터. 작은 따옴표 (') 나 큰 따옴표 (") 로 감싸서 표현
Boolean	true, false	논리값. 참/거짓만 가질 수 있음

데이터타입 (Number)	예제 값	설명
정수 (Integer)	let num1 = 10; console.log(num1); // 10 console.log(typeof num1); // "number"	양수, 음수, 0을 포함.
실수 (Float)	let num2 = 3.14; console.log(num2); // 3.14 console.log(typeof num2); // "number"	소수점을 포함한 숫자.
지수형 숫자(Exp)	let num3 = 2.5e5; // 2.5 x 10^5 console.log(num3); // 250000 console.log(typeof num3); // "number"	e는 10을 밑으로 하는 지수를 나타냄. 숫자는 기본값이고, 지수는 10의 거듭제곱을 의미.
NaN(Not a Number)	let num4 = "Hello" / 2; console.log(num4); // NaN console.log(typeof num4); // "number"	숫자가 아님 (계산 불가능한 결과)
Infinity	let num5 = 1 / 0; console.log(num5); // Infinity console.log(typeof num5); // "number"	양의 무한대 (무한히 큰 값)
-Infinity	let num6 = -1 / 0; console.log(num6); // -Infinity console.log(typeof num6); // "number"	음의 무한대 (무한히 작은 값)

 

 

(1) 길이 확인

• length : 문자열 길이를 확인

 

(2) 문자열 자르기

• substring(start, end): 시작~끝 위치의 문자열 추출.
• slice(start, end): substring과 비슷하지만, 음수 인덱스 지원.
• substr(start, length): 시작 위치에서 지정한 길이만큼 추출.

(3) 문자열 결합

• 연결기준 문자열.concat(연결한 문자열) : 문자열을 연결 

(4) 문자열 검색

• search(위치를찾을단어나 값)  : 문자열에서 특정 단어나 위치를 찾아줌

(5) 문자열 대체

• replace(교체대상, 새로교체할값) : 특정부분을 다른 문자열로 바꾸는데 사용

(6) 문자열 분할

• split("기준지을구분자",최대길이) : 특정 구분자를 기준으로 나눠서 분할해줌