Unit7 - 간단한 웹앱 만들기

🔥 과제1. 계산기 구현하기

의사코드(Pseudocode) : 실제로 코딩을 하기 전에 논리적으로 글을 작성하는 것

튜토리얼1

계산기 5가지 버튼
: 숫자, 연산자(+, -, *, /), 소수점, 계산(Enter), 초기화(AC) 버튼

튜토리얼2

기본 계산 기능 구현하기

textContent : 노드와 그 자손의 텍스트 콘텐츠를 표현한다. (값 : 문자열 또는 null)
+ 속성을 활용하면 간단하게 입력된 내용을 변경할 수 있다.

let text = someNode.textContent
someOtherNode.textContent = string

textContent & innerText & innerHTML

- textContent 는 <script> 와 <style> 요소를 포함한 모든 요소의 콘텐츠를 가져오고, 노드의 모든 요소를 반환한다.
- innerText는 사람이 읽을 수 있는 요소만 처리하며, 스타일링을 고려하여 숨겨진 요소의 텍스트는 반환하지 않는다.
- innerHTML : 이름 그대로 요소 내에 포함된 HTML 또는 XML 마크업을 반환한다.

---

🔥 과제2. User flow에 따라 기능 구현하기

github repository