[JS]230102 TIL: Chap9 #9 + 수업

강의 | Chap 9 JS 선행

#6, 7, 8 :

잘못 저장해서 날아감... ㅠㅠ 다시 정리 필요.
(다만, 아래 내용에 대다수 정리되어있다.)

#9. 질의응답

1. {a,b,c} :

a,b,c는 객체 데이터object data 라고 부름.

2. function(a,b){} :

여기서 a,b는 인수arguments라고 부름.

3. 매개변수 parameters

function sum(a,b){
return a + b;
}
: 여기서 a,b는 매개변수parameters라고 부름.
함수가 호출될 때 해당 변수가 매개체 역할을 받음.

4. 이름이 없는 함수:

익명 함수anonymous function

5. hello라는 함수 표현 작성하고 호출하기:

const hello = function() {};
hello();

6. 아래 getName처럼, 함수가 할당된 객체 데이터의 속성property은 뭐라고 할까? :

메소드method

7. 조건이 참인 조건문 만들기:

if (true){}

8. 불러온 JS 파일을 HTML 전체 문서 분석 이후 실행하도록 지시하는 HTML 속성:

defer

9. HTML 특정 요소 내용 콘솔 출력하기:

10. 클릭 이벤트 추가 + 클릭 시 메세지 콘솔출력 하는 법:

두 단계로 나눈다.
1) boxEl 에 클릭('click')하는 이벤트를 감지(.addEventListener)하는 첫 줄을 쓰고,
2) 그 안({})에 Hello~('Hello~')를 출력(console.log)하게 하는 핸들러(=함수)(function())를 넣어 실행되게 한다.

11. JS로 HTML 요소에 class 추가하기:

유사 배열 잠깐 언급됨.
참고로 (divEl) : 매개변수.
forEach : 반복 적용 가능케 함.

12. 메소드 체이닝: 메소드들 연결하기

13. 요소에 특정 클래스 포함 시, 특정 내용 콘솔 출력하기

수업 |

1. JS intersection observer

무한스크롤에 적용가능
강사님 블로그에 있음

2. TIPS

• sx 건드리면 해상도 좋아짐
• 화면 분할 프로그램: useful

3. serverless functions 기능

• vercel / netlify 에서 제공
• 이걸 이용하면 백엔드 코드를 만들 수 있음
• 노출되면 안되는 키를 숨길 수 있음. (해볼 수 있으면 해보기)

4. await & async

await: 기다리세요
이건 async라는 키워드 들어가는 fx에 같이 씀

5. 강의에서 찾아보기: forEach <-> map

forEach <-> map 어떻게 다른지 강의에서 찾아보기

6. 기타

전개연산자 <new! (배울것임)