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

  • Angular와 MongoDB를 사용하여 블로그 애플리케이션 홈페이지 구축
    Angular와 MongoDB를 사용하여 블로그 애플리케이션 홈페이지 구축
    이 튜토리얼 시리즈의 첫 번째 부분에서는 Angular 웹 애플리케이션 생성을 시작하는 방법을 배웠습니다. 애플리케이션을 설정하고 로그인 구성요소를 생성하는 방법을 배웠습니다. 시리즈의 이 부분에서는 MongoDB의 뱅킹 측면과 상호 작용하는 데 필요한 REST API에 대해 자세히 작성합니다. 또한 사용자가 성공적으로 로그인한 후에 표시되는 홈 구성 요소를 생성합니다. 시작하기 이 튜토리얼 시리즈의 첫 번째 부분에 대한 소스 코드를 복제하는 것부터 시작해 보겠습니다. gitclonehttps://github.com/royagasthyan/AngularBlogApp-LoginAngularBlogApp-Home 프로젝트 디렉터리로 이동하여 필요한 종속성을 설치합니다. CD
    JS 튜토리얼 . express 1146 2023-09-03 23:49:01
  • 라이브 채팅: Modulus 및 Node.js를 사용하여 구현됨
    라이브 채팅: Modulus 및 Node.js를 사용하여 구현됨
    이 튜토리얼에서는 Node.js, Socket.IO 및 MongoDB를 사용하여 실시간 채팅 애플리케이션을 구현하는 방법을 보여준 다음 해당 애플리케이션을 Modulus에 함께 배포하겠습니다. 먼저, 기사 마지막 부분에서 보게 될 애플리케이션의 최종 모습을 보여드리겠습니다. Node.js는 애플리케이션의 핵심이 되고, Express는 MVC로, MongoDB는 데이터베이스로, 그리고 Socket이 됩니다. IO는 실시간 통신에 사용됩니다. 완료되면 애플리케이션을 Modulus에 배포합니다. MongoDB 부분은 실제로 Modulus 내부에 존재합니다. 1. 시나리오 John은 우리 애플리케이션을 사용하기를 원하고 이를 브라우저에서 엽니다. 첫 페이지에
    Word누르다 . express 883 2023-09-03 23:25:13
  • React를 널리 사용되는 다른 웹 언어와 연결
    React를 널리 사용되는 다른 웹 언어와 연결
    React는 JavaScript로 작성된 뷰 라이브러리이므로 스택 구성에 구애받지 않으며 HTML 및 JavaScript를 프레젠테이션 계층으로 사용하는 거의 모든 웹 애플리케이션에 나타날 수 있습니다. React는 "MVC"의 "V"와 같기 때문에 원하는 대로 자체 애플리케이션 스택을 만들 수 있습니다. 지금까지 이 가이드에서 우리는 React가 NodeES6/JavaScript 기반 프레임워크인 Express와 결합되는 것을 보았습니다. React의 다른 인기 있는 노드 기반 일치는 Meteor 프레임워크와 Facebook의 Relay입니다. 기존 프로젝트에서 React를 활용하고 싶다면
    PHP 튜토리얼 . express 757 2023-09-03 13:58:02
  • 콘텐츠 관리 시스템 만들기: nodePress
    콘텐츠 관리 시스템 만들기: nodePress
    Go를 사용하여 플랫 파일 시스템 콘텐츠 관리 시스템(CMS)을 성공적으로 만들었습니다. 다음 단계는 동일한 개념을 채택하고 Node.js를 사용하여 웹 서버를 만드는 것입니다. 라이브러리를 로드하고, 서버를 생성하고, 서버를 실행하는 방법을 보여드리겠습니다. 이 CMS는 첫 번째 튜토리얼인 "CMS 구축: 구조 및 스타일"에서 소개된 사이트 데이터 구조를 사용합니다. 따라서 이 기본 구조를 다운로드하여 새 디렉토리에 설치하십시오. 노드 및 노드 라이브러리 받기 Mac에 Node.js를 설치하는 가장 쉬운 방법은 Homebrew를 사용하는 것입니다. Homebrew가 아직 설치되어 있지 않은 경우 Homebrew Revealed: The Ultimate Package Manager for OSX 튜토리얼에서 설치 방법을 보여줍니다. Homebrew를 사용하여 Node를 설치하려면
    JS 튜토리얼 . express 1393 2023-09-03 13:53:05
  • React: 지속적인 데이터와 원활한 세션 보장
    React: 지속적인 데이터와 원활한 세션 보장
    "기억하기" 기능을 갖는 것은 매우 유용한 기능이며 React 및 Express를 사용하여 구현하기가 비교적 쉽습니다. WebRTC 채팅 애플리케이션 설정의 이전 부분을 계속해서 이제 Mongo 지원 영구 세션과 데이터베이스 지원 온라인 사용자 목록을 추가하겠습니다. 세션? 이전에 세션을 사용한 적이 없다면 간단히 말해서 세션의 쿠키와 매우 유사하여 애플리케이션의 활성 사용자를 실시간으로 추적할 수 있습니다. 세션은 실제로 애플리케이션의 요청/응답 헤더로 전송되는 세션 쿠키를 통해 작동합니다. 따라서 쿠키와 세션은 본질적으로 서로 얽혀 있습니다. 이미 쿠키가 있는 경우
    JS 튜토리얼 . express 781 2023-09-01 21:49:05
  • 백엔드 개발을 위해 Node.js와 PHP 중에서 선택
    백엔드 개발을 위해 Node.js와 PHP 중에서 선택
    이 기사에서는 웹 애플리케이션에 널리 사용되는 두 가지 백엔드 기술인 PHP와 Node.js에 대해 설명합니다. 다음 프로젝트에 적합한 백엔드 기술을 선택하는 데 도움이 되도록 이들 간의 주요 차이점에 대해 논의하겠습니다. 소개 먼저 이 두 가지 백엔드 기술이 무엇이고 어떤 용도로 사용되는지 이해해 보겠습니다. PHPPHP는 PHP: Hypertext Preprocessor의 재귀적 약어입니다. 이는 재귀적인 약어이므로 첫 번째 "P"는 실제로 PHP를 의미합니다! 하지만 원래는 개인 홈페이지 도구를 지칭했습니다. 1994년 Rasmus Lerdorf에 의해 만들어졌습니다. 공식 PHP 문서에 따르면: PHP는 널리 사용되는 오픈 소스 범용 스크립팅 언어로, 특히 웹 개발에 적합하고 HTML에 포함될 수 있습니다. PHP
    PHP 튜토리얼 . express 1685 2023-09-01 06:00:01
  • Node.js 및 Express를 사용하여 첫 번째 API 작성: 데이터베이스에 연결
    Node.js 및 Express를 사용하여 첫 번째 API 작성: 데이터베이스에 연결
    Node.js 및 Express를 사용하여 REST API 구축: 데이터베이스에 연결 첫 번째 튜토리얼인 "RESTful API 이해"에서는 REST 아키텍처가 무엇인지, HTTP 요청 방법 및 응답이 무엇인지, RESTful API 엔드포인트를 이해하는 방법을 배웠습니다. 두 번째 튜토리얼인 "ExpressAPI 서버를 설정하는 방법"에서는 Node에 내장된 http 모듈과 Express 프레임워크를 사용하여 서버를 구축하는 방법과 우리가 만든 애플리케이션을 다른 URL 엔드포인트로 라우팅하는 방법을 배웠습니다. 현재 우리는 API 엔드포인트가 GET 요청에 도달할 때 정적 데이터를 사용하여 JSON 소스 형식으로 사용자 정보를 표시합니다. 이 튜토리얼에서는
    Word누르다 . express 1064 2023-08-30 13:33:19
  • NodeJS, Socket.io 및 ExpressJS를 사용한 실시간 채팅
    NodeJS, Socket.io 및 ExpressJS를 사용한 실시간 채팅
    NodeJS를 사용하면 내가 가장 좋아하는 언어 중 하나인 JavaScript로 백엔드 코드를 작성할 수 있습니다. 실시간 애플리케이션을 구축하기 위한 완벽한 기술입니다. 이 튜토리얼에서는 ExpressJS와 Socket.io를 사용하여 웹 채팅 애플리케이션을 구축하는 방법을 보여 드리겠습니다. 환경 설정 물론 가장 먼저 해야 할 일은 시스템에 NodeJS를 설치하는 것입니다. Windows 또는 Mac 사용자인 경우 nodejs.org를 방문하여 설치 프로그램을 다운로드할 수 있습니다. Linux를 선호한다면 이 링크를 참조하는 것이 좋습니다. 이에 대해 자세히 설명하지는 않지만 설치 문제가 발생하면 기꺼이 도와드리겠습니다. 이 문서 아래에 의견을 남겨주세요. NodeJS를 설치한 후,
    Word누르다 . express 1036 2023-08-29 12:49:14
  • GraphQL 이해: GraphQL 소개
    GraphQL 이해: GraphQL 소개
    개요 GraphQL은 임시 쿼리 및 작업을 위한 흥미롭고 새로운 API입니다. 매우 유연하며 많은 이점을 제공합니다. 특히 그래프나 트리 형태로 정리된 데이터를 노출하는데 적합합니다. 페이스북은 2012년에 GraphQL을 개발했고, 2015년에 오픈소스로 공개했습니다. 이는 빠르게 성장하여 가장 인기 있는 기술 중 하나가 되었습니다. 많은 혁신적인 기업들이 GraphQL을 프로덕션에 채택하고 사용하고 있습니다. 이 튜토리얼에서는 다음을 배우게 됩니다: GraphQL의 원리 REST와 비교 아키텍처 설계 방법 GraphQL 서버 설정 방법 쿼리 및 변경 사항 구현 방법 및 기타 고급 주제 GraphQL이 빛나는 곳은 어디입니까? 데이터가 계층적 또는 그래픽적으로 구성되어 있고 프런트 엔드에서 해당 레이어에 액세스하려는 경우
    JS 튜토리얼 . express 1387 2023-08-28 22:05:12
  • MySQL과 SQL Server의 차이점
    MySQL과 SQL Server의 차이점
    MySQL과 SQLServer는 모두 관계형 데이터베이스 관리 시스템 또는 RDBMS입니다. MySQL은 오픈 소스이며 무료로 사용할 수 있는 반면, SQLServer는 Microsoft의 라이선스 제품입니다. 다음은 MySQL과 SQLServer의 중요한 차이점입니다. 신사. 아니요. 주요 MySQLSQLServer1 소유/개발 MySQL은 Oracle이 소유하고 있습니다. SQLServer 개발자 Microsoft. 2 언어 지원 MySql은 C++, Java 및 기타 프로그래밍 언어를 지원하며 Perl, TCL 및 Haskel에 대한 실행 지원을 제공합니다. SQLServer는 C++, Java, Ruby 및 기타 프로그래밍 언어인 VisualBasic을 지원합니다.
    MySQL 튜토리얼 . express 2926 2023-08-28 17:05:02
  • WebMan 기술을 사용하여 고품질 온라인 학습 플랫폼 구축
    WebMan 기술을 사용하여 고품질 온라인 학습 플랫폼 구축
    WebMan 기술을 사용하여 고품질 온라인 학습 플랫폼을 만드십시오. 인터넷의 급속한 발전으로 온라인 학습 방법이 점점 더 대중화되고 있습니다. 그러나 시중에 나와 있는 온라인 학습 플랫폼은 매우 다양하며 사용자 경험과 기능의 차이로 인해 어려움을 겪는 경우가 많습니다. 이 문제를 해결하기 위해 WebMan 기술을 사용하여 더 나은 온라인 학습 플랫폼을 만들 수 있습니다. WebMan은 강력한 웹 애플리케이션을 신속하게 구축하는 데 도움이 되는 웹 기술 기반의 애플리케이션 개발 방법입니다. 다음은 WebMan 기술을 사용하는 방법을 소개합니다
    Workerman . express 1147 2023-08-27 13:07:44
  • WebMan 기술을 활용한 온라인 오디오 회의 시스템 구현
    WebMan 기술을 활용한 온라인 오디오 회의 시스템 구현
    제목: WebRTC 기술을 사용하여 온라인 오디오 회의 시스템 구현 소개: 세계화가 발전하고 원격 작업이 대중화되면서 온라인 오디오 회의 시스템은 현대 기업 커뮤니케이션 및 협업을 위한 중요한 도구가 되었습니다. 이 기사에서는 WebRTC 기술을 사용하여 웹 기반 오디오 회의 시스템을 구축하는 방법을 소개하고 코드 예제를 통해 구현 세부 사항을 보여줍니다. 1부: WebRTC 기술 개요 WebRTC(WebReal-TimeCommunication)는 브라우저에서 사용할 수 있는 기술입니다.
    Workerman . express 1093 2023-08-26 15:10:45
  • VMware와 NVIDIA가 기업용 생성 AI 시대를 선도합니다.
    VMware와 NVIDIA가 기업용 생성 AI 시대를 선도합니다.
    VMware와 NVIDIA는 오늘 VMware 클라우드 인프라를 사용하는 수천 개의 기업이 AI 시대에 대비할 수 있도록 전략적 파트너십 확장을 발표했습니다. NVIDIA가 포함된 VMware Private AI Foundation을 통해 기업은 모델을 맞춤화하고 지능형 챗봇, 보조자, 검색 및 요약 등과 같은 다양한 생성적 AI 애플리케이션을 실행할 수 있습니다. 이 플랫폼은 VMware Cloud Foundation을 기반으로 구축되고 AI에 최적화된 NVIDIA가 제공하는 생성 AI 소프트웨어와 가속 컴퓨팅을 사용하여 완전히 통합된 솔루션 역할을 합니다. VMware CEO Raghu Raghuram은 이렇게 말했습니다.
    일체 포함 . express 1189 2023-08-25 08:45:07
  • 메르세데스의 신형 EQC Mk2: 2025년 순수 전기 혁명을 드러낸다
    메르세데스의 신형 EQC Mk2: 2025년 순수 전기 혁명을 드러낸다
    23일(현지시간) 보도에 따르면, 최근 해외 자동차 전문 매체 오토익스프레스(AutoExpress)가 메르세데스의 신형 순수 전기차 EQCMk2의 도로 테스트 사진과 세부 사항을 공개해 눈길을 끄는 보도를 냈다. 보고서에 따르면, 이번 2025년 EQC는 메르세데스가 더욱 발전된 전기 자동차 기술을 향한 움직임을 표시하고 새로운 MMA 플랫폼을 채택할 것이라고 합니다. MMA 플랫폼은 이전에 사용된 EVA 플랫폼과 비교하여 더 높은 배터리 용량과 더 발전된 전기 엔진 기술을 갖추고 있습니다. 이 모델은 단일 모터 및 이중 모터 전력 시스템을 선택할 수 있게 하여 다양한 전력 구성에 대한 소비자의 요구를 더욱 충족할 것입니다. EQC는 메르세데스 최초의 양산형 순수 전기 모델로서 주행 거리와 효율성 사이의 균형을 찾는 데 중점을 두고 있습니다. AutoExpre에 따르면
    IT산업 . express 622 2023-08-24 10:33:07
  • Adobe의 AI 이미지 편집 도구 Express가 온라인에 있습니다
    Adobe의 AI 이미지 편집 도구 Express가 온라인에 있습니다
    어도비는 자사의 AI 이미지 디자인 및 편집 도구인 익스프레스(Express)가 테스트를 완료해 모든 사용자에게 공식적으로 공개됐다고 8월 17일 밝혔다. 다양한 텍스트 효과와 이미지를 제공하고 다양한 콘텐츠를 편집합니다. 또한 Express 공식 버전에서는 비디오, 이미지 및 음악을 병합하여 쉽게 비디오 제작을 완료할 수 있습니다. Adobe Express 데스크톱 버전이 공식 출시되었으며, DoNews의 모바일 애플리케이션도 곧 업데이트될 예정입니다.
    일체 포함 . express 1340 2023-08-17 19:37:08

도구 권장 사항

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 글꼴 라이브러리를 호출하므로 페이지가 느리게 열릴 수 있습니다.
회사 소개 부인 성명 Sitemap
PHP 중국어 웹사이트:공공복지 온라인 PHP 교육,PHP 학습자의 빠른 성장을 도와주세요!