찾다

스트림 교차 혼란

WordPress 또는 React Hooks를 사용해야합니까?
D3 또는 CSS를 사용해야합니까?
Markdown 또는 JSON을 사용해야합니까?
Gatsby에서 Flexbox를 사용할 수 있습니까?
Jekyll에서 사용자 정의 속성을 사용할 수 있습니까?
HTML 또는 클라우드를 사용해야합니까?
내 VUE 사이트에 Dark Mode를 추가하려면 어떻게합니까?

이것들은 혀에 뺨이지만 여기서는 포인트가 있습니다. 기술을 이해하는 것은 하나의 도전이며 기술이 어떻게 맞는 지 이해하는 또 다른 도전입니다.

위의 기술의 조합 중 일부는 혼란스러워 보일지 모르지만 혼란스러워 할만 큼 운이 좋았습니다. 즉, 기술이 관련이 없거나 선택하지 않거나 함께 가거나 함께 가지 못하게하는 것이 없다는 것을 충분히 이해할 수 있습니다.

나는 초보자에게 이런 종류의 혼란을 상당히 자주 본다. 프로세스의 모든 부분입니다.

또한이 사이트의 독자들과의 혼란을 봅니다. 왜냐하면 우리는 종종 예쁜 기본 웹 기술에 대해 글을 쓰고 JavaScript 프레임 워크 또는 CMS와 같은 다른 추상화에 어떻게 적합 할 수 있는지에 대해 이야기하지 않기 때문입니다. 예를 들어, 슬라이더 구축에 대한이 게시물을 확인하십시오. JavaScript조차 닿지 않습니다. 바닐라 HTML과 CSS입니다.

아마도 숙련 된 프론트 엔드 개발자는 다른 곳에 의존하지 않기 때문에이 슬라이더 코드를 어디서나 사용할 수 있다는 것을 이해할 것입니다. 그러나 JSX에 있지 않은 개발자도 있으므로 실제로 사용할 수 없습니다 . 아니면 NPM에 있습니까? 나는 사람들이 사이트에서 찾은 아이디어와 기술 중 일부가 WordPress 사이트에서 사용할 수 있는지 영원히 묻도록했습니다.

그렇다면 WordPress 사이트 에서이 슬라이더 코드를 어떻게 사용 하겠습니까 ? 글쎄, 그것은 단지 HTML과 CSS이기 때문에 모든 템플릿에서 HTML을 사용하고 사이트의 스타일 시트에 CSS를 넣을 수 있습니다. 그러나 아마도 템플릿 파일을 편집하기보다는 WordPress 자체 내에서 슬라이드를 어떻게 관리하고 싶을 것입니다. 어쩌면 "슬라이드"의 사용자 정의 게시물 유형이있을 수 있으며 슬라이더의 DIV 내에서 해당 게시물의 내용을 출력하는 사용자 정의 페이지가있을 수 있습니다. 훨씬 더 복잡하지만 본질적으로 같은 생각. 슬라이더가 React에서 작동하기를 원한다면 클래스 이름 속성을 클래스 이름으로 변경하고 CSS를 React 사이트의 스타일링을하는 곳마다 배치하는 문제 일 것입니다. 우리는 종종 CSS- 트릭에서 기본 수준의 기술을 유지하지만, 상황을보다 일반적으로 유용하게 만들기 때문에 여전히 흥미롭고 다른 기술에 대한 포트를 배우는 방법을 배우는 것은 여전히 ​​흥미롭고 또 다른 기술입니다.

Lemme는 위의 질문에 크게 끊어집니다.

WordPress 또는 React Hooks를 사용해야합니까?

WordPress는 구조화 된 컨텐츠를 구축하고 전체 사이트를 구축 할 수 있도록 선택하는 CMS입니다. React가있는 사이트를 구축 할 수 있으며 점점 더 인기가 높아지고 있지만 여전히 그다지 일반적이지 않습니다. React는 템플릿 및 논리를 돕기 위해 JavaScript에 내장 된 구성 요소를 사용하여 사이트의 프론트 엔드를 구축하는 방법입니다. React Hooks는 구성 요소간에 기능을 공유하는 방법입니다. 따라서이 질문은 중 하나가 아닙니다. 둘 다 또는 둘 다 할 수 있습니다.

D3 또는 CSS를 사용해야합니까?

CSS는 모든 웹 사이트에서 스타일링을 수행하는 데 사용됩니다. D3은 데이터 시각화를 수행하기위한 JavaScript 라이브러리입니다. 예를 들어 HTML 및 CSS만으로 막대 차트를 작성하거나 동일한 막대 차트를 D3에서 빌드 할 수 있기 때문에 약간의 크로스 오버가 있습니다. 그러나 일반적으로 D3은 CSS가 할 수없는 매우 멋진 드로잉을 수행하고 있으며 CSS는 SVG (D3 출력)가 할 수없는 사이트에서 요소 레이아웃을 수행하고 있습니다.

Markdown 또는 JSON을 사용해야합니까?

Markdown은 HTML에 컴파일하는 콘텐츠를 작성하는 언어입니다. 예를 들어, Markdown에 블로그 게시물을 쓸 수 있습니다. 왜냐하면 글을 쓰고보고 보는 것이 더 깨끗하기 때문입니다. JSON은 많은 프로그래밍 언어, 특히 JavaScript가 쉽게 다루는 형식으로 데이터를 저장하는 형식입니다. JSON에는 상당히 직관적 인 중첩 된 키/값 쌍 구문이 있습니다. 데이터를 그런 식으로 저장하는 것이 유용한 경우 JSON 내에 Markdown을 넣을 수 있습니다. Front Matter라는 파일의 일부로 메타 데이터를 가질 수있는 특수 품종의 특수 마크 다운이 있다는 점에서 흥미로운 크로스 오버가 있습니다. 이 Front Matter 데이터는 약간 다른 구문이지만 키/값 쌍 형식이기도합니다. 그럼에도 불구하고 이것들은 일반적으로 매우 다른 기술입니다. API는 일반적으로 JSON을 반환하지만 MarkDown은 아니지만 JSON이 아닌 MarkDown에서 일반적으로 블로그를 작성합니다.

Gatsby에서 Flexbox를 사용할 수 있습니까?

확신하는. Flexbox는 CSS이며 Gatsby는 반응 프레임 워크입니다. 개츠비는 사이트에서 어떤 CS를 사용하는지 신경 쓰지 않습니다. Gatsby는 React 기반이므로 CSS-in-JS 라이브러리의 전 세계가 사용될 수 있으므로 문제가있는 경우 관련이있을 수 있습니다. 예를 들어, 스타일이 JavaScript 객체 형식을 통해 설정된 경우 Flex-Grow 대신 Flexgrow와 같은 것을 사용해야 할 수도 있습니다.

Jekyll에서 사용자 정의 속성을 사용할 수 있습니까?

Jekyll은 마크 다운 파일에서 블로그를 제작하기위한 루비 전원 정적 사이트 생성기입니다. 개츠비가 당신의 CSS에 관심이없는 것처럼, Jekyll도 그렇지 않습니다. 커스텀 속성은 CSS 일이므로 CSS에서 자유롭게 사용할 수있는 Jekyll 사이트의 일부인 CSS에서 자유롭게 사용할 수 있습니다.

HTML 또는 클라우드를 사용해야합니까?

"클라우드"는 다소 성가신 의미가 있지만 일반적으로 인터넷에 첨부 된 서버를 나타냅니다. 또한 단일 서버뿐만 아니라 스케일링 및 중복성을 강하게하는 능력을 가진 큰 네트워크입니다. HTML은 웹 사이트의 기본 언어입니다. 모든 웹 사이트는 웹 서버에서 HTML에 대한 요청으로 시작합니다. 클라우드 기반 서버와 관련하여 HTML 파일에 대한 요청을 제공 할 수 있습니다! 그러나 그들은 어느 것도 아닙니다. 특히 "Cloudy"가 아닌 서버에서 제공하는 HTML을 작성할 수 있으며 HTML과 관련이없는 경우 클라우드 서버를 사용할 수 있습니다 (큰 데이터 파일 저장).

위 내용은 스트림 교차 혼란의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
스크롤 구동 애니메이션을 사용한 현대 스크롤 그림자스크롤 구동 애니메이션을 사용한 현대 스크롤 그림자May 07, 2025 am 10:34 AM

특히 모바일 장치에 스크롤 그림자를 사용하는 것은 Chris가 이전에 다룬 미묘한 UX입니다. Geoff는 애니메이션 타임 라인 속성을 사용하는 새로운 접근 방식을 다루었습니다. 또 다른 방법이 있습니다.

이미지 맵 재 방문이미지 맵 재 방문May 07, 2025 am 09:40 AM

빠른 새로 고침을 통해 실행합시다. 이미지 맵은 html 3.2로 돌아가는데, 먼저 서버 측 맵과 클라이언트 측지 맵은 맵 및 영역 요소를 사용하여 이미지를 통해 클릭 가능한 영역을 정의했습니다.

DEVS 상태 : 모든 개발자를위한 설문 조사DEVS 상태 : 모든 개발자를위한 설문 조사May 07, 2025 am 09:30 AM

Devs State Survey는 이제 참여에 개방되어 있으며, 이전 설문 조사와 달리 코드, 직장, 건강, 취미 등을 제외한 모든 것을 포함합니다. 

CSS 그리드는 무엇입니까?CSS 그리드는 무엇입니까?Apr 30, 2025 pm 03:21 PM

CSS 그리드는 복잡하고 반응이 좋은 웹 레이아웃을 만드는 강력한 도구입니다. 디자인을 단순화하고 접근성을 향상 시키며 이전 방법보다 더 많은 제어를 제공합니다.

CSS Flexbox 란 무엇입니까?CSS Flexbox 란 무엇입니까?Apr 30, 2025 pm 03:20 PM

기사는 반응 형 설계에서 공간의 효율적인 정렬 및 분포를위한 레이아웃 방법 인 CSS Flexbox에 대해 설명합니다. Flexbox 사용을 설명하고 CSS 그리드와 비교하고 브라우저 지원 세부 사항을 설명합니다.

CSS를 사용하여 웹 사이트를 반응하게 만드는 방법은 무엇입니까?CSS를 사용하여 웹 사이트를 반응하게 만드는 방법은 무엇입니까?Apr 30, 2025 pm 03:19 PM

이 기사는 Viewport Meta 태그, 유연한 그리드, 유체 미디어, 미디어 쿼리 및 상대 장치를 포함하여 CSS를 사용하여 반응 형 웹 사이트를 만드는 기술에 대해 설명합니다. 또한 CSS 그리드 및 Flexbox를 함께 사용하여 CSS 프레임 워크를 권장합니다.

CSS 박스 크기 부동산은 무엇을합니까?CSS 박스 크기 부동산은 무엇을합니까?Apr 30, 2025 pm 03:18 PM

이 기사는 요소 치수 계산 방법을 제어하는 ​​CSS 박스 크기 속성에 대해 설명합니다. Content-Box, Border-Box 및 Padding-Box와 같은 값과 레이아웃 설계 및 형태 정렬에 미치는 영향을 설명합니다.

CSS를 사용하여 어떻게 애니메이션 할 수 있습니까?CSS를 사용하여 어떻게 애니메이션 할 수 있습니까?Apr 30, 2025 pm 03:17 PM

기사는 CSS, 주요 특성 및 JavaScript와 결합 된 애니메이션 작성에 대해 논의합니다. 주요 문제는 브라우저 호환성입니다.

See all articles

핫 AI 도구

Undresser.AI Undress

Undresser.AI Undress

사실적인 누드 사진을 만들기 위한 AI 기반 앱

AI Clothes Remover

AI Clothes Remover

사진에서 옷을 제거하는 온라인 AI 도구입니다.

Undress AI Tool

Undress AI Tool

무료로 이미지를 벗다

Clothoff.io

Clothoff.io

AI 옷 제거제

Video Face Swap

Video Face Swap

완전히 무료인 AI 얼굴 교환 도구를 사용하여 모든 비디오의 얼굴을 쉽게 바꾸세요!

뜨거운 도구

스튜디오 13.0.1 보내기

스튜디오 13.0.1 보내기

강력한 PHP 통합 개발 환경

SecList

SecList

SecLists는 최고의 보안 테스터의 동반자입니다. 보안 평가 시 자주 사용되는 다양한 유형의 목록을 한 곳에 모아 놓은 것입니다. SecLists는 보안 테스터에게 필요할 수 있는 모든 목록을 편리하게 제공하여 보안 테스트를 더욱 효율적이고 생산적으로 만드는 데 도움이 됩니다. 목록 유형에는 사용자 이름, 비밀번호, URL, 퍼징 페이로드, 민감한 데이터 패턴, 웹 셸 등이 포함됩니다. 테스터는 이 저장소를 새로운 테스트 시스템으로 간단히 가져올 수 있으며 필요한 모든 유형의 목록에 액세스할 수 있습니다.

드림위버 CS6

드림위버 CS6

시각적 웹 개발 도구

Atom Editor Mac 버전 다운로드

Atom Editor Mac 버전 다운로드

가장 인기 있는 오픈 소스 편집기

SublimeText3 Mac 버전

SublimeText3 Mac 버전

신 수준의 코드 편집 소프트웨어(SublimeText3)