1. JS_MINI_Project_1.calculator

https://github.com/kkd2/MP_JS_1_calculator

---

1. ver1.0.1 연속적으로 연산 기호 들어갔을때 계산되게 / 버그 수정 (= 이후 계산결과치를 가지고 다시 계산하는것 안되어서)

 

GitHub - kkd2/MP_JS_1_calculator

 

---

알게 된것

1. css file연결하기

<link rel="stylesheet" href="main.css">

2. js file 연결하기

<script src="main.js" defer></script>

3. html에는 id/class가 있음 class는 비슷한 특성 모으고 id는 유일한 존재임

            <div class="calculator-button functionButton">%</div>
            <div class="calculator-button" id="clearEntry">CE</div>
            <div class="calculator-button" id="clearButton">C</div>
            <div class="calculator-button" id="backSpace">BS</div>
            <div class="calculator-button" id="change">1/x</div>

4. css 꾸미는거는 많이 해보는수 밖에 없다(chatgpi 도움 많이 받음 -단순 명령어 찾는 방식, 가운데 정력, 배치 어떻게 등)

5. js에는 if문, const, let, 등 알게됨

- var는 잘 안쓴다고 함, const는 고정 let은 변경 가능

---

더 알아야 하는것

1. 그냥 몰라서 함수들이 주저리주저리 임(단순화 및 오류 처리)

2. css 에 대해서 많이 해보는수 밖에 없음

3. dom은 모르겠음 왜 쓰는지 모르겠음

document.addEventListener('DOMContentLoaded', () => {