· software
React는 어떻게 작동하나요?
Component는 기본 React 앱이 컴포넌트들로 구성된다는 것을 의미합니다. 컴포넌트는 UI를 반환하는 JavaScript 함수일 뿐입니다. javascript function App { return Hello ; } JS...
-
- · software
내가 순수 HTML/CSS/JS로 SaaS UI Kit을 만든 방법
React와 Vue, 그리고 수십 개의 다른 프레임워크가 지배하는 세상에서, 나는 한 걸음 물러서서 기본만을 사용해 프리미엄한 무언가를 만들기로 결심했다. 여기…
- · software
v2: GSAP가 문제가 되지 않을 때
내 포트폴리오 v1을 출시했을 때, 나는 신뢰성이 야망보다 더 중요했기 때문에 단순화된 모션을 선택했다. 나는 GSAP을 존중했지만 아직 완전히 이해하지 못했다—i...
- · software
CSS Shadow DOM 및 CSS Custom Shadow Parts 탐색
현대 웹 개발은 재사용 가능하고 캡슐화된 컴포넌트를 구축하는 것을 강조합니다—이는 Shadow DOM과 CSS Custom Shadow Parts가 직접 해결하는 목표입니다. 이러한 브라우저 f...
- · software
Performance First UI가 어떤 프레임워크보다도 나에게 더 많은 것을 가르쳐 주었다
내가 작업한 가장 느린 앱이 완벽한 performance score를 가지고 있었다. 그 문장은 나를 혼란스럽게 했었다. 모든 것이 최적화되었다. Bundles가 다듬어졌다. 이미지들은…
- · software
콘텐츠 우선 웹 런타임 구축 (UI를 템플릿이 아닌 렌즈로)
대부분의 웹 앱은 오늘날 같은 패턴을 따릅니다: - 페이지 디자인 - 컴포넌트 작성 - 라우트 추가 - 레이아웃 로직을 영원히 반복 - 새로운 화면마다 CSS를 배포 !Diag...
- · software
React가 jQuery처럼 행동하기 시작할 때 (그리고 당신은 완전히 알 수 있다 😅)
팬걸이 아니라 도구‑사용자 나는 어떤 단일 프레임워크의 팬걸도 아니다. 나에게 프레임워크는 도구일 뿐이다. 마치 녹슨… 대신 튼튼한 망치를 선호하는 것과 같다.
- · software
현대 웹 앱에서 <script> 로딩에 대한 완전 가이드: async, defer, 그리고 ES Modules
빠르고 안전하며 유지보수가 용이한 프런트엔드 구축 브라우저에서 스크립트가 로드되고 실행되는 방식을 이해하는 것은 성능, 보안 및 유지보수에 필수적입니다.
-
- · software
CSS & JS로 사이버펑크 글리치 UI 구축 (소스 코드)
사이버펑크 글리치 카드 튜토리얼 !Ahmod Musa https://media2.dev.to/dynamic/image/width=50,height=50,fit=cover,gravity=auto,format=auto/https%3A%2F%2Fdev-to-upload...
- · software
Angular vs React vs Vue: 2026년에 어떤 것을 배워야 할까요?
Angular, React, 또는 Vue? 2026년에 실제로 배울 가치가 있는 것은 어느 것일까? 프론트엔드 개발에 발을 들여놓으려는 경우—이미 개발자라 하더라도—
- · software
React란 무엇인가?
!What is React?에 대한 표지 이미지 https://media2.dev.to/dynamic/image/width=1000,height=420,fit=cover,gravity=auto,format=auto/https%3A%2F%2Fdev-to-uploads.s3.amaz...