TIL #210202

📚 TIL

---

코드숨 3주차 DAY 16, 자바스크립트 코딩의 기술

🍭 3주차 과제

git switch -c 브랜치이름 upstream/main이 안되던 이유!

fetch랑 rebase를 안해서 그런거였어요 필수였구나..

 

 

App, Input, Item, List, Page 이렇게 다섯개의 파일에 테스트 코드를 작성해야해요

Item은 강의에서 이미 구현했고 나머지 네 파일의 테스트 코드를 작성해야 합니다

각 컴포넌트의 구성을 파악해야 작성할 수 있을 것 같아요

근데.. 모르겠성 허허

 

---

 

🍭 1주차 2번 과제, 2주차 1번 과제 코드 작성해보기

풀이 코드대로 작성해보기!

1주차 2번 과제인 계산기 만들기 과제 코드예요

함수와 변수 자유자재로 사용하기!!

 

 

2주차 1번 과제인 Counter 만들고 컴포넌트 분리하기 과제예요

기능별로 컴포넌트 분리하기!

 

 

---

 

🍭 자바스크립트 코딩의 기술 2장 공부하기

2장 : 배열로 데이터 컬렉션을 관리하라

 

TIP 5 배열로 유연한 컬렉션을 생성하라

 

• 배열은 순서를 가져 이를 기준으로 값을 추가하거나 제거할 수 있다
• 모든 위치에 값이 있는지 확인할 수도 있으며 배열을 정렬하는 것도 가능하다
• 배열 메서드를 이용하면 코드 한 줄로 정보를 쉽게 변경하거나 갱신할 수 있다
• 이터러블 : 컬렉션의 현재 위치를 알고 있는 상태에서 컬렉션의 항목을 한 번에 하나씩 처리하는 방법

TIP 6 Includes()로 존재 여부를 확인하라

 

• 색인으로 위치를 확인하는 경우 색인이 0이면 거짓으로 평가되는 문제가 있다
• 값이 배열에 존재하는지 여부를 확인해서 불(boolean) 값으로 true 또는 false 반환

TIP 7 펼침 연산자로 배열을 본떠라

 

• 펼침 연산자는 마침표 세 개(...)로 표시하며 배열에 포함된 항목을 목록으로 바꿔줌
• 배열, 맵 컬렉션, 함수에서 나머지 매개변수, 제너레이터를 이용하는 데이터 구조나 클래스 속성에도 사용 가능
• 함수의 인수 목록을 생성할 때 많이 사용

TIP 8 push() 메서드 대신 펼침 연산자로 원본 변경을 피하라

 

• push() 메서드는 새로운 항목을 배열 뒤에 추가해 원본 배열을 조작
• 순수 함수(pure function) : 부수 효과가 없는 함수
• 기존의 배열을 가져다 대괄호에 펼쳐 넣고 새로운 항목을 배열의 마지막에 추가하면 새로운 배열 생성

TIP 9 펼침 연산자로 정렬에 의한 혼란을 피하라

 

• 펼침 연산자로 원본 배열의 사본을 생성하고 사본을 조작

---

 

😁 오늘 한 일

---

 

📕 공부하기

- 새로운 과제는 막막해서 못풀고 또 이전 과제만 ㅠ

- 코드를 작성해보니까 왜 그렇게 작성해야되는지 알겠어요!

 

🏹 게임하기

- 오늘은 메이플하고~ 랭겜하고~ 쿠키런하고~

- 공부 다해놓고 맘껏하고싶은데 공부가 막힌다!!

- 힘이 필요할 땐 귀여운 눈설탕맛 쿠키!