JavaScript

[혼공스] 5주차_Chapter 06

랄라베어 2024. 2. 4. 18:34

💙 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가 나왔다면 왜 그런지, 그리고 이를 어떻게 해야 제대로 사용할 수 있는지 구글 검색 등을 활용해서 알아보고 코드는 수정하세요.

☑️ 출처

 

자바스크립트/Math3/함수(sin, cos,tan)

삼각함수 삼각함수란 본래 원안에 있는 직각삼각형의 각변의 길이 비율을 다루는 것으로 직각을 제외한 한 ...

blog.naver.com

사인 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

☑️ 출처

 

22 Best Javascript Frameworks to Use in 2023 | TechAhead

Explore the best JavaScript frameworks for 2023. Elevate your web development projects with these powerful tools and libraries.

www.techaheadcorp.com

 

💙 5주차 회고

혼공학습단에 올라온 공부법에 관한 글을 보고 책 내용을 그대로 작성하기보다는 문제를 더 많이 풀어봐야겠다고 생각해서 이번 주는 확인 문제를 풀고 블로그에 올려보기로 했다. 이전 주차보다 점점 내용이 심화되어서 더 꼼꼼히 공부해야겠다고 생각했고, 자바스크립트는 정말 다양한 라이브러리가 존재한다는 사실을 다시 한번 깨달았다.