Code ๐Ÿ’ป

Tips ๐Ÿ’ก and snippets of code that I found useful.

React ๋น„๋™๊ธฐ ์ฒ˜๋ฆฌ์˜ ๋ณ€ํ™”: useEffect์—์„œ Suspense๊นŒ์ง€

React์˜ ๋น„๋™๊ธฐ ์ฒ˜๋ฆฌ ๋ฐฉ์‹์ด ์–ด๋–ป๊ฒŒ ์ง„ํ™”ํ•ด ์™”๋Š”์ง€, ๊ทธ๋ฆฌ๊ณ  ์ตœ์‹  ํ‘œ์ค€์ธ Suspense์™€ Error Boundary๊ฐ€ ์–ด๋–ค ์›๋ฆฌ๋กœ ๋™์ž‘ํ•˜๋Š”์ง€ ์•„ํ‚คํ…์ฒ˜ ๊ด€์ ์—์„œ ์ •๋ฆฌํ•ด ๋ณด๊ธฐ ์›ํ•ฉ๋‹ˆ๋‹ค.

2026.01.24
ReactAsyncSuspenseuseEffectError Boundary

Async/Await Wasn't Magic, It Was Just "Reordering"

A deep dive into the synchronous nature of Promises and how the Microtask Queue handles execution order.

2026.01.22
JavaScriptAsyncPromiseEvent Loop

How does computers work with 0s and 1s?

How does computers actually calculate 1 + 2 with 0s and 1s?

2025.12.16
Computer ArchitectureBinaryLogic Gates

Path to node package module

A simple and clean way to direct with a path to a package from node module.

2022.08.04
Node.jsSCSSImport

Laravel - Paginate with Array

A simple code to use when paginating with Laravel.

2022.06.01
LaravelPHPPagination

Filter / Organize array into key, value pairs for twig

Twig may be slightly tricky in handling data. I documented how to organize and filter array into key, value pairs for twig.

2022.01.18
TwigPHPCraft CMSArray

Uninstall & install new PHP version

Installing (and uninstalling) new PHP version was always a trouble. This time, I found a proper way to handle this.

2022.01.05
PHPHomebrewMacOSInstallation

Quick explanation of Webpack โ€ข Babel โ€ข Terser โ€ข Prettier โ€ข ESLint

Stop or pause video embedded in iframe

2021.12.28
WebpackBabelTerserPrettierESLint

How to stop or pause video embedded in iframe

Stop or pause video embedded in iframe

2021.11.17
JavaScriptIframeVideo

Smooth Scrolling

Code for smooth scrolling with JavaScript

2021.11.17
JavaScriptCSSUX

Updating nginx file to redirect index.php to /

Redirect index.php to home

2021.11.17
NginxConfigurationRedirect

Installing Tailwindcss with Parcel for basic html template

Sometimes, we want to build a website using just HTML, CSS, and JavaScript. But what if, you want to use Tailwindcss as well..?

2021.02.06
Tailwind CSSParcelHTMLPostCSS

Configuring Prettier in VSCode

Things you might have to do in order to have Prettier work in VSCode properly.

2021.02.02
VSCodePrettierConfiguration

How to add or remove classes from HTML element

Or even toggle if necessary.

2021.01.27
JavaScriptDOMCSS Class

How to remove files that are in .gitignore but still in the git repository

Removing those pesky files that I forgot to remove from the repository but are already in GitHub.

2021.01.27
GitCommand LineVersion Control

Building custom button with Redactor API

Redactor is a powerful WYSIWIG editor in Craft CMS. What makes it more powerful is that you can customize it โš™๏ธ

2020.09.14
Craft CMSRedactorJavaScriptPlugin

Installing Jest & Enzyme with React

Setting up to use Jest & Enzyme to test React Components.

2020.02.28
ReactJestEnzymeTesting

Using Angular 9 + Tailwind CSS

Configuring Angular to be used with Tailwind CSS.

2020.02.25
AngularTailwind CSSWebpack

Fixing file_get_contents SSL errors & using Laravel Valet

Warning: file_get_contents(): SSL operation failed with code 1. OpenSSL Error messages: error:1 ...

2020.02.21
LaravelValetPHPSSLDebugging

Redirecting WordPress Pages

Quick fix for solving any pages that are created with assets, authors, category, tag, taxonomy which affects SEO.

2020.01.28
WordPressPHPSEORedirect

setIPAddress in eTapestry

Using setIPAddress method for IP fraud check with eTapestry.

2020.01.16
PHPeTapestryAPISecurity

Form Validation in html

A good tip with form validation not working with onSubmit function on form element.

2019.11.19
HTMLFormValidationJavaScript

Installing ngrok on MacOS

Instructions on installing ngrok to MacOS

2019.10.02
ngrokMacOSTunneling

Adding Google Analytics to React Application

A simple way to add google analytics code to React App.

2019.09.29
ReactGoogle AnalyticsSnippet

Updating a forked repository to the original repository.

Simple guide to updating the forked repository to the original one.

2019.09.29
GitGitHubOpen Source

WordPress CMB2 Plugin

Simple code which helped me create a metabox with plugin: CMB2 in WordPress.

2019.09.20
WordPressPHPPluginCMB2

Using SCSS files with React

With simple steps, you can use powerful SCSS with React โš›๏ธŽ

2019.08.14
ReactSCSSSass

Deploying React project to GitHub Pages

Documentation of how to publish React โš›๏ธŽ project to GitHub Pages ๐Ÿ–ฅ

2019.08.13
ReactGitHub PagesDeploymentgh-pages

Installing node with nvm

A proper way to install and update node.

2019.08.13
Node.jsnvmInstallation

iOS ๐Ÿ“ฑ ๊ฐœ๋ฐœ ๊ณต๋ถ€ ์‹œ์ž‘

๊ธธ๊ณ  ๊ธด ๊ธฐ๋‹ค๋ฆผ์˜ ๋์— ๋‹ค์‹œํ•œ๋ฒˆ iOS ๊ฐœ๋ฐœ์— ๋„์ „์žฅ์„ ๋‚ด๋ฐ€์–ด ๋ณด์•˜์Šต๋‹ˆ๋‹ค.

2019.05.22
iOSSwiftLearning

Invely's