WAS와 웹 서버(Web Server)의 차이 참고1: https://codechasseur.tistory.com/25 참고2: https://gmlwjd9405.github.io/2018/10/27/webserver-vs-was.html 참고3: https://victorydntmd.tistory.com/121 참고4: http://melonicedlatte.com/web/2019/06/23/210300.html 웹 서버는 뭐고 웹 어플리케이션 서버는 뭐지? 이름이 비슷한데 그냥 같은 걸 다르게 부르는 건가? 싶기도 하여 서칭해봤다. 내용 1. 웹 서버(Web Server) 정의: 웹 브라우저 클라이언트로부터 HTTP 요청을 받아들여 HTML, CSS, JS와 같은 정적 웹 페이지를 반환하는 프로그램 ..
class와 id 선택자를 중심으로 살펴보는 효율적인 렌더링을 위한 CSS 활용 참고: https://csswizardry.com/2011/09/writing-efficient-css-selectors/ 선택자에 따라 CSS 의 성능 차이가 궁금해서 찾아봤다. 정리 1. 되도록이면 class를 사용하자 선택자에 따른 reflow 속도가 가장 빠른 건 id이지만 class와 별반 차이가 없다. 심지어 윈도우 환경에서 파이어폭스 6 브라우져에서는 class가 더 빨랐다. 또 id는 class보다 우선순위 점수가 월등히 높아서 id와 class를 혼용해서 사용 시 사이드 이펙트가 발생할 여지가 있다. id는 js에서만 이용하고 스타일에서는 class만 사용하자. 2. 되도록 적은 수의 선택자를 사용하자 #te..
eslint 특정 라인 혹은 특정 파일에만 ignore하기 참고: https://worker-k.tistory.com/entry/%EC%97%84%EA%B2%A9%ED%95%9C-eslint-ignore-%ED%95%98%EB%8A%94-%EC%97%AC%EB%9F%AC%EA%B0%80%EC%A7%80-%EB%B0%A9%EB%B2%95-eslintignore eslint를 쓰다보면 전역적으로 무시하고 싶은 에러들도 있지만, 특정 라인 혹은 파일에서만 ignore를 사용하고 싶을 때가 있다. 나 같은 경우는 회사에서 작업할 때 kakao SDK 등을 사용할 때다. SDK에서 제공하는 변수나 함수를 사용하면 eslint는 해당 변수나 함수가 정의되지 않았다면서 경고를 띄우는데, 이 빨간 줄이 너무나 거슬린다..
자바스크립트 디바운스와 쓰로틀링 참고: https://www.zerocho.com/category/JavaScript/post/59a8e9cb15ac0000182794fa 내용 디바운스, 쓰로틀링 둘 모두 웹에서 연속적으로 발생되는 이벤트를 제어하여 성능을 향상시키는 기법이다. 차이점으로는 디바운스는 마지막으로 실행된 이벤트에 딱 한 번만 반응하고 쓰로틀링은 정해놓은 주기마다 실행이 된다는 점이다. 디바운스는 주로 API 호출 등에 사용되고, 쓰로틀링은 resize나 scroll 이벤트 등에 많이 사용된다. 디바운스 타이머가 있는지 없는지 판별할 변수를 하나 생성한다. (timer) 코드를 실행할 대기 시간을 정한다. (예시에서는 200ms) input 이벤트가 발생하면 타이머가 설정된다. 타이머가 이미..