· software
2026 프론트엔드 로드맵: 취업을 위한 100% 무료 리소스
Frontend 개발은 사용자가 직접 상호작용하는 웹사이트 또는 애플리케이션의 부분, 즉 소프트웨어의 client‑side 를 구축하는 것을 포함합니다. 웹사이트를 생각해 보세요...
-
- · software
Gemini를 사용해 놀라운 glassmorphism 테마 Hangman 게임 만들기
Forem 로고 https://media2.dev.to/dynamic/image/width=65,height=,fit=scale-down,gravity=auto,format=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%...
- · software
React 학습을 위한 7가지 최고의 리소스: 개발자를 위한 나의 최고의 선택
처음 React에 뛰어들었을 때 나는 압도당했다. 이 라이브러리는 겉보기엔 단순해 보였지만 깊은 함정과 모범 사례를 숨기고 있었다. 몇 년이 흐른 뒤, c...
- · software
자바스크립트의 비밀스러운 삶: 프로토타입 이해하기
Objects Delegate, They Don't Copy Timothy는 노트북을 들고 당황한 표정으로 도서관에 도착했습니다. 그는 JavaScript inheritance에 대해 읽고 있었고, …
- · software
왜 const는 JavaScript 배열을 고정하지 않을까
‘Why const Doesn’t Freeze Your JavaScript Arrays’의 표지 이미지 https://media2.dev.to/dynamic/image/width=1000,height=420,fit=cover,gravity=auto,format=auto/htt...
- · software
.slice()와 .reverse()
.slice()와 .reverse()에 대해 더 알아보기
- · software
React 로직에서 Custom Hook으로 Media Queries를 처리하는 방법
소개 CSS 미디어 쿼리는 스타일링에 환상적입니다—화면 너비에 따라 **font sizes**, **padding**, 또는 **grid layouts**를 변경할 수 있습니다. 하지만 필요할 때는 어떻게 될까요?
- · software
텍스트 클리너에서 전체 툴킷까지: 30개 이상의 무료 브라우저 도구 만들기
‘From Text Cleaner to Full Toolkit: Building 30+ Free Browser Tools’의 커버 이미지 https://media2.dev.to/dynamic/image/width=1000,height=420,fit=cover,gravity=a...
- · software
TwoScreens: React Native 네비게이션 스터디 Expo + 탭 네비게이션 + 화면 전환 학습 프로젝트 🚀
개요: React Native 네비게이션의 기본을 마스터하기 위해 설계된 학습 프로젝트입니다. Expo와 React Nav를 사용하여 부드러운 전환을 구현한 두 개의 화면을 보여줍니다.
- · software
JavaScript에서 함수 합성
소개: 함수 합성(Functional composition)은 함수 파이프라인(function pipelines)이라고도 하며, 간단한 함수를 연결하여 보다 가독성이 높고 모듈화된 코드를 만들 수 있게 합니다. 정의...
- · software
2025년에 JavaScript 번들 크기 줄이는 방법 🚀
소개: JavaScript 번들 크기는 웹 성능에 매우 중요합니다. 큰 번들은 초기 로드 시간을 늦추고 Core Web Vitals에 악영향을 주며 사용자를 좌절시킵니다. Eve...
- · software
내가 3주 만에 첫 NPM 패키지를 만들고 배포한 방법
가끔 가장 작은 변화가 전체 프로젝트를 혼란에 빠뜨릴 수 있습니다. 저에게 그 순간은 SoundCloud와 함께 찾아왔습니다. 나는 음악 통합을 위해 SoundCloud를 사용하고 있었는데 i...