STORAGE/JavaScript|TypeScript24 동적으로 css 변수 만들기 const headerHeight = document.querySelector('#header').clientHeight document.documentElement.style.setProperty('--header-height', `${headerHeight}px`) 2023. 9. 25. tsconfig.json 보호되어 있는 글 입니다. 2023. 7. 10. async, defer을 사용한 스크립트 로딩 전략 스크립트의 크기가 클 때 로딩을 최적화하는 방법이다. HTML5에서 제공하는 async, defer 속성을 사용하여 스크립트 로딩을 비동기적으로 진행한다. async는 스크립트의 빠른 실행을 우선한다. 스크립트들의 실행 순서를 보장하지 않는다. defer는 스크립트들의 실행 순서를 보장한다. 스크립트 실행 속도는 async보다 느릴 수 있다. 1. async `` script 태그에 async 속성을 추가하면 HTML 파싱 과정과 JavaScript 파일의 다운로드가 병렬적으로 진행된다. 다운로드가 완료되면, 웹 브라우저는 잠시 HTML 파싱을 멈추고 JavaScript 코드를 실행한다. async 속성이 있는 스크립트 파일이 여러개인 경우 다운로드가 완료된 순서대로 스크립트를 실행하기 때문에 스크립트의.. 2023. 6. 17. % 연산의 성질 프로그래머스 피보나치 수 문제를 푸는데 테스트 7번부터 14번까지 전부 런타임에러가 나더라. 코드의 로직은 틀리지 않은 것 같은 것 같아 어디에 구멍이 난 거지🤔하고 찾아보다가 힌트를 발견했다. (a + b) % m = ((a % m) + (b % m)) % m 이런 성질이 있는 줄은 몰랐는데 말이다! 덕분에 간단히 해결 :) 문제 풀어보러 가기: https://school.programmers.co.kr/learn/courses/30/lessons/12945 알고리즘 관련 오픈소스 프로젝트에 참여하게 되어 덕분에 심심할 때마다 코딩테스트 푸는 중, 재밌다! 2023. 5. 16. Number 자료형 memo 숫자형과 메모리 메모리는 `비트`로 이루어져 있음 데이터는 2진법으로 변환된 후 메모리에 저장됨 정수: 2진법으로 변환된 후 메모리에 저장. ex) 7 = 0b0111 소수: 소수점 아래의 각 숫자를 2로 나눈 나머지를 사용하여 2진수로 변환된 후 메모리에 저장 ex) 0.625 = 0b0.101 실수(float)를 나타내는 32칸 비트 중 첫번째 칸에 부호 저장됨. ex) +(0) / -(1) ▼직관적 학습을 돕는 사이트 https://www.binaryconvert.com/convert_float.html Float (IEEE754 Single precision 32-bit) Converter www.binaryconvert.com 숫자형의 문제 0.1 + 0.2 === 0.3 // false Num.. 2023. 5. 16. 이전 1 2 3 4 5 다음
