강의명 : 한입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지

강의를 듣고 작성하는 정리내용입니다 !

javascript

사용가능한 브라우저 : safari, firefox, chrome, edge, opera등...

V8 : 나중에 아주 큰일내는 구글 크롬의 자바스크립트 엔진 -> 실행 환경, runtime

codesandbox를 이용해서 코드 연습을 할 예정

console.log("hello");

콘솔창에 뜨게 하는 코드(윈도우기준 F12를 누르면 나오는 COSOLE창)

js와 html을 연결하는 방법

js를 확인하기 위해서 html에서 콘솔을 통해서 봐야겠죠??
그럼 js와 html을 연결해야되는데요!!

방법은 아래 2가지 방법이 있습니다.
저는 개인적으로 1번 방법이 더 편한거 같아요 !

1. 파일로 연결(html에서 태그를 통해 연결)

<script src="test.js"></script>

2. 직접코드 작성(태그 안에 코드 작성)

<script>
	//js code 작성
</script>

변수와 상수

변수 : 프로그램이 실행되는 동안 계속해서 바뀌는 값을 저장하는 이름

let을 사용

let age = 25; //age라는 변수를 25라고 지정한다
console.log(age); // 25

변수를 사용할때 규칙
1. 변수의 이름, 변수명에는 기호(+,-등...)를 사용할 수 없음(단, _와$는 사용할 수 있음)
2. 변수명의 가장 앞이 숫자일 수 없음(숫자는 변수명의 중간or끝에 위치하는 것 추천)
3. 예약어로 변수명을 사용할 수 없음(if, else등...)

변수를 만들 수 있는 변수 var, let가 있음
var는 가끔 프로그래머들을 혼란스럽게 함
why? var는 변수를 중복해서 선언가능해서 협업을 할때, 중복된 변수가 발생할 수 있음.
하지만 let은 변수를 중복해서 선언할 수 없음.

상수 : 변수와 동일하게 값을 저장하는 이름

const라는 키워드로 선언할 수 있음

상수와 변수의 차이는 const는 선언이후에 값을 바꿀 수 없음

요약
let은 같은 변수명 다른 곳에서 다시 사용 불가능하고,
변수 내에서 값을 재정의 가능함
const는 같은 변수명 다른 곳에서 다시 사용 불가능하고,
변수 내에서 값을 재정의 불가능함
var는 재선언 재정의 둘다 가능하지만, 중복이 되기 때문에 오류를 찾기 어려움..

데이터 타입

js의 데이터 타입
1. 숫자형(INTEGER정수형, FLOAT실수형)
2. 문자형(STRING)
3. BOOLEEAN(TRUE, FALSE)
4. NULL
5. UNDEFINED

데이터 타입을 확인하는 코드
typeof()
를 이용한다!

오류가 발생하거나 데이터가 어떤 식으로 들어오는지 모를때는
콘솔에 데이터 타입을 찍어보면 정말 도움이 많이 된다!