[2024 여름방학 React.js 스터디] 이가인 #1주차

자바스크립트란

• 객체 지향 프로그래밍 언어
• 거의 모든 웹페이지의 인터페이스는 자바스크립트로 개발됨
• 화면을 동작시키기위한 언어

콘솔=자바스크립트 코드

 

변수 소개

변수 : 어떤 값을 저장  (variable, var)

예약어(=키워드) : js에서 미리 점유한 단어들, 사용하고있음

 

변수 선언 방식 : var,  const,  let

실무에서는 const

연습할 때는 let 이 좋다!

var message = 'hi';
const message = 'hi';
let message = 'hi';

 

변수 출력 시

console.log(변수이름);

---

const와 let 차이점

let은 나중에 값을 수정 가능함, const는 불가능 (const=상수=불변)

변경 방법은 그냥 < 변수 = 값; >

---

변수에 넣을 수 있는 데이터(값) 유형

[] 배열, {} 객체, 숫자, 문자, 진위(boolean값)

---

변수 관련 유의사항 및 컨벤션(=따라야하는 규칙)

• 변수명은 처음에 숫자로 시작 불가능, 하이픈 불가능
• 한글도 가능
• 실무에서는 대부분 appleBanana와 같은 카멜케이스(낙타 등처럼) 두번째 단어부터 첫글자를 대문자로.
• 변수명에 의미를 곱씹어서 작명해야함

---

함수 파라미터와 반환 값

함수 function 이란 특정 기능을 수행하는 코드의 단위, 코드 여러 줄이 모여있는 코드 모음

파라미터는 ()안에 잇는거. 안에 다른 값 넣을수있음.

return과 console.log 출력값이 다름

return : 함수를 뱉어낸다.

파라미터 값 그대로 나옴(출력x)

반면 console.log()는 값이 출력됨.

function logText() {
	console.log('hi');
}
logText();
# hi 출력

function logText(message) {
	return 'hi';
}
logText(message);
# 'hi' 출력

---

함수 정의 방법

• 함수 선언문 : function 함수명 () {}
• 함수 표현식 :  let, var const 함수명 = function() {}
• 함수를 선언할 때 쓰는 값 : 파라미터(매개변수) ->message
• 함수를 호출할 때 쓰는 값 : 아규먼트(인자) ->100

인자 = 파라미터로 넘길 값

function logText(message) {
	console.log(message)
}
logText(100)
# 100 출력

---

화살표 함수 

함수표현식에서 발전됨. 더 간결하게 쓰는 게 화살표 함수