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

  • 깃털에 대한 초보자 가이드
    깃털에 대한 초보자 가이드
    Feathers.js : 편안한 API 서버를 신속하게 구축하는 안내서 핵심 포인트 : Feathers.js는 Restful API 서버의 생성을 단순화하고 대부분의 중복 백엔드 작업을 처리하며 개발자가 코드 사용자 정의 및 구성에 집중할 수 있도록합니다. 이 프레임 워크는 Express를 기반으로하고 SQL 및 NOSQL 데이터베이스를 지원하며 필요한 코드를 자동으로 생성하는 서비스를 사용하여 CRUD 작업을 쉽게 수행 할 수 있습니다. Feathers.js의 인증은 JSON Web Tokens (JWT)를 사용하여 API 엔드 포인트를 보호하여 승인 된 사용자 만 데이터에 액세스하거나 수정할 수 있습니다. Feathers.js (Ho
    JS 튜토리얼 997 2025-02-14 09:55:13
  • Vue Chrome Extension : vue.js로 브라우저 애드온을 구축하십시오
    Vue Chrome Extension : vue.js로 브라우저 애드온을 구축하십시오
    이 튜토리얼은 새 탭 페이지를 수정하는 간단한 VUE 크롬 확장을 구축하는 것을 보여줍니다. 우리는 빠른 개발과 즐거운 코딩을 위해 vue.js를 사용합니다. 브라우저 확장자는 브라우저 기능을 향상시키고 광고 차단과 같은 작업을 수행, 패스
    JS 튜토리얼 949 2025-02-14 09:54:11
  • 헤드리스 CMS를위한 vue 프론트 엔드를 만드는 방법
    헤드리스 CMS를위한 vue 프론트 엔드를 만드는 방법
    현대적이고 효율적인 블로그 플랫폼 구축 : vue.js와 GraphCMS의 완벽한 조합 핵심 포인트 : vue.js 및 graphcms를 사용하여 현대적이고 효율적인 블로그 플랫폼을 구축하여 JavaScript의 속도와 유연성과 GraphQL의 강력한 쿼리 기능을 완전히 플레이합니다. GraphCMS는 GraphQL을 통해 컨텐츠를 제공 할 수 있기 때문에 선택됩니다. 이는 하나의 요청에서 복잡한 쿼리가 여러 모델에서 데이터를 추출 할 수 있기 때문에 효율성의 전통적인 휴식보다 낫습니다. Babel 및 Router와 같은 기본 기능을 포함하여 Vue Cli를 사용하여 Vue.js 프로젝트를 설정하고 Bootstrap-Vue 및 Axios를 사용하여 강화하십시오.
    JS 튜토리얼 940 2025-02-14 09:51:11
  • Ionic 4 & Angular로 뉴스 앱을 만드는 방법
    Ionic 4 & Angular로 뉴스 앱을 만드는 방법
    이 튜토리얼에서는 Ionic 4를 사용하여 타사 뉴스 API를 사용하는 뉴스 응용 프로그램을 작성합니다. Ionic 4는 원래 Cordova와 Angular 위에 구축 된 모바일 프레임 워크 인 Ionic의 최신 버전입니다. Ionic을 사용하면 사용자가 하이브를 만들 수 있습니다
    JS 튜토리얼 684 2025-02-14 09:48:11
  • vue.js에서 CSS 클래스를 조건부로 적용하는 방법
    vue.js에서 CSS 클래스를 조건부로 적용하는 방법
    vue.js에서 CSS 클래스의 조건부 적용 방법에 대한 자세한 설명 핵심 포인트 : vue.js에서 CSS 클래스의 조건부 응용 프로그램은 JavaScript 객체를 클래스 속성에 바인딩하여 구현할 수 있습니다. 객체의 속성은 CSS 클래스 이름에 해당하며 그 값은 클래스 적용 여부를 결정하는 JavaScript 표현식입니다. vue.js는 클래스 바인딩을 만들기 위해 두 개의 구문을 제공합니다 : 객체 구문 및 배열 구문. 객체 구문은 더 간결하고 배열 구문은 템플릿 코드를 더 명확하게 만들 수 있습니다. 선택해야 할 문법은 개인 취향에 따라 다릅니다. vue.js는 3 차 연산자 사용, 객체 구문을 사용하여 여러 클래스를 바인딩하고, 계산 된 특성을 사용하고, 정적 클래스 및 바운드 클래스를 결합하고, 조건부 바인딩 인라인 스타일을 포함하여 다양한 조건부 클래스 바인딩 방법을 지원합니다.
    JS 튜토리얼 526 2025-02-14 09:46:12
  • TypeScript에서 클래스 기반 vue.js 앱을 작성하기 시작하십시오
    TypeScript에서 클래스 기반 vue.js 앱을 작성하기 시작하십시오
    vue.js 3.0 및 TypeScript Strong Alliance Vue.js 3.0은 클래스 기반 구성 요소에 대한 기본 지원 및 더 나은 유형의 추론을 포함하여 TypeScript 사용자에게 개선 된 지원을 제공합니다. 그러나 이제 VUE의 명령 줄 도구 인 Vue CLI를 사용하여 TypeScript를 사용하여 VUE 응용 프로그램을 작성하기 시작할 수 있습니다. 클래스 기반 구성 요소 및 타입 스크립트의 장점 vue.js의 클래스 기반 구성 요소는 TypeScript 클래스를 사용하여 작성할 수 있으며, 이는 더 나은 유형 확인 및 유지 관리 가능성을 제공 할 수 있습니다. Vue-Property-Decorator 패키지를 사용할 수 있습니다
    JS 튜토리얼 654 2025-02-14 09:45:11
  • Percy와의 시각적 테스트 안내서
    Percy와의 시각적 테스트 안내서
    퍼시 : 원활한 UI 품질을위한 시각적 테스트 자동화 Percy와 파트너십을 통해 제작 된이 기사는 자동화 된 시각적 테스트를 구현하여 사용자 인터페이스 (UI)가 다른 브라우저 및 화면 SI에서 일관성을 유지하는 방법을 탐색합니다.
    JS 튜토리얼 997 2025-02-14 09:42:13
  • Angular 개발자를위한 Nest.js 소개
    Angular 개발자를위한 Nest.js 소개
    Nestjs : Angular와 백엔드 개발 간의 격차를 해소합니다 백엔드 개발로의 원활한 전환을 원하는 Angular 개발자의 경우 NestJS는 매력적인 솔루션으로 나타납니다. 이 오픈 소스, Progressive Node.js 프레임 워크, Typesc로 구축되었습니다
    JS 튜토리얼 727 2025-02-14 09:40:12
  • vue.js 및 Quasar 프레임 워크 소개
    vue.js 및 Quasar 프레임 워크 소개
    이 기사는 빠르게 성장하는 Vue.js 프레임 워크와 사용자 인터페이스 구축을위한 강력한 동반자 인 퀘이사 프레임 워크를 탐구합니다. vue.js는 핵심 기능을 제공하지만 Quasar는 사전 구축 된 재료 설계 구성 요소를 향상시키고
    JS 튜토리얼 594 2025-02-14 09:38:11
  • Vuetify를 시작하는 방법
    Vuetify를 시작하는 방법
    이 기사에서는 Google의 재료 설계 사양을 준수하는 vue.js 구성 요소 프레임 워크 인 Vuetify를 사용하여 매력적이고 대화식 프론트 엔드를 신속하게 구축하는 방법을 보여줍니다. UX 전문 지식을 대체하지는 않지만 Vuetify는 강력한
    JS 튜토리얼 937 2025-02-14 09:37:11
  • VUE의 구성 요소 작업에 대한 초보자 안내서
    VUE의 구성 요소 작업에 대한 초보자 안내서
    vue.js의 구성된 아키텍처는 사용자 인터페이스 구축 효율적이고 편리합니다. 응용 프로그램을 더 작고 재사용 가능한 구성 요소로 분류 한 다음 이러한 구성 요소로보다 복잡한 구조를 구축 할 수 있습니다. 이 안내서는 VUE 구성 요소에 대한 고급 소개를 제공합니다. 구성 요소를 만드는 방법, 구성 요소와 이벤트 버스를 통해 데이터를 전달하는 방법 및 VUE 요소를 사용하여 구성 요소 내에서 추가 컨텐츠를 렌더링하는 방법을 살펴 봅니다. 각 예제에는 런닝 가능한 코피 펜 데모가 제공됩니다. 핵심 요점 Vue의 구성된 아키텍처는 UI를 재사용 가능한 관리하기 쉬운 스 니펫으로 분류하여 코드의 재사용 성과 구성을 향상시킵니다. 구성 요소는 vue.comp와 함께 사용할 수 있습니다
    JS 튜토리얼 860 2025-02-14 09:35:11
  • JavaScript로 암호 기계를 만드는 방법
    JavaScript로 암호 기계를 만드는 방법
    이 튜토리얼은 JavaScript를 사용하여 Caesar Cipher Machine을 구축하는 방법을 보여줍니다. Caesar Cipher는 각 문자를 특정 수의 장소로 메시지로 바꿉니다. 메시지 및 Shift 값을 입력 할 수있는 양식이있는 HTML 페이지를 만들고 div to di
    JS 튜토리얼 501 2025-02-14 09:34:11
  • xmlhttprequest vs ajax의 Fetch API
    xmlhttprequest vs ajax의 Fetch API
    핵심 포인트 JavaScript에서 Fetch API 및 XMLHTTPREQUEST는 HTTP 요청을하는 데 사용되지만 Fetch API는 일반적으로 약속을 사용하여 코드 및 오류 처리를 단순화하기 때문에 더 강력하고 유연한 것으로 간주됩니다. 그러나 모든 브라우저가 Fetch API, 특히 이전 브라우저를 지원하는 것은 아닙니다. xmlhttprequest 약속 부족으로 인해 더 오래되고 복잡하지만 모든 브라우저에서 널리 지원되며 기본적으로 쿠키를 보냅니다. 이는 쿠키가 인증 해야하는 서버 요청에 유용합니다. 에프
    JS 튜토리얼 666 2025-02-14 09:33:12
  • Apollo & React로 GraphQL 탐색 : 슈퍼 히어로 데이터베이스 구축
    Apollo & React로 GraphQL 탐색 : 슈퍼 히어로 데이터베이스 구축
    GraphQL의 세계로 뛰어 들어가서 왜 그렇게 많은 흥분을 일으키는 지 알아보십시오! 이 튜토리얼은 GraphQL에 대한 명확한 설명을 제공하며 실습 경험을 제공합니다. 먼저 핵심 질문을 다루겠습니다. GraphQL이란 무엇입니까? 어두운 일이 아닙니다
    JS 튜토리얼 819 2025-02-14 09:31:12
  • Pusher, Node 및 Bootstrap을 사용하여 실시간 투표 앱 구축
    Pusher, Node 및 Bootstrap을 사용하여 실시간 투표 앱 구축
    이 기사는 Node.js, Express, Pusher 및 Canvasjs를 사용하여 실시간 Harry Potter House 투표 웹 응용 프로그램을 구축하는 것을 안내합니다. 지속적인 커뮤니케이션을 위해 Websocket을 활용하여 앱은 투표 결과에 대한 즉각적인 피드백을 제공합니다. 열쇠
    JS 튜토리얼 831 2025-02-14 09:27:10

도구 권장 사항

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 글꼴 라이브러리를 호출하므로 페이지가 느리게 열릴 수 있습니다.