FE가 되고싶니? 나도✨

조건문 : 

조건의 경과(truthy, falsy)에 따라 다른 코드를 실행하는 구문. if, else

let isShow = true;
let checked = false;

if (isShow) {
	console.log("Show!"); //Show!
};

if (checked) {
	console.log("Checked!"); 
};

/* 조건을 작성하는 소괄호() 사이에 거짓과 참을 구분하는 불린데이터 중 참(true)에 해당하는 값이 들어있으면
조건의 중괄호{}사이의 내용을 실행하고 그렇지 않으면(false) 실행하지 않는다.*/

let isShow = true;

if (isShow) {
	console.log('Show!;');
} else {
	console.log('Hide?');
};
//Show!

let isShow = false;

if (isShow) {
	console.log('Show!;');
} else {
	console.log('Hide?');
};
//Hide?

함수 : 

특정 동작(기능)을 수행하는 일부 코드의 집합(부분)

//함수 선언
function helloFunc() {
	//실행 코드
    console.lig(1234);
};

//함수 호출
helloFunc(); //1234

Return : 반환하기

function returnFunc(){
	return 123;
    //함수밖으로 123을 내보내겠다.
};

let a = returnFunc(); // 내보낸 값을 a 가 받겠다.

console.log(a); //123

//return이라는 키워드를 사용해서 어떠한 자바스크립트 데이터를 함수 밖으로 내보내기를 할 수 있다.

Sum : 더하기(+)

//함수선언
function sum(a, b) { //a와 b는 매개변수(parameters)
	return a + b;
};

//재사용
let a = sum(1, 2); //1과 2는 인수(arguments)
let b = sum(7, 12); //매개변수로 받으려고 하는 각각의 데이터를 인수라고 한다.
let c = sum(2, 4);

console.log(a, b, c); // 3, 19, 6

기명함수와 익명 함수

//기명(이름이 있는) 함수
//함수 선언
function hello() {
	console.log('Hello~');
};
//

//익명(이름이 없는) 함수
//함수 표현, 이름의 명시 없이 변수에 할당해서 사용하는것은 표현이라고 한다.
let world = function() {
	console.log("World~");
};
//function 사이에 이름이 없는 채로 시작을 하면 익명함수. 함수 부분에 이름을 지정하지 않으면 호출을 할 수 없는데 익명함수들은 데이터로써 활용되거나 변수에 할당이 되어 사용되기도 한다. 

//함수 호출
hello(); //Hello~
world(); //World~

객체데이터와 메소드(Method)

//객체 데이터
const bts = {
	name: "jin",
   	age: 31,
    //메소드(Method) : 객체 데이터 내부에 하나의 속성 부분에 함수라는 어떤 데이터를 할당하는 것. 속성부분에 함수가 할당되어 있으면 메소드라고 한다.
    getName: function () { //함수의 표현
    return this.name;
    }
};

const hisName = bts.getName();
console.log(hisName); // jin
// 혹은
console.log(bts.getName()); // jin

//함수라는 것을 어떤 데이터처럼 활용할 수 있고, 대표적으로 객체 데이터의 특정한 속성에도 함수를 데이터처럼 삽입할 수 있는데 삽입된 속성은 메소드라고 부른다.

예약어 : 

특별한 의미를 가지고 있어, 변수나 함수 이름 등으로 사용할 수 없는 단어 

let this = 'Hello'; //SyntaxError
let if = 123; //SyntaxError
let break = true; //SyntaxError

외워서 사용하지 않는다면 좋겠지만 상당히 많다.

• break
• case
• catch
• continue
• default
• delete
• do 
• else
• false
• finally
• for
• function
• if
• in
• instanceof
• new
• null
• return
• switch
• this
• throw
• true
• try
• typeof
• var
• void
• while
• with
• abstract
• boolean
• byte
• char
• class
• const
• debugger
• double
• enum
• export
• extends
• final
• float
• goto
• implements
• import
• int
• interface
• long
• native
• package
• private
• protected

등등… … … … …

자주 사용하는 것 정도는 외워지지만 그 외에것은 에디터에서 사용할 수 없다고 에러 표시를 내어주기 때문에 굳이 외워서 사용하지 말자.