2024.06.15 - [Programming Language/React] - [React] React 개발을 하며 지키면 좋을 것들 (3)2024.06.13 - [Programming Language/React] - [React] React 개발을 하며 지키면 좋을 것들 (1)2024.06.09 - [Programming Language/Javascript] - [JS] 효율적이고 효과적인 자바스크립트 개발을 위한 45가지 팁(2)위 글은 50 React.js Super Hacks Every Developer Should Know를 번역 겸 약간의 각색을 곁들인 글로,팁이 50가지나 되는 만큼 한 글에 담기보단 10개씩 5번으로 나눠서 포스팅할 예정이다.이 글은 5번째 중 1번째 글이다. 1. Comp..
위 글은 45 JavaScript Super Hacks Every Developer Should Know를 번역 겸 약간의 각색을 곁들인 글로,이 글은 5번째 중 5번째. 마지막 글이다.37. Avoid Global Variables (전역 변수 피하기)문제: 전역 변수는 충돌과 의도치 않은 부작용을 초래할 수 있습니다.해결책: 전역 변수를 피하면 충돌과 의도치 않은 부작용을 방지할 수 있으며, 코드의 모듈화와 유지보수성을 높일 수 있습니다.// PROBLEM: 전역 변수 사용// 전역 변수를 사용하면 충돌과 부작용이 발생할 수 있음var globalVar = 'This is global';function doSomething() { console.log(globalVar); // "This is gl..
위 글은 45 JavaScript Super Hacks Every Developer Should Know를 번역 겸 약간의 각색을 곁들인 글로,이 글은 5번째 중 4번째 글이다. 28. Debounce Function (디바운스 함수)문제: 윈도우 리사이즈 이벤트와 같은 자주 호출되는 함수는 성능을 저하시킬 수 있습니다. 해결책: 디바운스 함수를 사용하여 함수가 일정 시간 동안 비활성 상태일 때만 실행되도록 하세요.// PROBLEM: debounce 미사용function logResize() { console.log('Window resized');}window.addEventListener('resize', logResize);// SOLUTION: debounce 사용function debounc..
위 글은 45 JavaScript Super Hacks Every Developer Should Know를 번역 겸 약간의 각색을 곁들인 글로,이 글은 5번째 중 3번째 글이다. 19. Array some()와 every()문제: 배열의 일부 또는 모든 요소가 조건을 만족하는지 확인하는 것은 장황할 수 있습니다. 해결책: some()과 every()를 사용하여 코드를 간결하게 작성하세요.// PROBLEM: some(), every() 미사용const numbers = [1, 2, 3, 4, 5];let hasEven = false;let allEven = true;for (let i = 0; i num % 2 === 0); console.log(hasEven); // true const allEv..
