바닐라 자바스크립트

로토강의가 시작되면서 진짜 기본기가 너무 없었던 것 같다고 느꼈던게 더 실감이 되었다. 

처음부터 강의보다는 미션이 바로 진행이 되는데 문제 자체가 이해가 되지 않았고 내가 너무 당장의 프로젝트!에만 치중되어있었고 

이론 공부에 많이 부족하다고 생각이 들었다. 

 

내가 이걸 푼다고 할 수 있을까? 다른사람이 해놓은걸 봐도 이해가 되지 않았고 환불하고싶었다...ㅠㅠ

 

그러고 라이브코딩을 보고나서 다시한번 문제를 보고나니 그제서야 문제가 이해되기 시작했다.. 약간 현타가 오는 시점이였다

 

 

미션 1 필수구현을 하면서 느낀 점 

 

1. map 메서드로 생성된 문자열 배열을 innerHTML에 할당하면 배열의 각 요소 사이에 ' , '쉼표가 자동으로 추가되어 이어서 보고싶다면 .join('')이 필요하다는걸 알게되었다. 

 

2. this.render() 로 직접 메서드를 호출해서 할 수 있다는 걸 알게되었다. 

this.render = function () {}

3. element를 $element로 사용을 해서 element로만 하면 안되는건가 하고 했을때 정상 작동은 하는걸 알 수 있었고 왜 $를 사용하는건지 찾아봤을때 $을 붙혀서 사용하면 DOM요소를 나타내는것을 직관적으로 나타낼 수 있다는걸 알게되었다.

 

 

보너스 미션 #2

어려웠던점 

생성자함수가 아직 미숙하다보니 조건문을 어디에 적어야 하는지 순서를 몰라서 시간이 오래걸렸다.

 

알게된점 

1. new 키워드없이 생성자 함수를 실행시키려할때 에러발생을 시켜야하는 부분에서 new.target으로 new키워드를 사용했는지 안했는지 확인할 수 있는걸 알게되었다. 

 

궁금한점 

1. 이전 기수에서 했었던걸 봤을때 조건문에 조건을 변수에 담아서 사용을 하는걸 봤는데 조건문도 그렇게 해야 유지보수관점에서 좋은 건가요??

 

 

보너스 미션 #3

element를 함수 바깥에서 변수에 담아서 사용을 했는데 그렇게 했을때 여러데이터가 한번에 들어왔을때 다 보여지게 하려는 부분에서 어떻게 해야할지 막막했었습니다 .. 

 

궁금한점

1. 이것도 보너스미션2번이랑 동일한 질문인데 TodoList파라미터로 element의  id값을 넣어서 사용했는데 이것도 변수에 담아서 사용을 하는게 더 좋은 방법인가요?

 

보너스 미션 #4

어려웠던점

문제를 이해하는데 시간이 오래 소요가 되었고 이후 계속 안풀렸던건 render에서 기존에는 data로 map을 돌아도 업데이트할 데이터가 없었어서 정상적으로 돌아갔지만 데이터가 업데이트 되어야 하기때문에 this.data로 적용했더니 원하던대로 작동을 했습니다. 

 

 

이거에 대해 정확하게 이해가 된것 같지 않은 마음이라 찜찜하긴 한데 좀 더 this에 대해 공부를 해야지 이해가 될 것 같다..