본문 바로가기

분류 전체보기

(989)
UI 치트 시트 : 간격의 우정(UI cheat sheet: Spacing friendships) UI 설계시 가장 어려운 것 중 하나가 요소 간 간격(Spacing)을 설정하는 것입니다. 요소 간 간격을 설정하는 한가지 방법을 알아봅시다. 원문 링크입니다 : https://uxdesign.cc/ui-cheat-sheet-spacing-friendships-e37a6fccc407 UI cheat sheet: Spacing friendships Learn to space elements in your layout, with the help of a cheesy metephor. uxdesign.cc UI 디자이너의 실력을 보는 가장 쉬운 방법은 디자인에서 간격(spacing)을 사용하는 방법을 보는 것입니다. 색상, 타이포그래피, 이미지 등은 일반적으로 브랜드 가이드에서 제공되지만 간격을 올바르게 사용..
RxJS로 HTTP 리턴 데이터 매핑하기 RxJS를 이용해 리턴받은 HTTP Data를 매핑하는 방법을 알아봅니다. 원문입니다 : https://www.thisdot.co/blog/mapping-returned-http-data-with-rxjs Mapping Returned HTTP Data with RxJS - This Dot Labs In frontend development, it's likely that you will make API requests to retrieve data from some backend resource. However, some backends are set up in such a… www.thisdot.co 프론트엔드 개발 시 백엔드 리소스에서 데이터를 검색하기 위해 API 요청을 할 가능성이 높습니다. 그..
RxJS를 이용하여 오류 처리하기 RxJS를 이용해 오류를 처리해 봅시다. 원문입니다 : https://www.thisdot.co/blog/going-reactive-with-rxjs Going Reactive with RxJS - This Dot Labs RxJS is the perfect tool for implementing reactive programming paradigms to your software development. In general, software development handling errors… www.thisdot.co RxJS는 소프트웨어 개발에 반응형 프로그래밍 패러다임을 구현하기 위한 완벽한 도구입니다. 일반적으로 오류를 정상적으로 처리하는 소프트웨어 개발은 ​​ 응용 프로그램의 무결성을 보장하고 가..
RxJS Subscriptions(구독) 관리 모범 사례 RxJS subscription 관리를 위한 모범 사례를 배워봅시다. 원문입니다 : https://www.thisdot.co/blog/best-practices-for-managing-rxjs-subscriptions Best Practices for Managing RxJS Subscriptions - This Dot Labs When we use RxJS, it's standard practice to subscribe to Observables. By doing so, we create a . This object provides us with some methods that will aid in… www.thisdot.co RxJS를 사용할 때 Observable을 구독하는 것이 표준 관행입니다...
RxJS로 옵저버블을 만드는 방법 RxJS로 옵저버블을 만드는 다양한 방법을 배워봅니다. 원문 링크입니다 : https://www.thisdot.co/blog/creating-observables-in-rxjs Creating Observables in RxJS - This Dot Labs Observables are the foundation of RxJS. Everything to do with RxJS revolves around Observables. In this article, we will look at the many different methods of… www.thisdot.co Observable은 RxJS의 기초입니다. RxJS와 관련된 모든 것은 Observable을 중심으로 이루어집니다. 이 아티클에서는 RxJS..
RxJS 기본 Operator와 사용방법 RxJS 기본 Operator와 사용방법을 배워봅니다. 원문 링크입니다 : https://www.thisdot.co/blog/basic-rxjs-operators-and-how-to-use-them Basic RxJS Operators and How to Use Them - This Dot Labs In our Getting Started With RxJS article, we briefly mentioned Operators. In this article, we will expand further on what Operators are in RxJS. We will also… www.thisdot.co 이전 아티클에서 배운 Operators를 좀 더 확장할 것입니다. 또한 몇 가지 기본 Operator..
Rxjs 시작하기 Rxjs를 배워봅시다. 원문 링크입니다 : https://www.thisdot.co/blog/getting-started-with-rxjs 프론트엔드 분야에서 일해 본 적이 있다면 RxJS를 듣거나 보거나 사용한 적이 있을 것입니다. RxJS는 정확히 뭔가요? 간단하게 말하면 이벤트를 위한 lodash 입니다. 우리는 그 정의를 확장하여 다음과 같이 말할 수 있습니다. "이것은 Observer Pattern을 따르는 Observable을 사용하는 반응형 프로그래밍을 위한 라이브러리입니다." 그러나 이것이 RxJS가 무엇이며 실제로 사용하는 방법을 이해하는 데 정말 도움이 될까요? 아마 그렇지 않을 것입니다. "RxJS가 유용한가요?"라고 물을 수도 있습니다. 비동기 코드를 작성하고 유지 관리하고 추론하기..
리믹스와 엣지 컴퓨팅[Remix and “The Edge”] 리믹스 프레임워크가 높은 퍼포먼스를 내기 위해 엣지 컴퓨팅을 사용하는 방법을 알아봅니다. 원문 주소입니다 : https://remix.run/blog/remix-and-the-edge Remix and “The Edge” “The edge” isn’t just about static assets anymore. It’s increasingly becoming a place for dynamic assets resulting from compute. Remix is taking full advantage of this next generation of edge computing. remix.run CDN과 "엣지" 주변에는 많은 것이 있습니다. 전통적으로 엣지는 정적 에셋을 빠르게 저장하고 전달하기 위한 ..