[부스트코스 서포터즈3기]Javascript객체 - 활용

들어가기 전 

______________________________________________

 

안녕하세요!! :) 

 

 

오늘은 Javascript의 마지막 부분인 활용 부분에 대해 이야기해 보려고 합니다!!

 

 

이로서 자바스크립트의 시작에서 배울 수 있는 문법에 대해서는 모두 배워보았습니다!! 

 

 

마지막 부분까지 힘내서 살펴보도록 하겠습니다 :) 

 

 

활용  

______________________________________________

 

먼저 학습 목표 , 핵심 단어를 살펴보겠습니다. 

 

 

 

해당 시간에서는 이전에 사용하였던 코드들을 이용하여 활용해보는 시간이었습니다!  

 

 

이전 예제를 통해 살펴보았던 코드 중 다음과 같이 함수들의 이름이 겹치지 않기 위해 

 

 

많은 노력을 하였는데, 해당 강의에서는 객체를 이용하여 좀 더 간단하게 변환하는 작업을 하였습니다.

 

 

한번 어떻게 변환하였는지 살펴보겠습니다. 

 

 

[출처]부스트코스-자바스크립트의 시작

 

Body , Links라는 객체를 둠으로서 각 객체에서 하는 역할을 나누었습니다. 

 

 

[출처]부스트코스 - 자바스크립트의 시작

 

위 설명처럼 다른 객체에 있는 메서드로서 충돌이 일어나지 않게 되고 다르게 작동하게 됩니다. 

 

 

즉, 해당 실습을 통해 제가 알 수 있었던 내용은 다음과 같습니다.

 

 

1. 객체 내 소속된 메서드는 다른 객체의 메서드와 다르게 사용되며, 소속이 다르기 때문에 충돌이 일어나지 않는다.

 

 

2. 반복되는 메서드를 사용할 땐 객체를 이용하면 조금 더 가독성 있게 코드 구성을 할 수 있다. 

 

 

다음과 같이 객체를 이용하여 조금 더 간단하게 수정하는 작업을 해보았습니다 :) 

 

 

생각해보기 

______________________________________________

 

생각해보기를 통해 배운 내용을 다시 살펴보겠습니다 :) 

 

 

 

여러분은 어떻게 생각하시나요!?

 

 

저는 다음과 같이 답변을 해보았습니다. 

 

 

 

다른 객체에 속해있기 때문에 메서드가 충돌하는 일이 없으며,

 

 

가독성 또한 높아졌다 생각하여 다음과 같이 작성해보았습니다. :)

 

 

 

 

마치며

______________________________________________

 

이로서 이론에 관련된 부분은 전부 살펴보았습니다 :) 

 

 

배우시면서 어떠셨나요!? 저는 비슷하고 겹치는 부분이 많아서 놀랐습니다. 

 

 

그동안 배우면서 하나도 알지 못했던 자바스크립트에 대해 조금 더 알게 되었고 

 

 

재미있었던 시간이 되었던 것 같습니다 :) 

 

 

다음 활용 부분이 더 남아있지만 이론에 대해 먼저 배우고 다지는 것을 더 중요하게 여기고

 

 

되짚어보며 블로그에 업로드하는 것이 목적이 었기 때문에 그 이후는 따로 업로드하지 않겠습니다 :) 

 

 

여러분도 궁금하시거나 혹은 관심이 있으시다면 아래 링크를 통해 한번 배워 보시는 것을 추천드립니다! 

 

 

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

 

 

www.boostcourse.org/cs124

자바스크립트의 시작