[TIL]javascript 심화_화요일

유진·2022년 11월 29일

TIL

TIL Today I Learned

목록 보기

22/116

2022.11.29.(화)

TIL Today I Learned

Good: 본격적으로 리액트 주특기 시작하는 날!

Bad: 건강이 우선이다. 아프지 말고 건강하게 공부해야한다.

[리액트 발제]

▶ 주특기 입문

시간표에는 javascript 심화를 듣는 날이다. 강의가 리뉴얼된다고 하여 12/2에 배포된다. 그 전에 입문 강의를 들을 수 있게 되었다. 심화부터 하면 부담이 될 것 같았는데 입문부터 하니까 단단해진 느낌이었다.
선발대/후발대를 선택할 수 있다. 선발대는 심화이고 후발대는 보충 수업이다. 당연하게 후발대를 생각하고 있다. 대학교 전공이었다면 욕심내서라도 선발대 들어가려고 애썼을 것이다. 현재는 다른 사람들과 출발선이 다르다. 욕심부리지 말고 내가 성장할 수 있는 선에 있으면 된다. 후발대로 참여해야겠다.
11/29-12/1 자바스크립트(심화)를 들을 수 있는 강의를 유튜브에 올려주셨다. 그 전에 노션에 있는 Javascript 기본을 학습했다. 심화는 11/30일부터 부지런히 들어야겠다.
Javascript 기본 목차이다.

02.-2.객체와 배열 구조분해 할당

함수 내 구조분해 할당

- 구조분해 할당을 사용하지 않을 때
// user가 객체일 때
const getUserName = (user) => {
	return user.name
}

// user가 배열일 때
const getUserName = (user) => {
	return user[0]
}

-  구조분해 할당을 사용했을 때
// 객체일 때
const getUserName = ({name, age}) => {
	return name;
};

// 배열일 때
const getUserName = ([name, age]) => {
	return name
};

이렇게 간편하게 할 수 있는 거라면 꼭 외우고 사용할 것 같다.

02.-2.객체와 배열 구조분해 할당

화살표 함수 (Arrow function) -익명 함수

// 예시 1 - 기본적인 함수 표현 방식
const sayHelloOnClick = () => {
	console.log('hello friend')
}
<App onClick={sayHelloOnClick} />

// ❗️ 예시 1 - 익명 함수
<App onClick={() => console.log('hello friend')} />


// 예시 2 - 기본적인 함수 표현 방식
const ReturnItem = (item) => {
	return <div>{item}</div>
}
{array.map(ReturnItem)}

// ❗️ 예시 2 - 익명 함수
{array.map((item)=> <div>{item}</div>))}