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

  • 요청에서 응답으로 : Drupal 8 내부로의 여행
    요청에서 응답으로 : Drupal 8 내부로의 여행
    내부 Drupal 8 (및 Symfony2) : 응답 요청 프로세스 핵심 포인트 Drupal 8은 Symfony2의 httpkernel 및 httpfoundation 구성 요소를 사용하여 사용자 요청 및 응답을 처리하고 객체 지향적 인 방식으로 요청을 캡슐화하고 응용 프로그램에 전달하고 응답을 반환합니다. httpkernel 구성 요소는 index.php 파일에서 프로세스를 시작하고 이벤트 중심 프로세스를 사용하는 모든 Symfony 기반 응용 프로그램의 핵심입니다. 이를 통해 응용 프로그램을보다 유연하게 만들고 이러한 이벤트의 청취자에게 작업을 위임 할 수 있습니다. 컨트롤러가 응답 객체를 반환하지 않으면 커널이 트리거됩니다.
    PHP 튜토리얼 . json 1035 2025-02-17 11:11:38
  • 캐시 페치 된 Ajax 요청이 로컬로 요청됩니다 : Fetch API를 포장합니다
    캐시 페치 된 Ajax 요청이 로컬로 요청됩니다 : Fetch API를 포장합니다
    이 기사는 초대 ​​된 저자 Peter Bengtsson이 작성했습니다. Sitepoint의 Special Guest Post 이 기사에서는 반복적으로 실행되면 세션 스토어에서 읽을 수 있도록 페치 요청의 로컬 캐시를 구현하는 방법을 보여줍니다. 이점은 캐시하려는 모든 리소스에 대해 사용자 정의 코드를 작성할 필요가 없다는 것입니다. 다음 JavaScript 파티를 과시하고 약속, 최첨단 API 및 지역 스토리지를 처리하는 데있어 다양한 기술을 과시하려면 계속 읽으십시오. 주요 이익 Fetch API를 사용하면 개발자가 중복성을 줄임으로써 AJAX 요청의 로컬 캐시를 만들 수 있습니다.
    JS 튜토리얼 . json 676 2025-02-17 11:06:10
  • API.AI를 사용하여 음성 제어 PHP 앱
    API.AI를 사용하여 음성 제어 PHP 앱
    이 튜토리얼에서는 Siri와 같은 자연어를 이해하는 앱을 구축 할 수있는 API 인 API.AI를 조사 할 것입니다. 텍스트 나 음성을 입력으로 받아 들일 수 있으며 T로 해석 할 수있는 JSON 문자열을 구문 분석하고 반환 할 수 있습니다.
    PHP 튜토리얼 . json 439 2025-02-17 10:56:11
  • Node 및 Heroku와 함께 Facebook 채팅 봇 구축
    Node 및 Heroku와 함께 Facebook 채팅 봇 구축
    Joan Yin과 Camilo Reyes가 동료 검토 한 Node.js 및 Heroku를 사용하여 Facebook 챗봇을 구축하십시오. itepoint 컨텐츠를 최대한 활용 한 모든 Sitepoint Peer Reviewers에게 감사합니다! 작년 F8 컨퍼런스에서 Facebook은 메신저 플랫폼을 시작하여 개발자가 메신저 또는 Facebook 페이지의 사람들과 대화 할 수있는 봇을 만들 수 있습니다. 로봇을 사용하면 애플리케이션 소유자가 할 수있는 개인화되고 대화식 커뮤니케이션을 제공하여 사용자와 더 잘 상호 작용할 수 있습니다.
    JS 튜토리얼 . json 885 2025-02-17 10:52:14
  • node.js, git 및 markdown을 사용하여 마이크로 블로그 구축
    node.js, git 및 markdown을 사용하여 마이크로 블로그 구축
    node.js, git 및 markdown을 기반으로 마이크로 블로그를 구축하십시오 이 기사에서는 node.js, git 및 몇 가지 종속성을 사용하여 마이크로 블로그를 구축하는 방법을 살펴 봅니다. 이 앱은 저장소에 제출 된 파일의 정적 컨텐츠를 제공하도록 설계되었습니다. 애플리케이션을 구축하고 테스트하는 방법을 배우고 솔루션 제공 프로세스에 대한 통찰력을 얻습니다. 궁극적으로, 당신은 당신이 구축 할 수있는 미니멀하고 실행 가능한 블로그 애플리케이션을 가질 수 있습니다. 핵심 사항 : Node.js는 불필요한 복잡성이 필요하지 않은 마이크로 블로그 플랫폼을 구축하는 데 이상적인 균형 잡힌 API 세트를 제공합니다. GIT는 기존 데이터베이스를 사용하지 않고 블로그 게시물을 버전의 텍스트 문서로 저장하는 데 사용됩니다. 마크드
    JS 튜토리얼 . json 570 2025-02-17 10:48:14
  • jquery ' s jsonp는 예제를 설명했습니다
    jquery ' s jsonp는 예제를 설명했습니다
    핵심 요점 요약 JSONP (Padding with Padding)는 크로스 도메인 Ajax 호출을 허용하여 스크립트가 다른 소스의 데이터에 액세스하는 것을 제한하는 상 동체 정책을 우회합니다. 이는 브라우저가 해석 할 수있는 함수 호출이 포함 된 서버를 반환하여 수행됩니다. JSONP는 다양한 소스에서 데이터를 가져오고 다양한 서비스에 대한 콘텐츠에 액세스하는 데 유용하지만 몇 가지 제한 사항도 있습니다. JSONP는 크로스 도메인 GET 요청 만 수행 할 수 있으며 서버에서 명시 적으로 지원해야합니다. 또한 XSS (Cross-Site Scripting) 공격의 가능성을 열어 잠재적 인 보안 문제가 있습니다. 상 동체 정책에 대한 다른 솔루션은 프록시 사용 또는 CORS (Cross-Origin Resource Sharing)의 구현이 포함됩니다.
    JS 튜토리얼 . json 240 2025-02-17 10:34:10
  • TestCafe : Node.js를 사용한 더 쉬운 엔드 투 엔드 웹 앱 테스트
    TestCafe : Node.js를 사용한 더 쉬운 엔드 투 엔드 웹 앱 테스트
    TestCafe : 웹 애플리케이션의 자동 테스트 단순화를위한 Node.js 프레임 워크 핵심 포인트 : TestCafe는 Node.js를 기반으로하는 웹 응용 프로그램 테스트 프레임 워크로 자동 테스트의 설정 및 실행 프로세스를 단순화합니다. 브라우저 시작, 테스트 실행, 결과 수집 및 보고서 생성 등 모든 테스트 단계를 다룹니다. TestCafe는 브라우저 플러그인 또는 기타 종속성이 필요하지 않으며 인기있는 최신 데스크톱 또는 모바일 브라우저에서 테스트를 지원합니다. 또한 플러그인 생태계를 통해 클라우드 테스트 서비스 및 비 전통적인 브라우저와 호환됩니다. TestCafe는 호버에서 파일 업로드에 이르기까지 다양한 테스트 작업을 제공하며 대기 또는 최대 절전 모드를 수동으로 추가하지 않고 자동 대기 메커니즘이 내장되어 있습니다.
    IT산업 . json 735 2025-02-17 10:31:10
  • PHP vs node.js smackdown : 답장의 권리
    PHP vs node.js smackdown : 답장의 권리
    SitePoint는 최근 PHP와 Node.js 사이에 최고 대결을 겪었으며 Craig Buckler는이 두 가지 개발 기술을 10 가지 도전 중 하나에 넣어 최고의 우승자를 결정했습니다. Craig 가이 기사에서 지적했듯이,이 비교는 항상 논란의 여지가 있습니다. 흥미로운 후속 조치로서, 우리는 Bruno Škvorc (Sitepoint의 PHP 편집자)와 James Hibbard (Sitepoint의 JavaScript 편집자 중 하나)를 초대하여 각 라운드에 대해 언급했습니다. 다음은 그들의 라운드 별 평가입니다… 핵심 요점 PHP는 설정이 간단하고 스크립트를 실행할 때 즉시 피드백을받을 수 있으므로
    PHP 튜토리얼 . json 820 2025-02-17 10:28:10
  • NightWatch.js를 사용한 JavaScript 기능 테스트
    NightWatch.js를 사용한 JavaScript 기능 테스트
    Eric Elliott는 한때 JavaScript 테스트 : JavaScript 테스트 : 단위 테스트, 기능 테스트 및 통합 테스트에 관한 기사를 한 번 썼습니다. 이 기사에서는 JavaScript 기능 테스트를 자세히 살펴보고 NightWatch.js 라이브러리를 사용하여 시연합니다. 시작하기 전에 기능 테스트가 무엇인지, 왜 중요한지 검토합시다. 간단히 말해서, 기능 테스트는 응용 프로그램이 사용자의 관점에서 예상대로 작동하도록 설계되었습니다. 여기서 우리가 말하는 것은 단위 테스트 또는 통합 테스트와 같은 기술 테스트가 아닙니다. 여기서 목표는 사용자가 원활하게 수행 할 수 있도록하는 것입니다.
    JS 튜토리얼 . json 472 2025-02-17 10:26:10
  • PouchDB 클라이언트 측 JavaScript 데이터베이스를 시작합니다
    PouchDB 클라이언트 측 JavaScript 데이터베이스를 시작합니다
    이 기사는 Sebastian Seitz와 Taulant Spahiu에 의해 검토되었습니다. SitePoint의 동료 검토 자에게 감사의 말을 전합니다! 최신 클라이언트 측 웹 애플리케이션에는 정교한 데이터 처리 기능이 필요합니다. 브라우저는 이제 강력한 자바를 제공합니다
    JS 튜토리얼 . json 1015 2025-02-17 10:24:15
  • 10 예제와 함께 알아야 할 RXJS 기능
    10 예제와 함께 알아야 할 RXJS 기능
    이 기사는 Florian Rappl과 Moritz Kröger가 검토했습니다. Sitepoint의 콘텐츠를 완벽하게 만들어 주신 Sitepoint의 모든 동료 검토 자에게 감사드립니다! FRP (Functional Reactive Programming)에 대한 관심이 높아짐에 따라 RXJS는이 패러다임에서 가장 인기있는 JavaScript 라이브러리 중 하나가되었습니다. 이 기사에서는 RXJ의 상위 10 개 필수 알고 기능을 탐색 할 것입니다. 참고 :이 기사에서는 "RXJS와의 기능적 반응 프로그래밍으로 시작하는"기사에 설명 된 바와 같이 RXJ의 기본 사항에 익숙하다고 가정합니다. 핵심 요점 RXJS는 시간이 지남에 따라 채워진 배열과 유사한 관찰 가능한 객체를 사용합니다.
    JS 튜토리얼 . json 274 2025-02-17 10:08:10
  • JavaScript에서 국제화 (I18N)를 구현하는 방법
    JavaScript에서 국제화 (I18N)를 구현하는 방법
    핵심 요점 국제화 (I18N)는 현지 언어와 문화에 적응할 수 있도록 제품 및 서비스를 만들거나 변환하는 과정입니다. 현지화 (L10N)는 특정 지역 또는 언어에 대해 국제화 된 소프트웨어를 조정하는 프로세스입니다. Globalimaze는 국제화 및 현지화를 위해 jQuery 팀의 구성원이 개발 한 JavaScript 라이브러리입니다. 공식 유니 코드 CLDR JSON 데이터를 사용하고 모든 주요 브라우저를 지원하며 디지털 포맷 및 구문 분석, 날짜 및 시간 형식 및 구문 분석, 상대 시간 형식, 통화 서식, 메시지 형식, 복수 지원 및 단위 지원 등과 같은 기능을 제공합니다. 국제화 API를 통한 자바 스크립트 (
    JS 튜토리얼 . json 791 2025-02-17 10:00:26
  • PHP 구성 요소가있는 4 가지 최고의 차트 생성 옵션
    PHP 구성 요소가있는 4 가지 최고의 차트 생성 옵션
    데이터 시각화는 최신 데이터 처리에서 중요하며 이러한 목적으로 사용할 수있는 많은 라이브러리가 있습니다. 이러한 라이브러리는 서버 측 및 클라이언트 측 구성 요소의 두 가지 범주로 나눌 수 있으며 각각 장점과 단점이 있습니다. 다음은 Google 트렌드의 그래프로, 최근 몇 년 동안 데이터 시각화에 대한 사람들의 관심이 계속 증가하고 있음을 보여줍니다. 데이터 작업을하고 아직 차트 구성 요소를 사용하지 않은 경우 곧 차트 구성 요소가 필요할 것입니다. 그렇기 때문에 데이터 시각화 작업을 단순화하기 위해 일부 라이브러리를 나열하기로 결정했습니다. 그러나 시작하기 전에 서버 측 및 클라이언트 측의 두 가지 유형의 차트 구성 요소가 있음을 이해해야합니다. 둘 다 장단점을 가지고 있으며, 가장 적합한 것은 프로젝트 목표와 보유한 리소스에 달려 있습니다. 이 기사는 클라이언트 차트를 소개하지만 아래에 표시된 것처럼 두 가지 사이에 약간의 중첩이 있습니다.
    PHP 튜토리얼 . json 607 2025-02-17 09:58:10
  • 빠른 팁 : Google 사용자 정의 검색 스타일 수동으로 스타일링하는 방법
    빠른 팁 : Google 사용자 정의 검색 스타일 수동으로 스타일링하는 방법
    핵심 포인트 검색 양식 (특수 GCSE 태그를 사용할 필요없이)을 수동으로 렌더링하면 GCSE (Google Custom Search Engine)를 수동으로 스타일링하여 검색 입력 필드를보다 잘 제어 할 수 있으며 더 간단하게 보이게 할 수 있습니다. GCSE 콜백 함수는 입력 속성을 변경하기 전에 입력이로드되도록합니다. 이 메소드는 설정 타임 아웃 방법을 사용하는 것보다 더 안정적입니다. Google 검색 API를 사용하여 검색 상자 및 결과 상자를 만드는 데 사용할 수 있습니다. 활성 쿼리가 있으면 결과 상자도 생성됩니다. 다른 사용자 정의는 문서를 찾아서 달성 할 수 있습니다. 추가 사용자 정의를 위해 사용자 정의 스타일 기능을 Search Div에 추가 할 수 있습니다. 이 기능은 자리 표시자를 변경하고 배경을 삭제하며 초점이 맞지 않을 때 배경을 제거하는 물건을 추가하는 데 사용될 수 있습니다.
    JS 튜토리얼 . json 867 2025-02-17 09:42:10
  • Verdaccio와 함께 개인 NPM 패키지 호스트, 게시 및 관리
    Verdaccio와 함께 개인 NPM 패키지 호스트, 게시 및 관리
    Verdaccio : 개인 NPM 패키지를 쉽게 관리 할 수있는 강력한 도구 핵심 포인트 Verdaccio는 NPM 상업용 개인 패키지 호스팅, 게시 및 관리 서비스에 대한 무료 대안입니다. 구성없이 로컬 NPM 레지스트리를 생성하고 자체 데이터베이스와 함께 제공됩니다. Verdaccio는 로컬 캐시/프록시 서버 역할을하며 사용자 정의 저장소에서 종속성을 찾을 수없는 경우 공식 NPM 레지스트리에서 다운로드하여 로컬 스토리지 폴더에 저장됩니다. 또한 지역 개인 패키지 제작을 지원합니다. Verdaccio는 설치 및 구성이 쉽고 가끔 충돌이 발생할 때마다 자동으로 다시 시작하도록 설정할 수 있습니다. 또한 사용자가 패키지를 게시하도록 등록 할 수 있습니다. 개인 패키지를 호스팅하는 것 외에도 Verd
    JS 튜토리얼 . json 946 2025-02-17 09:39:15

도구 권장 사항

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