[부스트코스 서포터즈3기]Javascript객체 - 예고 & 쓰기와 읽기

들어가기 전 

______________________________________________

 

안녕하세요!! 오랜만에 인사드리는 거 같습니다 :) 

 

 

이번 시간에는 javascript 객체 파트를 살펴보겠습니다 ! 

 

 

개념으로서 배우는거는 이번 파트가 마지막으로 다음 파트인 활용 부분만 남겨두고있습니다 ㅠㅠ

 

 

끝까지 화이팅 해보도록할게요 :) 

 

 

 

객체 예고 

______________________________________________

 

각 두 강의 중 예고 부분의 학습목표와 핵심단어를 살펴보겠습니다! 

 

 

해당 예고 부분에서는 이제 배울 객체란 어떤 것이며 , 메서드는 어떤 것인지를 살펴보았습니다! 

 

 

객체에 대해 이해한것을 토대로 정리하자면 

 

 

객체는 함수와 마찬가지로 서로 연관된 함수 혹은 변수가 많아질 시 이를 정리하기 위해 

 

 

사용됩니다. 

 

 

즉, 반복을 줄이고 가독성을 높일수 있으며 간편하게 사용하기 위해 사용되는 것이라 생각하시면 

 

 

쉬울 거 같습니다 :) 

 

 

또한, 메서드란 객체가 속해있는 함수들을 의미하는데 쉽게 이해하자면 동작 및 실행(?)이란 느낌이라 

 

 

생각할수 있습니다. 예를 들어

 

 

var alphabet = ['a' , 'b' , 'c' , 'd' ] 

alphabet.push('e') 

 

 

이러한 예시가 있을경우 push처럼 어떠한 동작을 실행하는 역할을 메서드로 생각할 수 있습니다. 

(다른 의견 혹은 제가 이야기한부분이 틀렸다면 댓글로 알려주세요!) 

 

 

더 궁금하거나 자세히 공부하시고 싶으신분은 밑 링크를 통해 강의를 들으시는 것을 추천드립니다:) 

 

www.boostcourse.org/cs124/lecture/194638

자바스크립트의 시작

 

 

 

객체(쓰기 & 읽기)

______________________________________________

 

해당 강의 의 학습 목표와 핵심 단어를 살펴보겠습니다. 

 

해당 단원에서는 객체를 직접 사용해보는 시간이었는데 

 

 

해당 강의를 보면서 떠올랐던 건 파이썬의 딕셔너리 구조와 유사한 거 같았습니다. 

 

 

딕셔너리 구조에 대해 간단히 이야기하자면 

 

 

key : value 값으로 구성되어 있어 해당 key값을 호출하면 그 key값의 value를 호출하는 구조입니다.

 

 

한번 코드를 통해 자세히 살펴보도록 하겠습니다. 

 

 

해당 코드는 강의에서 배운 예시와 이후에 나올 생각해보기 부분을 섞었습니다 :) 

 

 

코드에 대해 간단히 이야기하자면 

 

 

var coworkers = { } ; 해당 부분을 통해 값을 설정해줬는데 

 

 

이때 위에 이야기했던 파이썬 딕셔너리 구조와 유사한 것을 확인할 수 있었습니다. 

 

 

이처럼 객체를 설정한 후 해당 객체를 부를때 

 

 

호출할 객체명.key값 을 더해줌으로써 원하는 결과 값을 출력 함을 알 수 있었습니다. 

 

 

또한 해당 객체의 값을 추가할때  coworkers.bookkeper 부분처럼 해당 키를 지정한 후 value값을 줌으로써

 

 

객체에 append해줄수 있음을 확인할 수 있었습니다. 

 

 

해당 코드에 대한 결과는 다음과 같습니다! 

 

이처럼 제대로된 결과 값을 얻을 수 있는 것을 확인할 수 있었습니다

 

 

 

 

생각해보기

______________________________________________

 

강의를 들었으니 생각해보기를 통해 다시한번 되짚어 보는 시간을 가져보도록 하겠습니다! 

객체 예시 생각해보기

객체(쓰기&읽기) 생각해보기

 

한번 풀어보시기 바랍니다 :) 

 

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

 

객체 예시 정답

객체(쓰기&읽기) 정답

 

저는 다음과 같이 답을 작성해보았습니다 :) 

 

 

어떠신가요!? 저와 정답이 같으셨나요!? 그럼 제대로 이해하셨습니다 :) 

 

 

 

마치며

______________________________________________

 

지금까지 객체 예고, 쓰기&읽기 부분에 대해 살펴보았습니다 !

 

 

이제 객체 부분만 다하면 개념 부분이 끝난다니 뭔가 시원 섭섭한데 의미 있는 겨울방학을 보낸 거 같습니다 :) 

 

 

다음 주부터는 개강이니 ㅠㅠ 끝까지 파이팅.... 

 

 

다음 시간에는 객체(순회) + 객체(프로퍼티와 메서드)에 대해 업로드하겠습니다! 

 

 

제가 작성하는 모든 내용은 부스트 코스의 자바스크립트 시작에서 배운 내용을 바탕으로 작성됩니다! 

 

 

www.boostcourse.org/cs124

자바스크립트의 시작