위 글은 50 React.js Super Hacks Every Developer Should Know를 번역 겸 약간의 각색을 곁들인 글로,팁이 50가지나 되는 만큼 한 글에 담기보단 10개씩 5번으로 나눠서 포스팅할 예정이다.이 글은 5번째 중 2번째 글이다.11. Fragments (프래그먼트)문제: 여러 요소를 반환해야 하는데, DOM에 불필요한 노드를 추가하고 싶지 않습니다.해결책: React Fragments를 사용하여 여러 요소를 그룹화하고 불필요한 노드를 추가하지 않습니다.// PROBLEM: 불필요한 부모 요소가 추가됨const List = () => ( Item 1 Item 2 Item 3 );// SOLUTION: React Fragments 사용const Li..
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..
위 글은 Medium의 Microsoft is ditching React 글을 번역한 글입니다. 최근 마이크로소프트 엣지 팀은 엣지 브라우저의 성능을 개선하기 위해 React 사용을 중단하기로 결정한 내용을 담은 기사를 작성했습니다. 이 기사에서는 마이크로소프트의 결정이 React와 JavaScript 개발자들에게 어떤 영향을 미칠지, 그리고 엣지 팀의 진정한 의도가 무엇인지 자세히 설명합니다. 배경마이크로소프트 엣지는 구글의 오픈 소스 웹 브라우저 프로젝트인 Chromium을 기반으로 만들어졌습니다. 엣지의 기본 UI는 Chromium에서 유래했지만, 마이크로소프트는 엣지를 Chrome과 다르게 보이게 하기 위해 자체적으로 설계된 UI 컴포넌트들을 사용했습니다. 이 컴포넌트들은 대부분 React를 사용..
위 글은 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..
