"frontend" 태그로 연결된 9개 게시물개의 게시물이 있습니다.

Korean FE Article Team 에서 번역해주는 FrontEnd 소식을 아카이브 하였습니다.

• 원문: https://reacttraining.com/blog/react-19-will-be-compiled
• 번역글: https://substack.com/redirect/aad98d01-4d75-4355-956a-074e85d384a5?j=eyJ1IjoiMnFrMnA0In0.QVVOJaKabmmX5ASbNU2omf9CA-dCFAH4QXVPLzr-_K4

소개​

최근 리액트 팀은 리액트 19의 릴리즈를 발표한 블로그 게시물에서 리액트 컴파일러를 함께 발표하여 현재 리액트 컴파일러는 프론트엔드 개발자들의 뜨거운 관심을 받고 있습니다.

이 글에서는 리액트 컴파일러가 나오기 전까지의 과정과 컴파일에 대한 의미를 소개하고 있습니다. 리액트 컴파일러가 나오기 전과 후의 과정들에 대해 관심을 가지고 계시다면 가볍게 읽어보시길 추천드립니다. 🙂

Korean FE Article Team 에서 번역해주는 FrontEnd 소식을 아카이브 하였습니다.

• 원문: https://www.developerway.com/posts/no-more-flickering-ui
• 번역글: https://velog.io/@tap_kim/no-more-flickering-ui?utm_source=substack&utm_medium=email

소개​

이번 글은 평소 사용하는 리액트의 useEffect를 사용할 때 발생하는 깜빡인 현상을 주제로 평소 사용하는 브라우저의 주요 개념인 동기/비동기 개념을 중심으로 useEffect와 useLayoutEffect에 대해 깊이 있게 설명하는 글입니다.

자바스크립트의 관점으로 리액트에선 두 effect를 통해 어떤 방식으로 사용되는지, 쓰임새와 성능, 더불어 SSR까지 흐름으로 두 effect 훅에 대해 딥 다이브하기 좋은 글이 될 것 같습니다.

FrontEnd에 관한 도움이 될만한 자료들을 번역

• 원문: https://www.developerway.com/posts/refs-from-dom-to-api

소개​

Dart에 관한 도움이 될만한 자료들을 번역

• 원문: https://medium.com/gitconnected/dart-mastery-unleashed-8-advanced-techniques-for-efficient-and-powerful-programming-76c4ad13c743

소개​

구글에서 개발한 현대적인 프로그래밍 언어 Dart는 그 간결한 문법과 강력한 기능, 특히 Flutter 프레임워크와의 연계성으로 개발자들 사이에서 상당한 찬사를 받았습니다. 이 글에서는 기술적 깊이, 영감을 주는 특성, 그리고 Dart 개발 효율성을 크게 향상시킬 수 있는 능력으로 알려진 8가지 놀라운 Dart 프로그래밍 기법을 탐구합니다.

Korean FE Article Team 에서 번역해주는 FrontEnd 소식을 아카이브 하였습니다.

• 원문: https://www.aha.io/engineering/articles/monorepo
• 번역글: https://velog.io/@superlipbalm/monorepo?utm_source=substack&utm_medium=email

소개​

Aha!에 입사한 글쓴이가 왜 모노레포를 필요로 하게 되었는지, 그 과정에서 어떠한 고민들을 했는지, 그리고 어떤 방법을 사용해 모노레포로 전환했는지 자세히 설명하고 있습니다. 모노레포 도입을 고민중이시라면 이 글을 한 번 읽어보시면 도움이 되실겁니다.

Korean FE Article Team 에서 번역해주는 FrontEnd 소식을 아카이브 하였습니다.

소개​

접근성(Accessibility)을 고려하여 개발하는 것은 검색 엔진 최적화와 사용자 경험 향상을 넘어서 법적 요구사항이나 사회적 책임을 이행하는 매우 중요한 업무입니다.

이 글은 특히 CSS를 이용하여 접근성을 향상하는 방법에 대해 소개하고 있습니다. 시리즈로는 “접근성을 고려하여 HTML 작성하기”, “접근성을 고려하여 JavaScript 작성하기”가 있습니다. 2017년에 작성되어 오랜 시간이 지났음에도 여전히 유용한 정보를 제공하고 있어 번역하여 소개하게 되었습니다.

• 원문: https://v8.dev/features/import-attributes#deprecation-and-eventual-removal-of-assert

소개​

V8 v12.3부터 새롭게 지원되는 import 속성(attributes)에 대해 설명하는 글입니다. import 속성이 왜 필요하게 되었는지, v9.1 부터 사용된 import 어설션(assertions)과는 어떻게 다른지 이 글을 통해 살펴보실 수 있습니다.

Korean FE Article Team 에서 번역해주는 FrontEnd 소식을 아카이브 하였습니다.

• 원문: https://ruoyusun.com/2024/01/23/cividle-optimization.html

소개​

이 글은 자바스크립트로 게임을 만들면서 진행한 성능 최적화에 대한 글입니다. 성능을 1초라도 끌어올리기 위해 어떤 방법들을 시도해 보았는지 알 수 있습니다.

일반적인 프론트엔드 서비스에서 먼저 검토하는 성능 최적화 방법들을 소개하지는 않습니다. 하지만 글쓴이와 같이 0.01 초도 라도 빠르 이 글이 도움이 될 것 같습니다.

Korean FE Article Team 에서 번역해주는 FrontEnd 소식을 아카이브 하였습니다.

• 원문: https://medium.com/front-end-weekly/insights-and-trends-in-vue-js-from-evan-you-2024-695ed1feef5d

소개​

이 글에서는 Vite 5가 뷰에 미치는 영향, 매크로, vapor mode, 널리 알려진 오해들, 새로운 특징 또는 기능, 향후 버전의 option API 지원 여부, VitePress 등에 대한 일반적인 인사이트를 살펴보겠습니다.