이 포스팅에서는 잘 알려지지 않았지만 유용한 다섯가지 자바스크립트 (JavaScript) 기능들을 예제를 통하여 알아 보겠습니다.

이 포스팅에서는 자바스크립트나 다른 라이브러리를 사용하지 않고 네이티브 HTML 속성만 이용하여 모던하고 다기능을 가진 웹 페이지를 개발하는 방법을 알아보겠습니다.

이 포스팅에서는 굳이 몇 개의 코드 라인이 필요없이 한 개의 라인으로 가능한 자바스크립트 코드 예제를 알아보겠습니다.

Signals는 상태 관리 용도로 다수의 프레임워크에 사용이 되고 있습니다. 이 포스팅에서는 use-signals 사용 방법과 Signals가 무엇인지 간단히 알아보겠습니다.

최근 10년동안 리액트 (React)는 최첨단의 UI를 만들어 주는 강력한 기능으로 여러 방면의 개발자들에게 유명세를 탔습니다. 이 포스팅에서는 많은 개발자들에게 사랑 받고있는 리액트의 장단점에 대하여 알아보겠습니다. React JS란?...

타임라인은 유저들이 연대순으로 정리된 이벤트를 이해하면서 네비게이트 할 수 있는 아주 유용한 시각 툴입니다. 이 포스팅에서는 CSS와 자바스크립트 (JavaScript)를 이용하여 인터랙티브한 타임라인을 만드는 방법을 알아보겠습니다....

앱 개발에 중요한 부분이 딥링크와 유니버설 링크 (앱 링크)이죠. 이 부분이 접목이 되면 앱이 웹에 노출이 쉽게 되어 마케팅에 많은 효과를 가지고 올 수 있습니다. 온라인에 아주 많은 글들이 올라와 있는데요, 제가 이 개발 작업을 하면서 이...

There are many articles showing how to set up deep link and universal links in the app but the articles are scattered and I have compiled...

드래그 (drag)와 드롭 (drop) 기능은 UX (user experience)의 아주 중요한 기능입니다. 업로더나 리스트 내의 아이템 순서 정리, 또는 게임등에 유용하게 사용이 될 수 있죠. 이 포스팅에서는 HTML에서 사용할 수 있는...

개발자라면 꼭 알고 코딩을 해야 하는 원칙 중 하나가 이 SOLID (솔리드) 원칙입니다. 객체 지향 설계 5원칙이라고 불리고 있는 이 원칙은 디버깅이나 코드관리의 효율성, 그리고 나아가서는 버그를 줄일 수 있게 도와줍니다. 혹시 이 원칙을...

이 포스팅에서는 ES14 (ECMAScript 2023, 에크마스크립트 2023)의 새 기능과 개량된 점들을 알아보겠습니다. 1. Record와 Tuple 타입 ES14에서는 새로운 두 가지 타입을 선보입니다. Record와 Tuple...

웹 애플리케이션을 만들다 보면 페이지 애널리틱스를 적용해야 하는 경우가 간혹 생깁니다. 저 같은 경우는 한 페이지에서 유저가 보던 동영상의 마지막 시점이 어디였는지를 유저가 다른 페이지나 사이트로 이동 전에 받아와서 다음에 같은 동영상을 볼 때...

Detecting page change event in all devices is a difficult job because of different ecosystem. Especially iOS has its own browser...

With one block of codes, you can create a modal Alert and Confirm dialog box with callbacks. It has the following functions: Alert...

Creating a versatile and stable popup window in a web app is a difficult task because browsers and OS's behave differently. After some...

This article discusses how to compile gRPC-Web's Protobuf file for React (or other JavaScript-based web app) in Windows environment. This...

This article describes how to communicate with a gRPC-Web proxy server with the Protobuf compilation files we created from the Part 1. 1....

하나의 코드로 Confirm과 Alert 기능을 다 쓸 수 있는 다이얼로그 박스 (또는 모달 창) Dialog Box입니다. 하나의 코드로 다음의 세 가지 기능을 구현할 수 있습니다: Alert 창 콜백이 있는 Alert 창 콜백이 있는...

웹앱에서 팝업 창을 이용하는 것이 아주 까다롭습니다. 더군다나 iOS에서는 잘 호환이 안되죠. 여러 리서치를 하고 나서 테스트 결과 다음 아래의 방법이 Windows, Android, macOS, iOS에서의 여러 브라우저와 호환이 가능하다고...

이번 글에서는 리액트로 gRPC-Web 서버에서 데이터 가져오기를 해 보겠습니다. 저번 글에서 생성된 두 개의 컴필레이션 파일을 이용하여 gRPC-Web 서버나 프락시에서 데이터를 가지고 와 보겠습니다. 1. Prerequisites (준비사항)...