입문
입문
무언가를 처음부터 배우는 인터랙티브 앱. 직접 해 보며, 무료로, 브라우저에서 바로.
Protocol Explorer
인터넷이 작동하는 모습을 패킷 단위로 살펴보세요. HTTP, DNS, TCP, TLS, Wi-Fi, SSH, VPN 등에 관한 레슨이 네트워크 다이어그램 위에서 펼쳐지고, 모든 패킷을 열어 바이트 단위로 읽을 수 있습니다.
Electronics 101
3D 작업대에서 처음부터 배우는 전자공학: 배터리, 저항, LED, 커패시터, 스위치, 트랜지스터, 센서. 회로를 켜고, 부품을 바꾸고, 전류가 흐르는 모습을 지켜보세요.
Backcountry 101
생존 기술을 3D로 단계별로 배워 보세요. 모닥불을 피우고, 활비비를 만들고, 물을 거르고, 간이 쉼터를 짓고, 구조 신호를 보내고, 먹을 수 있는 식물과 독초를 구별하고, 생존 키트를 꾸려 보세요.
Learn ESP32
3D ESP32에 LED, 센서, 모터, 서보를 연결하고 Wi-Fi와 블루투스로 접속한 뒤, 코드를 실행해 작동하는 모습을 확인하세요. LED 두 개를 깜빡이는 것부터 해를 따라가는 태양광 패널까지.
Learn Arduino
3D Uno로 Arduino를 배워 보세요. LED, 버튼, 센서, 모터, 서보를 연결하고 실제 스케치를 실행해 보드가 반응하는 모습을 지켜보세요. LED 깜빡이기부터 스마트 화분까지.
AI 랩
AI 랩에서 갓 나온 실험
AI로 만든 최신 실험들입니다.
수작업
수작업
AI가 할 수 있기 훨씬 전에 손으로 직접 작성한 오픈 소스 데모.
최신 글
최신 글
React, Three.js, React 상태 관리에 관해 쓴 글입니다(영어).
JavaScript in Plain English
Tired of Boring Static Dashboards? Let’s Build a Fully Customizable Dashboard in React
Step away from the mundane with our innovative approach to dashboard design in React. This blog post delves into a variety of React techniques to transform static, uninspired UIs into dynamic, customizable dashboards. Explore how to break free from the limitations of conventional designs.
JavaScript in Plain English
Mastering React State Management: A Comprehensive Guide
Embark on a comprehensive journey into the world of React state management. This post begins with an insightful exploration of React's state management mechanisms, identifying common pitfalls and challenges. Discover how to overcome these issues using a range of external libraries.
Geek Culture
Build 3D Apps With React | Animated Solar System | Part 2
Continue your 3D adventure in React by bringing the solar system to life. This follow-up post focuses on animating the static solar system built in Part 1. Learn about the intricacies of animations in React, the challenges they present, and how to masterfully implement them with Three.js for an engaging 3D experience.
Geek Culture
Build 3D Apps with React | Animated Solar System | Part 1
Dive into the exciting realm of 3D web development with React. This introductory post covers the fundamentals of React Three Fiber and Three.js, setting the stage for creating mesmerizing 3D web applications using WebGL.
연락처
이야기 나눠요
문의 양식은 없습니다. LinkedIn이나 X로 DM을 보내 주세요.
프로젝트와 아이디어
프로젝트나 아이디어가 있나요?
프로젝트를 함께할 수 있는지 궁금하거나, 그냥 품고 있는 아이디어에 대해 신나게 이야기하고 싶나요? DM은 언제나 열려 있습니다.
선한 기술
좋은 목적을 위해 무언가를 만들고 있나요?
여러분이나 팀이 한정된 예산으로 좋은 목적을 위한 일을 하고 있고, 제 데모 같은 앱이 필요하지만 기술적인 노하우가 없다면 편하게 연락 주세요.