![[Ykss]](/static/e1b6058af380e8a00f152aefa04db768/a12fc/profile.png)
- All
- Essay
- Translation
- DevLog
- Typescript
- Web
- Git
- Vue
- React
- Javascript
- Algorithm
- ReactNative
- Infra
- DB
글또 10기를 시작하며
10/8/2024나는 글또를 어떻게 알게 되었나 예전에 Github을 돌아다니다 누군가의 Github 프로필에서 글또 뱃지를 보게 되면서 글또에 대해 알게되었다. 글또는 라는 의미를 가진 모임이었고, 쉽게 말해 개발자 글쓰기 모임이었다. 당시에는 블로그도 꾸준히 쓰고 있었고, 여러 가지로 바빴기 때문에 글또에 참여하는 것에 대해서는 생각조차 하지 못했었다. (그리고 참여…
(번역) 웹 페이지가 로드되기 전에 더 빠르게 만드는 방법
10/7/2024원문 : How to make your web page faster before it even loads How to make your web page faster before it even loads 개발자로서(특히 프런트엔드 개발자로서), 우리는 일반적으로 웹 성능을 논할 때 브라우저 창에서 요소들이 나타나기 시작하는 시점과 콘텐츠를 소비하거나 페이지…
(번역) 좋은 리팩터링 vs 나쁜 리팩터링
9/9/2024원문 : Good Refactoring vs Bad Refactoring thumbnail 저는 수년간 많은 개발자를 고용해 왔습니다. 그중 상당수는 우리의 코드가 대대적인 리팩터링이 필요하다는 확고한 신념을 가지고 있었습니다. 하지만 문제는, 거의 모든 경우에서 다른 개발자들이 리팩터링된 코드를 이전보다 이해하고 유지보수하기 더 어렵다고 느꼈다는 점입니…
(번역) CSS에서의 인라인 조건문?
8/1/2024원문 : Inline conditionals in CSS? 지난주, CSS WG는 CSS에 인라인 를 추가하기로 결의했습니다. 그렇다면 이게 무슨 의미이며, 왜 흥미로운 걸까요? 지난주 우리는 스페인 A Coruña에서 CSS WG 대면 회의를 가졌습니다. 그 회의에서 나온 결의 중 제가 특히 흥분한 것은 CSS에 인라인 를 추가하기로 한 합의입니다. 비…
(번역) 좋은 코드, 테스트 용이한 코드
7/8/2024원문 : Good Code, Testable Code 테스트 용이성이란 무엇인가요? 소프트웨어 “테스트 용이성”에 대한 정의는 많은 곳에서 찾아볼 수 있습니다. 안타깝게도, 대부분의 정의는 “시스템을 테스트하는 것이 얼마나 쉬운가” 또는 “코드를 어느 정도까지 테스트할 수 있는가” 같은 표현으로 귀결됩니다. 저는 이러한 표현이 안타깝다고 생각하는데, “쉽…
(번역) SOLID 원칙으로 리액트 훅 작성하기
6/17/2024원문 : Write SOLID React Hooks SOLID는 가장 일반적으로 사용되는 디자인 패턴 중 하나입니다. 여러 언어와 프레임워크에서 사용되며, 리액트에서 사용하는 방법을 소개하는 문서도 많습니다. SOLID에 대한 각 리액트 문서는 약간씩 다른 방식으로 모델을 제시하는데, 컴포넌트에 적용하거나 타입스크립트에 적용하는 경우들은 있지만 훅에 원…
(번역) 프런트엔드의 미래 탐색하기
4/16/2024원문 : Navigating the future of frontend 최신 프런트엔드 메타 프레임워크를 이해하고, 과거와 현재의 기본 개념을 연결해 보세요. 프런트엔드 생태계는 전환기에 있습니다. 떠오르는 프런트엔드 개발자들은 경쟁하는 프레임워크와 개념들, 지지자들, 다양한 선호도 및 모범 사례로 이루어진 복잡한 환경을 탐색하고 있습니다. 오늘날, 가장 …
(번역) 리액트의 use 훅과 사용 예제
3/26/2024원문 : use Hook in React and its use cases 훅은 리액트 19 버전에 도입 될 새로운 훅입니다. 컨텍스트와 프로미스로 작업할 때 매우 유용합니다. 훅과 다른 훅의 주요 차이점은 훅은 루프와 와 같은 조건문 내에서 호출할 수 있다는 점입니다. 그러나 함수 컴포넌트나 커스텀 훅에서만 사용할 수 있다는 기본 컨셉은 다른 훅과 …
(번역) 2024 리액트 트렌드
3/4/2024원문 : React Trends in 2024 (24.03.06 번역 수정) 2024년은 리액트 생태계에 대해 다시 한 번 기대감을 갖게 하는 해입니다. 작년에 있었던 여러 가지 도전과 드라마틱한 사건(가장 큰 사건은 리액트 서버 컴포넌트를 통해 리액트를 서버로 옮기는 것)이 있었음에도 불구하고, 모두가 주목해야 할 새로운 리액트 트렌드가 있습니다. 20…
(번역) 2024 리액트 라이브러리
1/29/2024원문 : React Libraries for 2024 리액트는 꽤 오랫동안 사용되어 왔습니다. 그동안 컴포넌트 기반 라이브러리를 중심으로 다양하고 방대한 생태계를 발전시켜 왔습니다. 다른 프로그래밍 언어나 라이브러리, 프레임워크를 사용하던 개발자들은 종종 리액트를 사용한 웹 애플리케이션을 만들기 위한 모든 라이브러리를 파악하는 데 어려움을 겪을 수 있습니…