TIL_20.12.11

* 오늘의 공부

• Pair 분과 같이 Calculator Bare-minimum 만들어 제출

* .querySelector() / .textContent !!

1. document.querySelector()
   : javascript에서 document.querySelector()를 이용해 HTML에 있는 element를 불러올 수 있습니다.

   HTML에 <span class="calculator__operator">+</span>이 있고 
   js에 let elOperator = document.querySelector('.calculator__operator')라고 작성한다면 
   
   js에서 elOperator를 사용해 다양한 기능 설정 및 내용 수정을 가능하게 할 수 있습니다. 

2. .textContent
   : 오늘 가장 질문이 많았고 화면 출력에 필요한 중요한 property입니다.

   위의 예제를 그대로 사용해
   개발자 도구에 elOperator을 입력하면 '+'가 아닌
   <span class="calculator__operator">+</span> , element 그대로 출력되는 것을 볼 수 있습니다.

   우리가 이번 Sprint에서 필요했던 부분은 '+'을 수정하거나 값을 가져와야 했기 때문에 html에 출력된 값을 가져오려면 !! elOperator.textContent 라고 property를 사용하면 됩니다. 위 Code를 개발자 도구에 입력하면 element 그대로가 아닌 '+'가 출력되는 것을 볼 수 있습니다. 이를 가지고 새로운 값을 할당해주거나 변수에 저장해서 적재적소에 사용하면 거의 모든 문제를 해결할 수 있을 것 같습니다.

오늘 느낀 점 및 일기

• 다른 동료분들께 도움이 되기 위해서 정확한 전달 능력과 더불어 내용 및 이론, 용어의 깔끔한 정리가 필요합니다. 정답은 블로깅이라고 생각합니다
• 지난 기수에서 TIL을 두 번 작성했나요????? 그래도 이번 기수 TIL은 오늘까지 5일 연속으로 작성했네요 : ) / 앞으로도 TIL뿐만 아니라 배운 내용을 정리하는 글도 얼른 작성할 수 있도록 노력하겠습니다. 혹시나 제 블로그에 방문해서 긴 글을 읽으셨다면 소중한 댓글 부탁드립니다. 악플도 정말 감사하게 받겠습니다 : )
• Codestate Full Pre 9기 동료분들 1주일 동안 정말 고생 많으셨고 이머시브에 가계신 25기분들도 힘내시길 바랍니다!