Javascript 기초

🧐 자바스크립트

최초 브라우저에서 실행하기 위해 만들어진 프로그래밍 언어
HTML, JavaScript 파일을 함께 브라우저에서 실행

🧐 자바스크립트 작성하기

• script 태그 사이에 소스 코드 작성하기
  -> 이미지나 텍스트 등을 다 표시한 후에 실행하는 것이 좋다
  -> /body 태그 직전에 자바스크립트 소스 삽입
• 외부 스크립트 파일로 연결해서 작성하기
  -> 권장됨!

🧐 웹 브라우저에서 스크립트를 해석하는 과정

• html 분석 (태그의 순서와 포함관계 확인) -> 스타일 정보 분석 -> 자바스크립트 소스 해석 -> HTML과 CSS 정보에 따라 화면에 표시 -> 자바스크립트 실행해서 그 결과를 화면에 표시

🧐 표현식

하나의 값으로 평가 될 수 있는 코드

🧐 타입

🧐 string 타입

• 백틱으로 만든 문자열은 줄 바꿈도 가능하다.
• 문자열 연결 연산자 + : 다른 타입과 이어 붙이려고 하면 모두 문자열로 변한다.
• length 속성 : 문자열의 길이를 확인 할 수 있다.
• 인덱스 : 0부터 센다
  -> Zero-based numbering

🧐 문자열 주요 메서드

• concat()
• slice()
• indexOf() : 찾는 문자가 2개 이상일 경우, 가장 앞에 있는 문자의 인덱스 조회
  포함되어 있지 않으면 -1 반환
• includes() : 문자열 내에 특정 문자나 문자가 포함되어 있는지 확인

🧐 boolean 타입

• falsy 값
  불리언 타입은 아니지만, 자바스크립트에서 false로 여겨지는 값 <-> truthy 값
• 대표적인 falsy 값
  

🧐 연산자

🧐 비교연산자

• === !== : 엄격한 동치 연산자
  -> 보이는 값이 같아도, 두 값의 타입이 다르면 false가 된다.
• == !== : 느슨한 동치 연산자
  -> 대체로 타입이 달라도 값이 같으면 true
  -> 예외가 많아 현대 웹 개발에서는 사용 권장 x

🧐 변수 사용법

1. 보관함 확보 (선언)
2. 보관함에 데이터 저장 (할당)
3. 선언과 할당 동시에 가능

• 아무것도 할당하지 않은 변수 : undefined가 자동으로 할당됨
  -> 초기화라는 javascript의 독특한 특징

🧐 값의 재할당

• let 키워드로 선언한 변수에 새로운 값을 할당 가능
• const 키워드를 사용하면 재할당이 금지된다.

🧐 var 키워드

• let 키워드와 const 키워드가 등장하기 이전에 사용되던 변수 선언 키워드
• 여러 단점이 존재하여 let 키워드와 const 키워드 사용 권장
• ⭐재할당이 필요한 변수에는 let 키워드
  재할당이 불필요하거나 변경되는 것을 방지해야 하는 변수는 const 키워드 사용⭐

🧐 네이밍 규칙

• 식별자는 특수문자를 제외한 문자, 숫자, _,$ 포함 가능
  but 숫자로 시작하는 것은 허용 x
• javascript에서는 일반적으로 카멜 케이스 사용

🧐 템플릿 리터럴

-> 백틱(``)을 사용하는 방법

• 템플릿 리터럴은 큰따옴표, 작은따옴표를 사용한 표기 방법과는 다른 기능을 가지고 있다.
  • 특히 문자열 내부에 변수 삽입할 수 있는 기능 중요 (${})
• 문자열이 할당되지 않은 변수도 문자열로 취급된다.
• 단어와 단어사이에 공백을 삽입하기 위해 ''를 사용하는 것보다 템플릿 리터럴을 사용하는 것이 가독성 측면에서 훨씬 우수

🧐 for문과 while 문

• for문을 사용하는 경우
  반복 횟수가 비교적 명확할 때
  배열, 문자열 내부를 순회할 때
  반복문의 중첩이 필요할 때
• while문을 사용하는 경우
  반복 횟수가 명확하지 않을 때

🧐 함수 선언문과 함수 표현식

함수 선언문 : 함수 선언 키워드인 function으로 함수를 선언
함수 표현식 : 변수에 함수를 할당하여 함수를 표현

🧐 스코프

변수가 유효한 범위

🧐 추가 정리

• 함수를 정의할 때 선언한 매개변수보다 함수를 호출할때 전달한 전달인자가 많아도 오류는 발생 x but 아무것도 전달되지 않은 매개변수는 undefined로 초기화 되어있다.
• slice : 매개변수로 0을 입력할 경우 문자열 전체를 그대로 복사한다.