본문으로 건너뛰기

수많은 저장소를 하나로 - 자바 스크립트 코드를 모노레포로 이동하기

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

소개

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

목차
  1. 모노레포가 필요한가요?
  2. 모노레포가 필요한데 이제 어떻게 하죠?
  3. Git 기록 유지 관리
  4. 단순함을 유지하기
  5. Nx + pnpm
  6. pnpm 워크스페이스
  7. Turborepo + pnpm
  8. 새로 배울 것이 없습니다
  9. 잘 작동합니다!

접근성을 고려하여 CSS 작성하기

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

소개

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

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

목차
  • 가독성 있는 텍스트에서 읽기 쉬운 텍스트로
  • 가상 요소에 콘텐츠 신중하게 사용하기
  • 화면만이 유일한 매체가 아니다
  • 완전히 지원되지 않는 속성 값에 대한 대안
  • 콘텐츠를 숨기는 여러 가지 방법
  • 나쁜 대비는 신뢰할 수 없다
  • 색상이 정보의 유일한 단서가 되어서는 안 된다
  • 순서에 신경 쓰기
  • 중요한 것에 집중하기: focus
  • 그리드와 평평한 문서 구조

Import 속성 (attributes)

소개

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

목차
  • 이전 버전
  • Import 속성
  • 동적 import()
  • with 사용 가능 여부
  • assert의 사용 중단 및 최종 제거
  • Import 속성 지원

자동화 게임 극한까지 자바스크립트 성능 끌어올리기

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

소개

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

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

목차
  1. 왜 다시 타입스크립트/자바스크립트인가?
  2. 모든 교훈을 되새기며
  3. 성능의 벽에 부딪히기
  4. 항상 할당입니다!
  5. 메모이제이션과 캐싱
  6. 문자열 제거하기!
  7. (숫자 키를 사용하는)Map/Set 채택
  8. 주의사항
  9. 성급한 최적화는 만악의 근원인가?

Evan You가 말하는 2024년 Vue.js의 인사이트 및 트렌드

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

소개

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

목차
  1. Evan You와 함께하는 Q&A 세션
  2. 결론
  3. 도움 될만한 링크