목차
WordPress 또는 React Hooks를 사용해야합니까?
D3 또는 CSS를 사용해야합니까?
Markdown 또는 JSON을 사용해야합니까?
Gatsby에서 Flexbox를 사용할 수 있습니까?
Jekyll에서 사용자 정의 속성을 사용할 수 있습니까?
HTML 또는 클라우드를 사용해야합니까?
웹 프론트엔드 CSS 튜토리얼 스트림 교차 혼란

스트림 교차 혼란

Apr 13, 2025 am 09:57 AM

스트림 교차 혼란

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으로 문의하세요.

핫 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 얼굴 교환 도구를 사용하여 모든 비디오의 얼굴을 쉽게 바꾸세요!

뜨거운 도구

메모장++7.3.1

메모장++7.3.1

사용하기 쉬운 무료 코드 편집기

SublimeText3 중국어 버전

SublimeText3 중국어 버전

중국어 버전, 사용하기 매우 쉽습니다.

스튜디오 13.0.1 보내기

스튜디오 13.0.1 보내기

강력한 PHP 통합 개발 환경

드림위버 CS6

드림위버 CS6

시각적 웹 개발 도구

SublimeText3 Mac 버전

SublimeText3 Mac 버전

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

끈적 끈적한 포지셔닝 및 대시 Sass가있는 쌓인 카드 끈적 끈적한 포지셔닝 및 대시 Sass가있는 쌓인 카드 Apr 03, 2025 am 10:30 AM

다른 날, 나는 Corey Ginnivan의 웹 사이트에서 스크롤 할 때 카드 모음이 서로 쌓이는 것을 발견했습니다.

Google 글꼴 변수 글꼴 Google 글꼴 변수 글꼴 Apr 09, 2025 am 10:42 AM

Google Fonts가 새로운 디자인 (트윗)을 출시 한 것을 볼 수 있습니다. 마지막 큰 재 설계와 비교할 때 이것은 훨씬 더 반복적 인 느낌이 듭니다. 차이를 간신히 말할 수 있습니다

HTML, CSS 및 JavaScript로 애니메이션 카운트 다운 타이머를 만드는 방법 HTML, CSS 및 JavaScript로 애니메이션 카운트 다운 타이머를 만드는 방법 Apr 11, 2025 am 11:29 AM

프로젝트에 카운트 다운 타이머가 필요한 적이 있습니까? 그런 것은 플러그인에 도달하는 것이 당연하지만 실제로는 훨씬 더 많습니다.

HTML 데이터 속성 안내서 HTML 데이터 속성 안내서 Apr 11, 2025 am 11:50 AM

HTML, CSS 및 JavaScript의 데이터 속성에 대해 알고 싶었던 모든 것.

플렉스 레이아웃의 자주색 슬래시 영역이 잘못된 '오버플로 공간'으로 간주되는 이유는 무엇입니까? 플렉스 레이아웃의 자주색 슬래시 영역이 잘못된 '오버플로 공간'으로 간주되는 이유는 무엇입니까? Apr 05, 2025 pm 05:51 PM

플렉스 레이아웃의 보라색 슬래시 영역에 대한 질문 플렉스 레이아웃을 사용할 때 개발자 도구 (d ...)와 같은 혼란스러운 현상이 발생할 수 있습니다.

CSS를 통해 일류 이름 항목으로 자식 요소를 선택하는 방법은 무엇입니까? CSS를 통해 일류 이름 항목으로 자식 요소를 선택하는 방법은 무엇입니까? Apr 05, 2025 pm 11:24 PM

요소 수가 고정되지 않은 경우 CSS를 통해 지정된 클래스 이름의 첫 번째 자식 요소를 선택하는 방법. HTML 구조를 처리 할 때 종종 다른 요소를 만듭니다 ...

Sass를 더 빨리 만들기위한 개념 증명 Sass를 더 빨리 만들기위한 개념 증명 Apr 16, 2025 am 10:38 AM

새로운 프로젝트가 시작될 때, Sass 컴파일은 눈을 깜박이게합니다. 특히 BrowserSync와 짝을 이루는 경우 기분이 좋습니다.

See all articles