나도 공부한다/JS3 클린코드 자바스크립트 강의 내용 정리 유데미의 클린코드 자바스크립트 강의를 듣고 정리한 내용입니다. 추후 가독성있게 수정하겠습니다. 자바스크립트 코드 스타일- AirBnB, Google, ECMA, JShint, JSLint, Prettier, ESLint 몽키 패치 (Monkey patch) = 안티패턴: 런타임 중인 프로그램의 내용이 변경되는 행동을 의미 (런타임 과정에서 사용자의 의도와 다르게 동작하는 것)자바스크립트는 몽키 패치 언어다. 자바스크립트와 다른 언어들의 유사성문법 - JAVA문자열, 배열, 정큐, 표현식 - 펄함수 - 오크클로저, 스코프 환경 - 스키마프로토타입 - 셀프이벤트 - 하이퍼토크 https://jsisweird.com/ JS is weirdA fun and tricky JavaScript quizjsisweir.. 2024. 12. 10. 디바운싱과 쓰로틀링 목차https://ggubbanglovesherlife.tistory.com/132 react로 검색기능 만들면서 삽질한 이야기 (feat. 디바운스)※ 이 글은 저의 삽질 과정이 그대로 담겨있는 글로, 사담이 많습니다. 결과만 알고 싶으신 분은 최종 코드를 읽어주세요 검색창을 구현할 일이 생겼는데 글자가 하나 입력될때마다 결과를 다시ggubbanglovesherlife.tistory.com디바운싱과 쓰로틀링로직이 실행되는 횟수를 제한하여 프론트엔드 성능 최적화를 위해 쓰인다디바운싱과 쓰로틀링에 대해 말하기 전에 두가지 함수에 대해 알아야한다 setTimeout(): 함수의 실행을 예약하는 타이머 기능. 브라우저에서 제공하는 Web API. 지정된 시간 이후에 함수를 실행한다.const timeId= s.. 2024. 2. 20. var을 사용하면 안 되는 이유 나는 자바스크립트를 ES6 버전으로 배웠기 때문에 var 대신 let과 const만 썼다. 그냥 그렇게 써야한다니까 썼는데 어느날 문득 var을 쓰면 안 되는 이유가 궁금해졌다. 한줄로 요약하자면, 일반적으로 오류로 취급되어야할 문법들이 var을 사용하면 허용되기 때문에 느슨해진 JS의 기강을 잡기위해(?) let과 const를 만든 것... 이라고 할 수 있다. 더 자세히 알기 위해서는 먼저 호이스팅이라는 개념을 알아야한다. 호이스팅이란? a라는 놈이 있구나~ 일단 기억해두고 나중에 부르면 값 바꿔줘야지~ 함수가 실행되기 전에 함수 안의 변수를 scope의 최상단으로 끌어올리는 것을 말한다. 즉, JS는 실행 전에 어떤 변수가 쓰였는지 파악하고 선언과 동시에 undefined로 초기화 해버린다. 보통은.. 2022. 11. 14. 이전 1 다음
