[혼공스] 5주차_Chapter 06
💙 4주차 진도
Chapter 06: 객체
💙 기본 미션
객체, 속성, 메소드가 무엇인지 설명하기
객체(Object) | 속성과 메소드를 가질 수 있는 모든 것 |
속성(Property) | 객체의 고유 데이터, 상태 정보를 저장하는 곳 이름과 값으로 구성 |
메소드(Method) | 객체의 동작 객체의 속성 중 함수 자료형인 속성 |
💙 p. 254 ~ p. 255 확인문제
1️⃣ 다음과 같은 대상을 자바스크립트 객체로 선언해주세요. 자료형은 알맞다고 생각하는 것(문자열, 숫자, 불 등)으로 지정해주세요.
속성 이름 | 속성 값 |
name | 혼자 공부하는 파이썬 |
price | 18000 |
publisher | 한빛미디어 |
2️⃣ 다음 중 객체에 동적으로 속성을 추가하는 문법을 고르세요. ③ 객체[속성] = 값
3️⃣ 다음 중 객체에 동적으로 속성을 제거하는 문법을 고르세요. ① delete 객체[속성]
4️⃣ 다음 코드에서 메소드라고 부를 수 있는 속성에 동그라미 표시하세요. 그리고 코드의 실행 결과를 예측해 보세요.
💙 p. 287 ~ p. 289 확인문제
1️⃣ 다음 코드의 실행 결과를 예측해보세요. 예측과 다른 결과가 나온다면 왜 그런지 생각해보세요.
valueOf(): 특정 객체의 원시 값을 반환
예측 : 오류가 발생할 것이다. num은 기본 자료형이어서 .연산자로 접근이 안될 것이다.
2️⃣ 다음 코드의 실행 결과를 예측해보세요.
예측 :
printLang("ko"): '한국어'
printLang("en"): '영어'
💙 선택 미션
3️⃣ 모질라 문서에서 Math 객체와 관련된 내용을 읽고 사인 90도의 값을 구해보세요. 참고로 사인 90도는 1입니다. 아주 단순하게 생각해서 구현하면 0.8939966636005579라는 결과가 나옵니다. 0.8939966636005579가 나왔다면 왜 그런지, 그리고 이를 어떻게 해야 제대로 사용할 수 있는지 구글 검색 등을 활용해서 알아보고 코드는 수정하세요.
☑️ 출처
사인 90도의 값을 왜 Math.sin(90 * Math.PI / 180) 이렇게 구해야 하는지 더 자세한 공부가 필요하다.
4️⃣ 다음 중 어떤 종류의 객체들이 모두 공유하는 속성과 메소드를 추가할 때 사용하는 객체의 이름을 골라주세요.
③ prototype
5️⃣ 본문에서 Lodash 라이브러리의 _.sortBy() 메소드를 살펴보았습니다. _.orderBy() 메소드도 한번 살펴보고 어떤 형태로 사용해야 하는지 직접 예제를 작성해보세요. 그리고 다음과 같은 배열을 이름(name)으로 오름차순 정렬해주세요.
_.orderBy(): 객체의 키값들을 오름차순, 내림차순 정렬
💙 p. 303 확인문제
1️⃣ 다음 중 전개 연산자의 형태로 올바른 것을 골라주세요. ② ...
2️⃣ 구글에 "popular javascript libraries 2023" 등으로 검색해서 자바스크립트 라이브러리를 살펴본 후, 이름을 7개만 적어주세요. 이름만 적지 말고 어떤 라이브러리인지 꼭 살펴보시기 바랍니다.
① React: Developed By Facebook
② Angular: A Robust Set Of Features
③ Vue: Newer, But A Serious Competitor
④ Svelte: A Framework & Compiler
⑤ NodeJS: Known for Its Non-Blocking I/O Model
⑥ Gatsby: Based On React & A Master Of Date Fetches
⑦ Preact: Lightweight With Faster Load Times
⑧ Nest: Powerful & Versatile JS Framework
☑️ 출처
💙 5주차 회고
혼공학습단에 올라온 공부법에 관한 글을 보고 책 내용을 그대로 작성하기보다는 문제를 더 많이 풀어봐야겠다고 생각해서 이번 주는 확인 문제를 풀고 블로그에 올려보기로 했다. 이전 주차보다 점점 내용이 심화되어서 더 꼼꼼히 공부해야겠다고 생각했고, 자바스크립트는 정말 다양한 라이브러리가 존재한다는 사실을 다시 한번 깨달았다.