활용도가 낮고 잘 알려지지 않은 아주 유용한 자바스크립트 (JavaScript)의 다섯가지 기능을 알아보자
이 포스팅에서는 잘 알려지지 않았지만 유용한 다섯가지 자바스크립트 (JavaScript) 기능들을 예제를 통하여 알아 보겠습니다.
top of page
<Raank:랑크 />
검색
6월 2일3분 분량
웹 개발자라면 반드시 알아야 할 HTML 속성 (Attributes) 모음
이 포스팅에서는 자바스크립트나 다른 라이브러리를 사용하지 않고 네이티브 HTML 속성만 이용하여 모던하고 다기능을 가진 웹 페이지를 개발하는 방법을 알아보겠습니다.
조회수 2회
5월 26일4분 분량
한 줄로 작성 가능한 자바스크립트 (JavaScript) 코드 모음
이 포스팅에서는 굳이 몇 개의 코드 라인이 필요없이 한 개의 라인으로 가능한 자바스크립트 코드 예제를 알아보겠습니다.
조회수 1회
4월 21일3분 분량
리액트 (React)에 Signals를 사용하는 방법
Signals는 상태 관리 용도로 다수의 프레임워크에 사용이 되고 있습니다. 이 포스팅에서는 use-signals 사용 방법과 Signals가 무엇인지 간단히 알아보겠습니다.
조회수 5회
2023년 12월 10일4분 분량
리액트 (React) 장단점 알아보기
최근 10년동안 리액트 (React)는 최첨단의 UI를 만들어 주는 강력한 기능으로 여러 방면의 개발자들에게 유명세를 탔습니다. 이 포스팅에서는 많은 개발자들에게 사랑 받고있는 리액트의 장단점에 대하여 알아보겠습니다. React JS란?...
조회수 5회
2023년 12월 3일2분 분량
CSS와 자바스크립트 (JavaScript)로 인터랙티브한(Interactive) 타임라인 (Timeline) 만들기
타임라인은 유저들이 연대순으로 정리된 이벤트를 이해하면서 네비게이트 할 수 있는 아주 유용한 시각 툴입니다. 이 포스팅에서는 CSS와 자바스크립트 (JavaScript)를 이용하여 인터랙티브한 타임라인을 만드는 방법을 알아보겠습니다....
조회수 11회
2023년 11월 26일2분 분량
딥링크와 유니버설 링크 만들기 완전 정복: React Native (리액트 네이티브)
앱 개발에 중요한 부분이 딥링크와 유니버설 링크 (앱 링크)이죠. 이 부분이 접목이 되면 앱이 웹에 노출이 쉽게 되어 마케팅에 많은 효과를 가지고 올 수 있습니다. 온라인에 아주 많은 글들이 올라와 있는데요, 제가 이 개발 작업을 하면서 이...
조회수 8회
2023년 11월 26일3분 분량
Comprehensive Guide to Deep Link & Universal Link (App Link) in React Native
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...
조회수 11회
2023년 11월 12일2분 분량
HTML의 Drag & Drop API 사용법
드래그 (drag)와 드롭 (drop) 기능은 UX (user experience)의 아주 중요한 기능입니다. 업로더나 리스트 내의 아이템 순서 정리, 또는 게임등에 유용하게 사용이 될 수 있죠. 이 포스팅에서는 HTML에서 사용할 수 있는...
조회수 9회
2023년 10월 14일3분 분량
개발자라면 알아야 할 솔리드 (SOLID) 원칙. 제대로 알고 코딩을 하는가? 8분에 배워보자
개발자라면 꼭 알고 코딩을 해야 하는 원칙 중 하나가 이 SOLID (솔리드) 원칙입니다. 객체 지향 설계 5원칙이라고 불리고 있는 이 원칙은 디버깅이나 코드관리의 효율성, 그리고 나아가서는 버그를 줄일 수 있게 도와줍니다. 혹시 이 원칙을...
조회수 4회
2023년 5월 9일2분 분량
ECMAScript 2023 (ES14, JavaScript)의 새로운 점은 무엇일까?
이 포스팅에서는 ES14 (ECMAScript 2023, 에크마스크립트 2023)의 새 기능과 개량된 점들을 알아보겠습니다. 1. Record와 Tuple 타입 ES14에서는 새로운 두 가지 타입을 선보입니다. Record와 Tuple...
조회수 10회
2023년 3월 12일2분 분량
100% 모든 OS 체제에 작동하는 페이지 이동 이벤트 포착 자바스크립트 코드 - JavaScript
웹 애플리케이션을 만들다 보면 페이지 애널리틱스를 적용해야 하는 경우가 간혹 생깁니다. 저 같은 경우는 한 페이지에서 유저가 보던 동영상의 마지막 시점이 어디였는지를 유저가 다른 페이지나 사이트로 이동 전에 받아와서 다음에 같은 동영상을 볼 때...
조회수 2회
2023년 3월 12일3분 분량
Page Change Event Code That Works in ALL Devices and Browsers - JavaScript
Detecting page change event in all devices is a difficult job because of different ecosystem. Especially iOS has its own browser...
조회수 2회
2023년 2월 28일1분 분량
Easily Create a Modal Dialog Box with Callbacks - JavaScript
With one block of codes, you can create a modal Alert and Confirm dialog box with callbacks. It has the following functions: Alert...
조회수 0회
2023년 2월 17일2분 분량
Create A Versatile and Stable Popup Window For All OS's and Browsers - JavaScript
Creating a versatile and stable popup window in a web app is a difficult task because browsers and OS's behave differently. After some...
조회수 2회
2023년 1월 28일2분 분량
PART 1 - How To Compile Protobuf in Windows Environment - REACT
This article discusses how to compile gRPC-Web's Protobuf file for React (or other JavaScript-based web app) in Windows environment. This...
조회수 8회
2023년 1월 28일1분 분량
PART 2 - How To Get Data from gRPC-Web Server - REACT
This article describes how to communicate with a gRPC-Web proxy server with the Protobuf compilation files we created from the Part 1. 1....
조회수 0회
2023년 1월 22일1분 분량
다기능 다이얼로그 박스 또는 모달 창 (Dialog Box or Modal Window) - JavaScript
하나의 코드로 Confirm과 Alert 기능을 다 쓸 수 있는 다이얼로그 박스 (또는 모달 창) Dialog Box입니다. 하나의 코드로 다음의 세 가지 기능을 구현할 수 있습니다: Alert 창 콜백이 있는 Alert 창 콜백이 있는...
조회수 9회
2022년 12월 1일1분 분량
모든 환경에서 사용가능한 JavaScript (자바스크립트) 팝업 창 코드
웹앱에서 팝업 창을 이용하는 것이 아주 까다롭습니다. 더군다나 iOS에서는 잘 호환이 안되죠. 여러 리서치를 하고 나서 테스트 결과 다음 아래의 방법이 Windows, Android, macOS, iOS에서의 여러 브라우저와 호환이 가능하다고...
조회수 5회
2022년 11월 27일1분 분량
React (리액트) 와 gRPC-Web : PART 2 : gRPC-Web 서버로 부터 데이터 받기
이번 글에서는 리액트로 gRPC-Web 서버에서 데이터 가져오기를 해 보겠습니다. 저번 글에서 생성된 두 개의 컴필레이션 파일을 이용하여 gRPC-Web 서버나 프락시에서 데이터를 가지고 와 보겠습니다. 1. Prerequisites (준비사항)...
조회수 9회
bottom of page