[TIL][01.23] BootStrap, JavaScript, let, var

Bootstrap

CDN 사용 시 css와 js를 모두 가져와서 사용해야함

부트스트랩 5는 모바일 친화적

 

부트스트랩은 미리 선언된 규격 외의 스타일을 선언하면 스타일 적용 안됨

규격 외의 스타일 필요 시 새롭게 스타일을 지정해야 함

mb-5, mt-5가 겹치는 부분에 설정되면 하나만 추가됨

 

html은 닫는 태그가 없어도 렌더링 됨

하지만 헷갈리지 않게 하기 위해서 닫는 태그는 만들기!

 

버튼은 버튼 태그에만 적용되는게 아님 (a, div 등의 태그에 적용 가능)

 

JavaScript

웹 프로그래밍 언어로 HTML과 CSS를 업데이트하고 변경, 데이터를 계산, 조작, 검증 할 수 있음

큰따옴표, 작은따옴표 모두 사용 가능

html에서 js코드 작성 시 <script>태그 안에 삽입

 

함수

function : 독립실행 코드 

method : 소유 실행 코드 (console.log(); window.alert(); ...)

 

스크립트 해석에 시간이 걸리기때문에 body 맨 아래에 스크립트를 배치하면 속도가 향상됨

 

- 데이터 - 숫자(정수, 실수), 문자(열 단일), 논리, 객체(숫자, 문자)

- 메서드

 

변수 이름 선언 시 Camel 케이스 사용하기

CamelCase : HelloWorld

SnakeCase : Hello_world

 

const 변수 선언 시 초기화 필수

 

변수 선언은 시작 부분에 모아둠

let과 var

	let	var
스코프	블록 스코프	함수 스코프
중복선언	불가능	가능
호이스팅	undefined로 초기화	초기화 전에 접근 불가능

let은 스코프 제어가 더 명확하고 의도하지 않은 동작을 방지할 수 있기 때문에 let을 사용하는 것이 일반적으로 더 안전하고 권장된다.