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

  • JavaScript Refactoring 기술 : 일반 코드에 맞습니다
    JavaScript Refactoring 기술 : 일반 코드에 맞습니다
    주요 테이크 아웃 : 리팩토링 JavaScript는 코드 가독성, 유지 관리, 성능 및 재사용 성을 향상시켜 버그 감지 및 수정을 지원합니다. 일반적인 기술에는 변수를 사용하여 중복성을 최소화하고 이벤트 처리 개선 및 리핀을 사용하는 것이 포함됩니다.
    JS 튜토리얼 791 2025-02-17 12:06:11
  • 편집 : 2017 년에 무엇을 배우고 싶습니까?
    편집 : 2017 년에 무엇을 배우고 싶습니까?
    최신 JavaScript 뉴스 레터를 구독하고 여기를 클릭하여 구독하십시오. 새해 복 많이 받으세요, Sitepoint JavaScript 독자! 모두가 휴가를 보내고 휴가를 보내고 2017 년을 새로운 모습으로 환영 할 준비가되어 있기를 바랍니다. 2016 년은 JavaScript에게 미친 한 해였습니다! 우리는 ES6의 인기가 높아지고 점진적인 웹 응용 프로그램의 증가를 목격했습니다. 또한 원사는 NPM의 경쟁자로 보이며 JavaScript 피로도 주제가되었습니다. 당신이 이것을 놓쳤거나 지난 1 년을 되돌아보고 싶었다면, 우리는 당신을 위해 준비했습니다. 그의 기사 "Javascri"에서 Craig Buckler
    JS 튜토리얼 616 2025-02-17 12:04:15
  • 예제별로 d3.js 데이터 시각화를 만드는 법을 배웁니다
    예제별로 d3.js 데이터 시각화를 만드는 법을 배웁니다
    D3.JS : JavaScript로 동적 데이터 시각화를 그립니다 이 기사에서는 동적 및 대화식 데이터 시각화를 생성하기위한 강력한 JavaScript 라이브러리 인 D3.JS에 대해 설명합니다. HTML, SVG 및 CSS를 사용하여 웹 브라우저에서 데이터를 렌더링합니다. 핵심 포인트 : D3.JS는 개발자가 HTML, SVG 및 CSS를 사용하여 웹 브라우저에서 동적 인 대화식 데이터 시각화를 생성 할 수있는 다목적 JavaScript 라이브러리입니다. 이 라이브러리는 데이터 처리를위한 풍부한 도구를 제공하여 원시 데이터를 의미있는 시각적 표현으로 변환하며 독특한 창의적인 아이디어에 맞게 광범위하게 사용자 정의 할 수 있습니다. d3.js는 스케일 바를 사용하여 데이터 값을 비전에 매핑합니다.
    JS 튜토리얼 938 2025-02-17 12:03:16
  • Tessel 2로 GPS 데이터 추적
    Tessel 2로 GPS 데이터 추적
    Tessel 2 및 GPS 모듈을 사용한 GPS 추적 : JavaScript를 기반으로 한 실시간 위치 프로젝트 이 기사는 Tessel 2 마이크로 컨트롤러 및 GPS 모듈을 사용하여 실시간 GPS 추적 시스템을 구축하는 방법을 소개합니다. Tessel 2는 JavaScript 프로그래밍을 지원하며 다양한 모듈을 통해 기능을 확장 할 수 있습니다. GPS 모듈을 연결하고 Tessel 2쪽에 JavaScript 코드를 작성하여 GPS 데이터를 처리하고 Node.js 서버 및 프론트 엔드 Google지도 통합을 구축하여 실시간 위치 시각화를 달성하는 방법을 배웁니다. 1. 하드웨어 연결 GPS 모듈을 Tessel 2의 포트에 연결하십시오 (USB 파워 근처
    JS 튜토리얼 697 2025-02-17 12:02:09
  • JQuery Selectors를 포괄적으로 살펴 봅니다
    JQuery Selectors를 포괄적으로 살펴 봅니다
    이 기사는 Matt Smith와 Tim Severien의 Peer Review의 혜택을 받았습니다. 컨텐츠 품질 향상에 대한 Sitepoint의 동료 검토 자에게 감사합니다! 요소를 선택하는 것은 jQuery를 사용하여 웹 페이지를 조작하는 데 필수적입니다. 콘텐츠를 수정하든 a
    JS 튜토리얼 913 2025-02-17 12:01:15
  • 13 JQuery SelectBox/드롭 다운 플러그인
    13 JQuery SelectBox/드롭 다운 플러그인
    13 jQuery 드롭 다운 메뉴 플러그인은 웹 대화식 경험을 향상시키는 데 도움이됩니다! 이 기사는 드롭 다운 메뉴 플러그인의 현재 상태를 반영하기 위해 2016 년 10 월 12 일에 업데이트되었습니다. 기본 드롭 다운 메뉴 스타일은 모든 사람에게 만족스럽지 않습니다. 때로는 외관을 제어해야 할 수도 있습니다 (브라우저 및 장치의 일관성을 유지하기 위해) 또는 기본적으로 지원되지 않는 다른 기능이 필요할 수도 있습니다. 다행히도이 프로세스를 단순화 할 수있는 우수한 jQuery 기반 플러그인이 많이 있습니다. 다음 프로젝트에 통합 할 수있는 플러그인을 다룰 것입니다. 이 플러그인 중 일부에는 구성 가능한 옵션, 메소드 및 이벤트가 있으며 다른 플러그인에는 사용하기 쉬운 간단한 드롭 다운 메뉴 스타일 교체입니다. 핵심 요점 이 기사는 사용할 수있는 13 개의 사용자 정의 웹 페이지를 간략하게 설명합니다.
    JS 튜토리얼 690 2025-02-17 11:57:09
  • Raspberry Pi와 Bluemix로 날씨를 예측합니다
    Raspberry Pi와 Bluemix로 날씨를 예측합니다
    이 튜토리얼은 IBM Bluemix, Raspberry Pi 및 Weather Company 데이터 서비스를 사용하여 일기 예보 장치 구축을 보여줍니다. 이 강력한 조합이 어떻게 작동하는지 살펴 보겠습니다. 주요 개념 : 데이터 수집 : 기상 회사 데이터 s
    JS 튜토리얼 336 2025-02-17 11:56:09
  • 접근성을 염두에두고 JavaScript를 작성합니다
    접근성을 염두에두고 JavaScript를 작성합니다
    JavaScript 구성 요소의 접근성 향상을위한 팁 이 기사는 JavaScript 구성 요소의 접근성을 향상시키는 방법에 대한 몇 가지 팁을 공유하고 사용자에게 웹 사이트 또는 웹 애플리케이션과 상호 작용할 수있는 더 좋은 방법을 제공합니다. 이 기사는 원래 매체에 출판되었습니다 첫 번째 게시물 인 Accessible HTML을 작성하면서 웹 접근성에 집중하는 이유와 방법을 설명하고 웹 사이트에 액세스 할 수 있도록 태깅을 개선하는 방법에 대한 몇 가지 팁을 공유했습니다. 이 팁 중 일부는 매우 기본이지만 여전히 가치가 있습니다. 프론트 엔드 개발에서 가장 중요한 기록되지 않은 규칙 중 두 가지로 이어집니다. 기본 사항을 배우고 HTML을 계획하고 쓰는 데 충분한 시간을 소비합니다. 명확한 시맨틱 마커가 당신과 당신을 만들 것입니다
    JS 튜토리얼 783 2025-02-17 11:51:11
  • JSON 데이터에서 몇 초 만에 동적 테이블을 만듭니다
    JSON 데이터에서 몇 초 만에 동적 테이블을 만듭니다
    가벼운 jQuery UI 플러그인 테이블터로 동적 대화 형 테이블을 쉽게 만들 수 있습니다! 이 기사에서는 JSON 데이터를 JavaScript 코드가 거의없는 동적 대화 형 테이블로 변환하는 방법을 안내합니다. 핵심 포인트 : 빠른 설정 : Tabulator 플러그인을 사용하면 JSON 데이터를 적은 양의 JavaScript 코드로 동적 대화 형 테이블로 변환 할 수 있습니다. 사용자 정의 열 : 제목, 필드, 정렬, 너비 및 형성자와 같은 매개 변수를 통해 테이블 ​​열을 정의하고 사용자 정의하여 특정 요구를 충족시킬 수 있습니다. 유연한 데이터 로딩 : Tabulator는 JavaScript Array 및 AJAX 요청을 포함한 다양한 데이터로드 방법을 지원합니다.
    JS 튜토리얼 215 2025-02-17 11:50:09
  • 내가 JavaScript 스타일 가이드를 사용하는 이유와 당신도 왜
    내가 JavaScript 스타일 가이드를 사용하는 이유와 당신도 왜
    핵심 요점 JavaScript 표준 스타일과 같은 JavaScript 스타일 가이드를 채택하면 팀 마찰을 줄이고 프로그래머의 복지를 개선하며 코드 일관성을 보장합니다. JavaScript와 같은 주류 스타일의 언어로 코딩하면 오픈 소스 프로젝트에 쉽게 기여하고 다른 사람들이 프로젝트에 기여할 수 있습니다. 스타일 가이드가 반드시 프로그램을 더 정확하게 만드는 것은 아니지만 오류가 게시되기 전에 오류를 잡을 수있어 코드를 읽고 이해하기 쉽고 팀 구성원 간의 의견 불일치를 방지 할 수 있습니다. JavaScript 표준 스타일 구현 도구 없이는 수행 할 수 있지만 NPM 패키지도 있습니다.
    JS 튜토리얼 1039 2025-02-17 11:45:12
  • 빠른 팁 : Gumroad 및 Jekyll을 사용하여 30 초 안에 전자 상거래
    빠른 팁 : Gumroad 및 Jekyll을 사용하여 30 초 안에 전자 상거래
    이 튜토리얼은 Gumload의 전자 상거래 기능을 Jekyll 웹 사이트에 원활하게 통합하는 방법을 보여줍니다. 이 프로세스는 컨텐츠 제작자에게 빠르고 유익합니다. 주요 단계 : Gumroad 코드 얻기 : Gumroad의 위젯 페이지 및 Selec으로 이동
    CSS 튜토리얼 493 2025-02-17 11:43:13
  • 사용자 로그인 및 인증을 사용하여 React.js 응용 프로그램을 구축하십시오
    사용자 로그인 및 인증을 사용하여 React.js 응용 프로그램을 구축하십시오
    이 기사는 StormPath React SDK를 사용하여 사용자 로그인 및 인증 기능을 사용하여 React.js 응용 프로그램 구축에 대한 포괄적 인 안내서를 제공합니다. 개발 환경 설정, 웹 팩 및 바벨 구성 및 K 빌딩 K가 포함됩니다.
    JS 튜토리얼 360 2025-02-17 11:42:11
  • jQuery 테이블 : 테이블 작성 및 관리를위한 플러그인
    jQuery 테이블 : 테이블 작성 및 관리를위한 플러그인
    이 기사는 HTML 테이블을 향상시키기위한 다양한 jQuery 플러그인을 탐색하여 현대 웹 디자인의 표준 테이블의 한계, 특히 모바일 응답 성 및 고급 기능과 관련하여 다루고 있습니다. 이 기사는 11 월 10 일에 업데이트되었습니다
    JS 튜토리얼 569 2025-02-17 11:41:10
  • Peasy-JS와 함께 재사용 가능한 JavaScript 비즈니스 로직을 작성하십시오
    Peasy-JS와 함께 재사용 가능한 JavaScript 비즈니스 로직을 작성하십시오
    Peasy-JS : 재사용 가능하고 확장 가능하며 테스트하기 쉬운 비즈니스 로직 구축 Peasy-JS는 종합 가능, 재사용 가능, 확장 가능 및 테스트가 쉽게 비즈니스 로직을 구축하여 응용 프로그램에서 UI, 백엔드 및 데이터 액세스 프레임 워크를 쉽게 교체 할 수있는 중간 계층 프레임 워크입니다. 비즈니스 로직 분리를 촉진하고 테스트, 교체, 재 배열, 재사용을 쉽게 만들 수 있으며 다양한 JavaScript 클라이언트, 서버, 데이터 액세스 기술 및 프레임 워크와 호환되는 응용 프로그램 아키텍처에서 사용할 수 있습니다. Peasy-JS의 핵심 개념에는 비즈니스 서비스, 명령, 규칙 및 데이터 록시가 포함됩니다. 이러한 개념은 비즈니스 로직 배열 및 데이터 검증에 있습니다.
    JS 튜토리얼 267 2025-02-17 11:40:09
  • Aurelia의 상태 관리 : Redux와 함께 Aurelia를 사용하는 방법
    Aurelia의 상태 관리 : Redux와 함께 Aurelia를 사용하는 방법
    Aurelia 및 Redux를 사용하여 예측 가능한 상태로 Markdown 편집기 구축 이 기사에서는 Aurelia 프레임 워크에서 Redux를 통합하는 방법을 살펴보고 Undo/Redo 기능을 갖춘 Markdown 편집기를 구축하여 프로세스를 시연합니다. 이 기사는 기본 Aurelia 설정, 상태 관리를위한 통합 Redux 및 UNDO/REDO 함수 추가의 세 단계로 나뉩니다. 핵심 포인트 : Redux는 응용 프로그램 상태의 관리를 단순화하여 특히 복잡한 환경에서 일관되고 쉽게 테스트 할 수있는 예측 가능한 상태 컨테이너를 제공합니다. Redux를 Aurelia와 통합하는 데 Redux 스토리지 설정, 종속성 구성 및 스토리지 연결이 포함됩니다.
    JS 튜토리얼 824 2025-02-17 11:38:14

도구 권장 사항

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