[JavaScript]노마드코더 JS 수업 완료(2)

크게 어렵지 않다고 생각하면서도 실제로 다루면서 늘 벽에 부딪히는 자바스크립트에 대해

 

한층 더 폭넓게 이해하는 시간을 가지게 되었다. 덤으로 전혀 몰랐던 새로운 개념과 내장함수들까지..

 

지금까지는 getElementById로 html요소들을 대부분 받아왔었는데 querySelector의 유용함을 알게 되면서

 

보다 더 적극적으로 활용하게 될 것 같다.

 

특히 To-Do 리스트를 만들어보는 과정에서 새로운 개념을 많이 알게 되었다.

 

마치 DB처럼 값을 유지하고 있는 브라우저의 데이터 보유 기능인 localStorage를 활용해 보았고,

 

html 태그를 자바스크립트를 통해 조금 더 폭넓게 제어해보고, 각 요소에 접근하는 다양한 방법들에 대해 이해하게 되었다.

 

그리고, 배열을 조금 더 깔끔하고 정교하게 다룰 수 있게 되었다. push를 통한 요소 추가, filter를 활용한 배열의 재생성 등을 이용해 그 값들을 유지하고, JSON을 활용한 스트링 형태로의 변환 등에 대해 공부하고 이해하는 시간이 되었다.

 

리액트 수업을 위한 선행학습으로 시작했지만, 이 수업을 통해 조금 더 심도있는 JS 공부를 해보고 싶다는 생각이 들었다.

 

JS를 통해 구현한 간단한 기능들