JavaScript

[VanillaJS] 바닐라JS만으로 To Do List 만들어보자 1

Vanilla JavaScript(순수한 자바스크립트)만을 사용해서 To Do List를 만들어보자. 왜 귀찮게 VanillaJS로 구현하는가? 만약에 하나의 기능을 구현하는 데 100줄, 200줄 정도의 코드를 요구한다고 하자. 이미 그 코드를 잘 정리해 둔 라이브러리에서 가져와서 잘 쓸 수 있는 상황임에도 불구하고 프로젝트를 할 때 마다 그 코드들을 직접 구현한다면...? 매우 비효율적이다. 사실, 남이 이미 잘 짜둔 코드를 가져다 쓰는 것도 능력이다. 이 글을 보시는 여러분이나 필자와 같은 초보(아마..? 그럴것이다.)들은, 공부할 때 만큼은 직접 구현해보자. 간단해 보이는 기능들도 직접 구현해보면 어렵거나, 생각해봐야 할 부분이 많다. 즉 우리는 이걸 직접 구현함으로서 배우는 것이 많을 것이다. ..

[자바스크립트] 얕은 복사와 깊은 복사

얕은복사? 깊은복사? 이것 때문에 당황한 경험이 있다. 로직을 잘 짰고, 재귀를 통해 내가 원하는 값이 담긴 배열을 열심히 정답 배열에 넣었는데, 정답 배열을 살펴보니 죄다 똑같은 낱개 배열들이 들어 있던 것... 아무튼, 얕은 복사의 쓴맛을 먼저 경험해보고 작성하는 글이다. * 주소 참조는 알고 있었으나, 각각 push 명령을 해주기 때문에 문제가 될 것이라고 생각을 못했다. * 그래서, 어떤게 문제인지 조차 모르겠어서 배열 관련 연관검색어를 뒤져봤었다,, 자료형 자바스크립트는 얕은 복사(= 참조 복사)와 깊은 복사(=값 복사)가 가능하다. 자바스크립트의 자료형을 먼저 소개하면, 원시형 참조형 Number Object String Boolean Null Undefined Symbol 으로 나뉜다. 원시..