현재 위치: > 기술 기사 > 웹 프론트엔드

  • Astro 컬렉션 로더를 구축하는 방법
    Astro 컬렉션 로더를 구축하는 방법
    Astro의 1.14 릴리스에서는 Content Layer API를 도입하여 로컬 파일 이상으로 콘텐츠 컬렉션을 확장했습니다. Astro는 일반적인 데이터 소스(RSS, CSV 등)에 대한 로더를 제공하지만 사용자 정의 로더를 만드는 것은 간단합니다. 이 가이드에서는 빌드 방법을 보여줍니다.
    JS 튜토리얼 207 2025-01-17 08:35:09
  • 일일 JavaScript 챌린지 #JS - 속성별로 개체 배열 정렬
    일일 JavaScript 챌린지 #JS - 속성별로 개체 배열 정렬
    일일 JavaScript 챌린지: 속성별로 객체 배열 정렬 여러분, 안녕하세요! ? 오늘의 JavaScript 코딩 챌린지에 오신 것을 환영합니다. 함께 프로그래밍 기술을 예리하게 유지합시다! 도전 난이도: 중간 주제: 배열 및 정렬 설명하다 객체 배열이 주어지면 각 객체에는 'name'(문자열)과 'age'(정수)라는 두 가지 속성이 포함됩니다. 'age' 속성을 기준으로 배열을 오름차순으로 정렬하는 함수를 작성하세요. 두 객체의 연령이 동일한 경우 정렬된 배열에서 원래 순서가 유지됩니다. 시작할 준비가 되셨나요? https://www.dpcdev.com/ 이 챌린지 복사 솔루션 작성 뿌리
    JS 튜토리얼 888 2025-01-17 08:33:08
  • GitHub Actions 및 JavaScript를 사용하여 Kafka 주제 생성 및 삭제를 자동화하는 방법
    GitHub Actions 및 JavaScript를 사용하여 Kafka 주제 생성 및 삭제를 자동화하는 방법
    Kafka 주제 생성 및 삭제를 자동화하는 것은 이벤트 중심 아키텍처를 사용하는 개발자에게 매우 중요합니다. 성장하는 시스템을 처리하든, 인프라를 구현하든 관계없이 Kafka 배포 규모가 커짐에 따라 수동 관리는 실용적이지 않게 됩니다.
    JS 튜토리얼 793 2025-01-17 08:32:09
  • Astro를 Hono와 함께 사용하는 방법
    Astro를 Hono와 함께 사용하는 방법
    Astro: 제가 현재 가장 좋아하는 강력한 웹 프레임워크입니다. 그 다양성으로 인해 광범위한 프로젝트에 이상적입니다. 그러나 API 개발에서는 Hono가 눈에 띕니다. Hono: 사용자 친화적인 RPC 시스템을 갖춘 간단하고 이식 가능한 API 프레임워크(tRPC와 유사)
    JS 튜토리얼 337 2025-01-17 08:31:10
  • WebGPU 튜토리얼: 웹의 컴퓨팅, 정점 및 조각 셰이더
    WebGPU 튜토리얼: 웹의 컴퓨팅, 정점 및 조각 셰이더
    WebGPU는 최첨단 GPU 컴퓨팅 기능을 웹에 제공하여 공유 코드 기반을 사용하는 모든 소비자 플랫폼에 혜택을 제공하는 글로벌 기술입니다. 이전 버전인 WebGL은 강력하지만 컴퓨팅 셰이더 기능이 심각하게 부족하여 애플리케이션 범위가 제한됩니다. WGSL(WebGPU 셰이더/컴퓨팅 언어)은 Rust 및 GLSL과 같은 분야의 모범 사례를 활용합니다. WebGPU 사용법을 배우면서 문서에서 몇 가지 공백을 발견했습니다. 컴퓨팅 셰이더를 사용하여 버텍스 및 프래그먼트 셰이더에 대한 관련 데이터를 계산하기 위한 간단한 시작점을 찾고 싶었습니다. 이 튜토리얼의 모든 코드에 대한 단일 파일 HTML은 https://githu에서 사용할 수 있습니다.
    JS 튜토리얼 916 2025-01-17 08:30:10
  • 불쾌한 버그 수정(모달 이해) - 1부
    불쾌한 버그 수정(모달 이해) - 1부
    Next.js 프로젝트의 성가신 버그 디버깅 지난 주쯤에 저는 주로 Next.js로 구축되고 Shadcn 구성 요소 라이브러리를 사용하여 스타일이 지정된 새 프로젝트 작업을 시작했습니다. 빌드하는 동안 특히 짜증나는 버그가 발생했습니다.
    JS 튜토리얼 389 2025-01-17 08:29:08
  • string.indexOf() 내부
    string.indexOf() 내부
    안녕하세요, 개발자 여러분! 오늘은 indexOf() 메소드를 처음부터 구현해 보았습니다. 지금까지 나는 다음을 발견했습니다. 함수 myIndexOf(문자열, 대상, 시작 = 0) { l = target.length; //음수이면 시작 인덱스를 조정합니다. if (시작 < 0) { 시작 = 문자열.길이 시작; } // 시작 인덱스가 문자열 길이 범위 내에 있는지 확인하십시오. 만약 (sta
    JS 튜토리얼 184 2025-01-17 08:27:08
  • Vite 프로젝트를 위한 완벽한 React-TypeScript 시작 템플릿
    Vite 프로젝트를 위한 완벽한 React-TypeScript 시작 템플릿
    링크: 반응-TS-스타터 이 Vite-React 스타터 키트는 다음 프로젝트를 시작하도록 설계되었습니다! 도움이 되었다면 GitHub 저장소에 별표를 표시하여 감사의 인사를 전하세요! ⭐ 포함된 내용은 다음과 같습니다. 최적화된 프로젝트 구조 사전 구성된 Ta
    JS 튜토리얼 522 2025-01-17 04:35:09
  • Next.js의 라우팅 – 다음 앱에서 앱 라우터를 사용하는 방법
    Next.js의 라우팅 – 다음 앱에서 앱 라우터를 사용하는 방법
    Next.js 14의 App Router는 app/ 디렉토리 내의 파일 기반 라우팅 시스템을 통해 경로 관리에 혁명을 일으켰습니다. 이 접근 방식은 더 나은 애플리케이션 구조, 모듈성 및 성능을 촉진합니다. 이 가이드에서는 효과적인 앱 라우터 구현 방법을 간략하게 설명합니다.
    JS 튜토리얼 920 2025-01-17 04:33:12
  • 간단한 할 일 목록을 위해 TypeScript로 Vite 설정
    간단한 할 일 목록을 위해 TypeScript로 Vite 설정
    이 튜토리얼에서는 Vite 및 TypeScript를 사용하여 기본적인 할 일 목록 앱을 만드는 과정을 안내합니다. 우리는 외부 프레임워크나 라이브러리 없이 Vite의 핵심 기능에 초점을 맞춰 일을 간단하게 유지할 것입니다. 프로젝트 설정 Node.js와 npm이 i인지 확인하세요.
    JS 튜토리얼 679 2025-01-17 04:31:08
  • JavaScript에서 HTTP 요청을 만드는 다양한 방법
    JavaScript에서 HTTP 요청을 만드는 다양한 방법
    이 기사에서는 문서와 튜토리얼에서 얻은 기본 지식을 바탕으로 HTTP 요청을 작성하는 다양한 JavaScript 방법을 살펴봅니다. 몇 가지 실용적인 접근 방식을 살펴보겠습니다. Fetch API: 최신 내장 JavaScript 메소드
    JS 튜토리얼 684 2025-01-17 04:30:12
  • 놓칠 수 없는 꼭 봐야 할 GitHub 저장소!
    놓칠 수 없는 꼭 봐야 할 GitHub 저장소!
    1. YAML 기반 URL 및 셸 명령 단축기 ? 홈페이지: https://gittech.site/github/item/42729388... ? GitHub 리포지토리: https://github.com/NishantJoshi00/yamlink ? 게시 날짜: 2025년 1월 16일 목요일 19:06:11 GMT 2. Deno Monorepo 템플릿: Open Sour
    JS 튜토리얼 442 2025-01-17 04:28:38
  • MERN 스택 개발자가 되는 방법: 종합 가이드
    MERN 스택 개발자가 되는 방법: 종합 가이드
    기술 산업은 빠르게 성장하고 있으며 많은 기회가 있으며 풀스택 개발은 가장 수요가 많은 기술 중 하나입니다. 많은 기술 스택 중에서 MERN 스택(MongoDB, Express.js, React 및 Node.js로 구성)은 효율성과 다양성이 뛰어납니다. MERN 스택 개발자가 되기를 열망한다면 이 가이드가 필요한 단계를 안내해 드립니다. 1. 웹 개발의 기본을 이해한다 MERN 스택에 뛰어들기 전에 다음 사항에 대한 견고한 기초가 있는지 확인하십시오. HTML: 웹페이지의 구조. CSS: 스타일과 레이아웃. JavaScript: 웹 상호작용의 초석. freeCodeCamp 또는 M을 사용할 수 있습니다.
    JS 튜토리얼 564 2025-01-17 02:42:12
  • AbortController를 정말로 알고 계십니까?
    AbortController를 정말로 알고 계십니까?
    많은 개발자가 AbortController를 이해하고 있다고 생각할 수도 있지만 그 기능은 기본을 훨씬 뛰어넘습니다. 가져오기 요청 취소부터 이벤트 리스너 및 React 후크 관리까지. AbortController가 얼마나 강력한지 정말로 알고 계십니까? 보자:
    JS 튜토리얼 787 2025-01-17 02:38:09
  • 검증, 인증 및 승인
    검증, 인증 및 승인
    콘텐츠 개요 이 기사는 검증, 인증 및 권한 부여와 같은 중요한 보안 측면에 중점을 두고 Express.js를 사용한 기본 CRUD API 생성을 다루는 이전 튜토리얼을 확장합니다. 이전 예를 기반으로 하므로 익숙할 것입니다.
    JS 튜토리얼 821 2025-01-17 02:35:11

도구 권장 사항

jQuery 기업 메시지 양식 연락처 코드

jQuery 기업 메시지 양식 연락처 코드는 간단하고 실용적인 기업 메시지 양식이자 문의 소개 페이지 코드입니다.
양식 버튼
2024-02-29

HTML5 MP3 뮤직 박스 재생 효과

HTML5 MP3 뮤직 박스 재생 특수 효과는 귀여운 뮤직 박스 이모티콘을 만들고 전환 버튼을 클릭하는 HTML5+css3 기반의 MP3 뮤직 플레이어입니다.

HTML5 멋진 입자 애니메이션 탐색 메뉴 특수 효과

HTML5 멋진 입자 애니메이션 탐색 메뉴 효과는 탐색 메뉴를 마우스로 가리키면 색상이 변경되는 특수 효과입니다.
메뉴 탐색
2024-02-29

jQuery 시각적 양식 드래그 앤 드롭 편집 코드

jQuery 시각적 양식 드래그 앤 드롭 편집 코드는 jQuery 및 부트스트랩 프레임워크를 기반으로 하는 시각적 양식입니다.
양식 버튼
2024-02-29

유기농 과일 및 야채 공급업체 웹 템플릿 Bootstrap5

유기농 과일 및 채소 공급업체 웹 템플릿-Bootstrap5

Bootstrap3 다기능 데이터 정보 배경 관리 반응형 웹 페이지 템플릿-Novus

Bootstrap3 다기능 데이터 정보 배경 관리 반응형 웹 페이지 템플릿-Novus
백엔드 템플릿
2023-02-02

부동산 자원 서비스 플랫폼 웹 페이지 템플릿 Bootstrap5

부동산 자원 서비스 플랫폼 웹 페이지 템플릿 Bootstrap5

간단한 이력서 정보 웹 템플릿 Bootstrap4

간단한 이력서 정보 웹 템플릿 Bootstrap4

귀여운 여름 요소 벡터 자료(EPS+PNG)

이것은 태양, 태양 모자, 코코넛 나무, 비키니, 비행기, 수박, 아이스크림, 아이스크림, 차가운 음료, 수영 반지, 슬리퍼, 파인애플, 소라, 조개, 불가사리, 게를 포함한 귀여운 여름 요소 벡터 자료입니다. , 레몬, 자외선 차단제, 선글라스 등 자료는 JPG 미리보기를 포함하여 EPS 및 PNG 형식으로 제공됩니다.
PNG 소재
2024-05-09

4개의 빨간색 2023 졸업 배지 벡터 자료(AI+EPS+PNG)

이것은 빨간색 2023년 졸업 배지 벡터 자료로, 총 4개이며 JPG 미리보기를 포함하여 AI, EPS 및 PNG 형식으로 사용할 수 있습니다.
PNG 소재
2024-02-29

노래하는 새와 꽃 디자인 봄 배너 벡터 자료로 가득 찬 카트(AI+EPS)

노래하는 새와 꽃이 가득한 수레로 디자인된 봄 배너 벡터 자료입니다. JPG 미리보기를 포함하여 AI 및 EPS 형식으로 제공됩니다.
배너 그림
2024-02-29

황금 졸업 모자 벡터 자료(EPS+PNG)

이것은 JPG 미리보기를 포함하여 EPS 및 PNG 형식으로 제공되는 황금 졸업 모자 벡터 자료입니다.
PNG 소재
2024-02-27

가정 장식 청소 및 수리 서비스 회사 웹사이트 템플릿

가정 장식 청소 및 유지 관리 서비스 회사 웹 사이트 템플릿은 가정 장식, 청소, 유지 관리 및 기타 서비스 조직을 제공하는 홍보 웹 사이트에 적합한 웹 사이트 템플릿 다운로드입니다. 팁: 이 템플릿은 Google 글꼴 라이브러리를 호출하므로 페이지가 느리게 열릴 수 있습니다.

신선한 색상의 개인 이력서 가이드 페이지 템플릿

신선한 컬러 매칭 개인 구직 지원 이력서 가이드 페이지 템플릿은 신선한 컬러 매칭 스타일에 적합한 개인 구직 이력서 작업 표시 가이드 페이지 웹 템플릿 다운로드입니다. 팁: 이 템플릿은 Google 글꼴 라이브러리를 호출하므로 페이지가 느리게 열릴 수 있습니다.

디자이너 크리에이티브 작업 이력서 웹 템플릿

디자이너 크리에이티브 작업 이력서 웹 템플릿은 다양한 디자이너 직위에 적합한 개인 작업 이력서 표시를 위한 다운로드 가능한 웹 템플릿입니다. 팁: 이 템플릿은 Google 글꼴 라이브러리를 호출하므로 페이지가 느리게 열릴 수 있습니다.

현대 엔지니어링 건설 회사 웹사이트 템플릿

현대 엔지니어링 및 건설 회사 웹 사이트 템플릿은 엔지니어링 및 건설 서비스 산업 홍보에 적합한 다운로드 가능한 웹 사이트 템플릿입니다. 팁: 이 템플릿은 Google 글꼴 라이브러리를 호출하므로 페이지가 느리게 열릴 수 있습니다.