본문 바로가기

전체 글68

HTMLCollection vs NodeList HTMLCollection vs NodeList DOM을 조작할 때 접하게 되는 유사배열들이다. getElementsByClassName()과 querySelectorAll()이 거의 같은 것이라 인식하고 있는 사람들이 있을 것이다. 결정적으로 다른 부분이 있다. 바로 그 결과가 각각 HTMLCollection과 NodeList라는 차이이며, 이는 즉 Live하냐 Static하냐이다. 이를 인지하고 있지 못하면 언젠간 버그를 마주칠 수밖에 없겠다. HTMLCollection document.getElementsByClassName('hyunsang'); 이처럼, document.getElementsByClassName(), document.getElementsByTagName()과 같은 메서드 또는 el.. 2022. 4. 1.
[css] calc 함수 +, - 에 띄어쓰기 잘하자 어떤 웹사이트들의 CSS를 보면 가끔 calc라는 이름의 함수를 만나곤 합니다. 이름(calculation)으로 예측할 수 있듯이 속성의 값을 계산을 해주는 함수입니다. + - * / 사칙연산을 지원합니다. calc 함수는 CSS3 버전부터 제공되는 함수입니다. calc 함수는 브라우저의 크기에 따라 요소의 너비가 높이가 변화해야하는 경우 사용하기 적절합니다. +및 -연산자 는 공백 으로 둘러싸여야 합니다 . 예를 들어, calc(50% -8px)백분율로 구문 분석되고 음수 길이(잘못된 표현식 calc(50% - 8px))가 오는 반면 백분율 뒤에 빼기 연산자와 길이가 옵니다. 마찬가지로 calc(8px + -50%)는 길이 다음에 더하기 연산자와 음수 백분율로 처리됩니다. 2022. 4. 1.
프로미스(Promise)의 장점 프로미스의 장점 -결과값을 나중에 쓸 수 있다. 비동기 콜백 setTimeout(() => { console.log('a'); }, 1000); 콜백은 비동기가 아니다. 콜백은 비동기일수도 동기일수도 있다. 동기콜백 예제 function calculator(callback, a, b) { return callback(a, b); } calculator(function(x, y) { return x+y}, 3, 5) const promise = new Promise((resolve, reject) => { setTimeout(() => { resolve(); }, 1000); }); //다른작업~~~~~ promise.then(() => { console.log('a'); }) const promise =.. 2022. 3. 28.
Node.js fs모듈과 readline ?? 백준에서 자바스크립트로 알고리즘 풀려면 입력값을 정리해줘야하는데 fs모듈과 readline모듈 두가지 방법이있다. 이것 때문에 파이썬공부하는 사람들도 있다고 한다. 하지만 기왕 자바스크립트 공부하는거 갈고 닦기위해 자바스크립트로 풀기로 정했다. 배열 공부가 많이 된다. 한가지 딱 정해서 알고리즘 공부해야겠다는 생각에 fs모듈 잡고 하루종일 공부했는데 백준에서 fs로 풀어도 오류나는 문제들이 몇개있다. 하.... readline도 공부해야겠는데 fs보다 이해하는데 어려워보인다. 출발~ 2022. 3. 27.

티스토리툴바