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

  • TypeScript의 컴파일 타임 불변성
    TypeScript의 컴파일 타임 불변성
    TypeScript는 불변성을 시행하는 기능을 포함하여 유형 안전을 추가하여 JavaScript를 향상시킵니다. 이것은 특히 대규모 프로젝트에서 일반적인 버그를 방지합니다. JavaScript 프리미티브는 불변이지만 참조 유형 (객체 및 어레이)
    JS 튜토리얼 432 2025-02-10 12:02:10
  • MongoDB 소개
    MongoDB 소개
    이 초보자 친화적 인 가이드는 데이터 지속성을 위해 최신 Node.js 웹 애플리케이션에서 자주 사용되는 인기있는 오픈 소스 크로스 플랫폼 NOSQL 데이터베이스 인 MongoDB를 소개합니다. 설치, 기본 데이터 운영 및 Mong과의 상호 작용을 다룰 것입니다.
    JS 튜토리얼 798 2025-02-10 12:00:18
  • 웹 페이지에 확장 가능한 벡터 그래픽을 추가하는 방법
    웹 페이지에 확장 가능한 벡터 그래픽을 추가하는 방법
    SVG 이미지 응용 프로그램의 핵심 사항 이 기사는 6 개 이상을 포함하여 SVG 이미지를 웹 페이지에 추가하는 다양한 방법을 요약합니다. 그 중 하나는 SVG XML 코드를 HTML 페이지에 직접 포함시키고 다른 하나는 태그를 사용하는 것입니다. 이 예에서 SVG는 IMG 태그의 소스 파일입니다. SVG 이미지의 접근성 관찰 SVG 이미지를 사용하는 경우 접근성에주의를 기울여야합니다. 먼저, IMG 태그에서 SVG를 사용할 때는 ALT 속성을 포함하여 스크린 리더를위한 텍스트 대용품을 제공하십시오. 둘째, 제목 및 DESC 요소는 SVG에서 각각 그래픽에 대한 제목 및 설명 정보를 제공하기 위해 사용될 수 있습니다. 예를 들어: 회보 노란색 배경의 녹색 원 이 예에서 SVG의 제목은 "Circle"이며
    CSS 튜토리얼 235 2025-02-10 11:54:12
  • Sort () 메소드와 함께 javaScript의 객체 배열을 정렬합니다.
    Sort () 메소드와 함께 javaScript의 객체 배열을 정렬합니다.
    javaScript averray.sort 메소드는 객체 배열을 쉽게 정렬 할 수도 있습니다! 이 기사에서는 배열, 소트 메소드를 사용하여 문자열, 숫자 및 날짜를 ​​포함하는 객체 배열을 정렬하는 방법을 보여주고 케이스 감도, 배열 복사 및 공통 라이브러리를 처리하기위한 실용적인 팁을 제공합니다. 핵심 포인트 JavaScript의 기본 Array.Sort 메소드를 사용하여 비교 함수를 사용하여 문자열, 숫자, 날짜 및 기타 속성에 대한 정렬 로직을 정의하는 객체 배열을 정렬 할 수 있습니다. JavaScript의 비교 함수는 정렬 순서를 결정하기 위해 숫자를 반환합니다. 정수가 0보다 작 으면 첫 번째 요소가 0보다 큰 경우 첫 번째 요소가 나타납니다.
    JS 튜토리얼 648 2025-02-10 11:52:17
  • Prisma 2, Chakra UI 및 React로 습관 추적기 구축
    Prisma 2, Chakra UI 및 React로 습관 추적기 구축
    Prisma 2 : React 앱에서 데이터베이스 상호 작용을 간소화합니다 Prisma 2 (이전 Prisma 2 Preview)는 데이터베이스 관리를 혁신하여 이전 모델에서 상당한 업그레이드를 제공합니다. 별도의 Prisma 서버가 필요한 Prisma 1과 달리 PR
    JS 튜토리얼 521 2025-02-10 11:49:09
  • gulp.js 4.0으로 마이그레이션하는 방법
    gulp.js 4.0으로 마이그레이션하는 방법
    gulp.js 4.0 마이그레이션 안내서 : 빌드 프로세스를 단순화하십시오 gulp.js 4.0은 이제 gulp.js 3.x를 대체하는 기본 버전입니다. 마이그레이션은 필수는 아니지만 새 버전은 많은 개선을 가져 오며 대부분의 구성은 단 몇 시간 만에 마이그레이션 될 수 있습니다. 주요 변경 사항 : 기본 버전 업그레이드 : gulp.js 4.0은 기본 버전이되고 NPM 설치 Gulp를 사용하여 설치할 수 있습니다. 작업 조합 : Series () 및 Parallel () 메소드는 작업 배열의 3.x 버전을 대체하여 직렬 및 병렬로 작업을 각각 실행하는 데 사용되므로 작업 실행 순서를보다 세분적으로 제어합니다. 비동기 작업 처리 : g
    CSS 튜토리얼 381 2025-02-10 11:44:11
  • HTML5 SVG에 입방 베지어 곡선을 그리는 방법
    HTML5 SVG에 입방 베지어 곡선을 그리는 방법
    SVG의 Cubic Bezier 곡선 : 부드러운 곡선 그리기를위한 고급 팁 이전 기사 "SVG에서 복잡한 경로를 만드는 방법"은 요소를 탐구하고 일련의 직선과 아크를 그려 모양을 만드는 방법을 보여줍니다. (일반적으로 전체 글꼴을 다운로드하지 않고 글꼴을 복사하는 데 사용됩니다.) D 속성은 부드러운 곡선을 그릴 수있는 몇 가지 추가 트릭을 제공합니다. 이 기사에서는 입방 베 지어 곡선에 대해 논의 할 것이며, 약간 더 간단한 옵션을 위해 "SVG 이미지에 2 차 베 지어 곡선을 그리는 방법"을 참조 할 수도 있습니다. 입방 베 지어 곡선은 무엇입니까? 데스크탑 게시 및 그래픽 소프트웨어에서 입방 베 지어 곡선을 만났을 수도 있습니다. 그들은 출발점 (P0)과 종말점 (P3)을 정의합니다. 그러나 2 차 곡선이 만듭니다
    CSS 튜토리얼 176 2025-02-10 11:42:10
  • Deno, Reno 및 Postgresql을 사용한 마이크로 서비스 구축
    Deno, Reno 및 Postgresql을 사용한 마이크로 서비스 구축
    이 튜토리얼은 가벼운 데노 라우팅 라이브러리 인 Deno와 Reno를 사용한 마이크로 서비스를 구축하는 것을 보여줍니다. 데이터베이스와 상호 작용하는 마이크로 서비스가 생성됩니다. 안전한 JavaScript/TypeScript 런타임 인 ​​Deno는 모드를 단순화하여 Node.js에서 향상됩니다.
    JS 튜토리얼 955 2025-02-10 11:36:11
  • 인형극과 함께 엔드 투 엔드 테스트를 배우십시오
    인형극과 함께 엔드 투 엔드 테스트를 배우십시오
    이 튜토리얼은 소프트웨어 테스트의 세계를 탐구하고 웹 응용 프로그램의 효율적인 엔드 투 엔드 테스트를 위해 노드 라이브러리 인 Puppeteer를 사용하는 방법을 보여줍니다. 다른 테스트 유형을 다루고 간단한 C를 사용하여 실용적인 예제를 작성하겠습니다.
    JS 튜토리얼 823 2025-02-10 11:33:09
  • TypeScript 기술을 발전시키는 실용적인 방법
    TypeScript 기술을 발전시키는 실용적인 방법
    타입 기술의 발전으로가는 길 : 입국에서 숙달로 프로그래머로서 우리는 종종 특정 기술을 잘 이해하고 사용할 수 있다는 환상을 가지고 있습니다. 예를 들어, 이것은 문제가되지 않습니다. 예를 들어, 작업을 완료하기 위해 특정 프로그래밍 언어의 몇 가지 기본 방법 만 마스터하면됩니다. 그러나 전문가가 되려면 더 많은 것을 배우고 더 깊이 연습해야합니다. 이 기사는 TypeScript 기술을 다음 단계로 끌어 올리는 방법을 살펴 봅니다. 순위에 관계없이 TypeScript 기술을 향상시키는 몇 가지 방법은 다음과 같습니다. 공개적으로 배우십시오 공개 학습 운동 (#LearNinPublic)이 적극 권장됩니다.
    JS 튜토리얼 302 2025-02-10 11:32:10
  • SVG가있는 CSS : 실제 사용
    SVG가있는 CSS : 실제 사용
    SVG : CSS와의 스타일링과 조작에 대한 깊은 다이빙 확장 가능한 벡터 그래픽 (SVG)은 웹 그래픽에 이상적인 가벼운 XML 기반 벡터 이미지 형식입니다. 우수한 브라우저 호환성과 결합 된 상호 작용 및 애니메이션 지원
    CSS 튜토리얼 461 2025-02-10 11:31:10
  • 퍼그 HTML 템플릿 엔진 : 초보자 가이드
    퍼그 HTML 템플릿 엔진 : 초보자 가이드
    웹 디자이너 또는 개발자로서 우리는 모두 HTML의 공정한 비중을 써야 할 것입니다. 그리고 이것은 가장 어려운 작업은 아니지만 종종 조금 지루하거나 반복적으로 느낄 수 있습니다. Pug HTML Preprocessor가 들어오는 곳입니다. HTML도 STATI입니다
    CSS 튜토리얼 1033 2025-02-10 11:27:09
  • 프론트 엔드 개발자를위한 30 개의 생명 구복 도구
    프론트 엔드 개발자를위한 30 개의 생명 구복 도구
    웹 애플리케이션 기능이 점점 복잡 해지고 세심한 웹 개발자는 점점 더 많은 사용자 기대를 충족시키기 위해 유연한 도구가 필요합니다. 좋은 소식은 Web Development Ecosystem이 잘 알려진 회사와 오픈 소스 커뮤니티, 더 강력한 라이브러리, 프레임 워크 및 응용 프로그램을 구축하기 위해 경쟁하여 개발자가 업무를 완수하고 생산성과 효율성을 높이는 데 도움이되는 다양한 옵션을 제공한다는 것입니다. 이 기사에는 프론트 엔드 웹 개발자를위한 30 개 이상의 최고 도구, 코드 편집기, 코드 놀이터, CSS 생성기, JS 라이브러리 등을 다루고 있습니다. 심도있게 알아 보겠습니다! 핵심 사항 다목적 성 및 접근성 : 프론트 엔드 개발 도구는 코드 편집에서 성능 최적화에 이르기까지 다양한 기능을 제공하여 초보자 및 경험에 적합합니다.
    CSS 튜토리얼 849 2025-02-10 11:26:15
  • CSS를 사용하면 현실 세계에서 변형됩니다
    CSS를 사용하면 현실 세계에서 변형됩니다
    CSS 변환 : 설계 어려움을 해결하기위한 강력한 도구 이 기사는 실제 응용 프로그램에서 CSS 변환의 힘을 탐구하고 다양한 설계 문제를 효과적으로 해결하고 매력적인 시각 효과를 만드는 방법을 보여줍니다. 우리는 요소를 수직으로 정렬하고, 아름다운 화살표를 만들고,로드 애니메이션을 구축하고, 플립 애니메이션을 구현하는 방법을 배웁니다. CSS3 변환은 2012 년에 표준이되었으며, 그 전에는 일부 브라우저가 이미 지원을 제공했습니다. 변형을 통해 회전, 스케일링 또는 기울기 요소와 같은 웹 요소를 쉽게 변환하여 이전에 달성하기 어려운 코드 한 줄만 달성 할 수 있습니다. CSS 변환은 2D 및 3D 변환을 지원합니다. 브라우저 호환성 측면에서 모든 주류 브라우저는 Inter를 포함하여 2D 변환을 지원합니다.
    CSS 튜토리얼 946 2025-02-10 11:24:09
  • CSS 그리드로 레이아웃 생성
    CSS 그리드로 레이아웃 생성
    CSS 그리드 : 최신 웹 디자인을위한 강력한 레이아웃 도구 Tiffany의 CSS 마스터 2nd Edition에서 발췌 한 내용은 2017 년 10 월에 도입 된 혁신적인 레이아웃 시스템 인 CSS 그리드에 대한 간결한 소개를 제공합니다. 그리드는 Comple의 생성을 단순화합니다.
    CSS 튜토리얼 805 2025-02-10 11:22: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 글꼴 라이브러리를 호출하므로 페이지가 느리게 열릴 수 있습니다.