본문 바로가기

Daily/Today I Learned89

201212_TIL 🍎 오늘 한 일 ✔️ 계산기 완성하기 (~Nightmare1) 키보드로 입력받는 기능을 추가해서 계산기를 완성했다!! 마우스로 클릭했을 때와 마찬가지로 addEventListener를 이용했는데, 마우스는 click 이벤트를 이용했지만 이번에는 키보드 입력을 받고 싶어서 keydown 이라는 event를 사용했다. 코드가 점점 길어지고 복잡해지니까 뭐가 뭔지 나중에 까먹을 수도 있을 것 같아서 추가한 기능에 대한 설명도 내일 정리해두려고 한다 🙉 공학용 계산기 만들기는 HTML 파일부터 뜯어 고쳐야 할 것 같아서 일단 지금까지 한 것 복습이랑 정리부터 끝내고 시간이 남는다면 도전해봐야겠다..! ✔️ Flex, classList 개념 정리 CSS에서 레이아웃을 구성할 때 유용하게 사용하는 Flex와, Ja.. 2020. 12. 13.
201211_TIL 🍎 오늘 한 일 ✔️Javascript로 계산기 만들기 (~Advanced) 솔직히 마지막 테스트는 왜 통과된지 모르겠다. 내일 맑은 정신으로 차근차근 다시 봐야지..! 뭔가 자꾸 욕심이 생겨서 이것저것 추가하다보니까 오늘은 진짜 하루종일 계산기만 보고있었던 것 같다,, 꿈에도 나올듯 🤔 ✔️소수 구하기 문제 다른 방법으로 풀어보기 아리스토텔레스의 체를 이용하는 방법으로 다시 풀어봤다. 모든 숫자를 우선 맨처음에 배열에 다 저장해두고, 체로 걸러내듯이 삭제해 나갔다. 재밌는 방법이기는 하지만 기존 방법들보다 더 효율적인지는 잘 모르겠다. 🍎 기억할 것 ✔️ 마우스를 올리고 있는 동안 :hover, 클릭하고 있는 동안 :action ✔️ querySelector로 HTML요소를 선택하고, textConte.. 2020. 12. 12.
201210_TIL 🍎 오늘 한 일 ✔️ HTML, CSS 구조 및 문법 공부 (querySelector, box model 등) ✔️ Github에서 다른 계정에 내 파일 push하기 ✔️ 소수구하기 문제 코드 개선 (제곱근 이용, 아리스토텔레스의 체 이용) ✔️ 이번 주동안 공부한 내용들 blogging ✔️ 궁금했던 것 찾아보고 정리하기 (정규표현식, spread operator, parseFloat, apply, match, trim) ✔️ 블로그 html, css로 편집해서 원하는대로 꾸미기 🍎 기억할 것 ✔️ HTML, CSS 는 구조와 관리를 위해 구분해서 사용해야 한다. ✔️ 시맨틱 태그는 태그에 의미를 담아 contents 영역을 논리적으로 구분하기 위한 용도이다. (, , , , 등) 기능은 랑 다를게 없.. 2020. 12. 10.
201209_TIL 🍎 오늘 한 일 반복문 공부, Coplit 21문제 풀기 블로그 정리 시작하기 조건문, 문자열 관련 메서드 복습하기 🍎 기억할 것 같은 type끼리 비교하는 것이 바람직하다! 그래서 개발할 때는 type확인을 위해 에러처리하는 코드를 추가하기도 한다. for문과 while문의 차이점! for문은 반복문이 얼마나 실행되는 지 아는 경우 사용하고, while문은 모르는 경우에 사용한다. 🍎 더 공부할 것 sqrt 이용해서 소수(Prime Number) 찾는 다시 풀어보기 2020. 12. 10.
201208_TIL 🍎 오늘 한 일 Javascript 기초 문법에 대해 배웠다. 조건문 비교연산자, 논리연산자 문자열 실용주의 프로그래머 30page까지 읽기 🍎 더 공부할 것 trim 공백문자 match, replace 정규표현식 spread operator typeof parseFloat, Number 차이점 debugger ✏️ coplit 문제를 풀다보니 여러가지 방법이 떠오르기는 하는데 그 중 뭐가 더 좋은 코드이고 방법인지 궁금해졌다. 그리고 자잘하게 더 공부할 것들이 많아져서 쌓이기 전에 그날그날 꼭 복습을 하고 자야겠다. ✏️ 8시 기상에 적응중이다ㅠㅠ 12시만 되면 눈이 절로 감겨서 체력 관리의 필요성을 절실히 느끼고 있다. 저녁먹고 꼭 운동해야지 2020. 12. 9.
반응형