조엘이 가장 좋아하는 오락

2024-08-15에 게시됨

검색:383

Joel

소개

제 이름은 조엘 무칸야입니다. "CSS Art and Glam Up My Markup"이라는 주제로 새로운 프런트엔드 챌린지 버전 24.07.24를 작업할 수 있는 기회를 주셔서 감사합니다. (https://dev.to/challenges/frontend-2024-07-24)

영감

과제 중 하나는 여가 활동과 관련된 것을 디자인하는 것이었고, 체스를 두는 것도 나의 일 중 하나입니다. 저는 어린 시절부터 체스를 배우고 싶었지만 다른 약속으로 인해 2023년 7월 23일 chess.com에 가입할 때까지 체스를 추구하지 못했습니다. 그 이후로 나는 정기적으로 플레이를 해왔다. 제가 가장 즐기는 것은 체스에서 오프닝을 만드는 것입니다.

데모

내 저장소 링크는 다음과 같습니다. GitHub 저장소

호스팅된 링크는 다음과 같습니다. 라이브 데모

여행

저는 이미 웹 개발 및 기타 분야에 경험이 있어서 체스 게임을 만들면서 게임의 논리를 이해하고 JavaScript를 사용하여 각 말의 좌표를 확인하는 방법을 배우는 데 도움이 되었습니다. 아쉽게도 프로젝트를 완료하지 못했습니다.

HTML5

사용자가 섹션(정보 및 체스) 사이를 탐색할 수 있도록 탐색 기능을 활용하세요.
웹사이트 바닥글에 저작권

을 포함합니다.

CSS3

CSS 3을 사용하여 맞춤 변수와 속성을 만들었습니다. 또한 그리드, 서브그리드 및 플렉스 레이아웃을 활용했습니다. 애니메이션 포함

자바스크립트

JavaScript를 사용하여 재귀 함수를 만들고 DOM을 조작했습니다.

릴리스 선언문 이 기사는 https://dev.to/codjoelmayer/joels-favorite-recreation-2ec1?1에서 복제됩니다. 침해 내용이 있는 경우, [email protected]으로 연락하여 삭제하시기 바랍니다.

최신 튜토리얼 더>

제로에서 웹 개발자로 전환: PHP의 기초 익히기
PHP의 기본을 마스터하는 것은 필수입니다. PHP 설치 PHP 파일 만들기 코드 실행 변수 및 데이터 유형 이해 표현식 및 연산자 사용 기술 향상을 위한 실제 프로젝트 만들기 PHP 개발 시작하기: PHP 기본 익히기PHP는 동적 및 대화형 웹 애플리케이션을 만들...

프로그램 작성 2024-11-05에 게시됨
버퍼: Node.js
Node.js의 버퍼에 대한 간단한 가이드 Node.js의 버퍼는 원시 바이너리 데이터를 처리하는 데 사용되며, 이는 스트림, 파일 또는 네트워크 데이터로 작업할 때 유용합니다. 버퍼를 만드는 방법 문자열에서: const buf = ...

프로그램 작성 2024-11-05에 게시됨
Node.js의 버전 관리 마스터하기
개발자로서 우리는 다양한 Node.js 버전을 요구하는 프로젝트를 자주 접하게 됩니다. 이 시나리오는 Node.js 프로젝트에 정기적으로 참여하지 않는 신규 개발자와 숙련된 개발자 모두에게 함정입니다. 즉, 각 프로젝트에 올바른 Node.js 버전이 사용되는지 확인하는...

프로그램 작성 2024-11-05에 게시됨
문제 해결을 위해 Go 바이너리에 Git 개정 정보를 포함하는 방법은 무엇입니까?
Go 바이너리에서 Git 개정 확인코드를 배포할 때 바이너리를 빌드된 Git 개정과 연결하는 것이 도움이 될 수 있습니다. 문제 해결 목적. 그러나 개정 번호로 소스 코드를 직접 업데이트하는 것은 소스를 변경하므로 불가능합니다.해결책: 빌드 플래그 활용이 문제에 대한 ...

프로그램 작성 2024-11-05에 게시됨
일반적인 HTML 태그: 관점
HTML(HyperText Markup Language)은 웹 개발의 기초를 형성하며 인터넷의 모든 웹페이지 구조 역할을 합니다. 2024년 가장 일반적인 HTML 태그와 고급 용도를 이해함으로써 개발자는 보다 효율적이고 접근 가능하며 시각적으로 매력적인 웹 페이지를 ...

프로그램 작성 2024-11-05에 게시됨
CSS 미디어 쿼리
웹사이트가 다양한 기기에서 원활하게 작동하도록 보장하는 것이 그 어느 때보다 중요합니다. 사용자가 데스크톱, 노트북, 태블릿, 스마트폰에서 웹사이트에 액세스함에 따라 반응형 디자인이 필수가 되었습니다. 반응형 디자인의 중심에는 개발자가 사용자 기기의 특성에 따라 다양한...

프로그램 작성 2024-11-05에 게시됨
JavaScript의 호이스팅 이해: 종합 가이드
자바스크립트에서 호이스팅 호이스팅은 변수 및 함수 선언을 포함 범위(전역 범위 또는 함수 범위)의 맨 위로 이동(또는 "호이스팅")하는 동작입니다. 코드가 실행됩니다. 즉, 코드에서 실제로 선언되기 전에 변수와 함수를 사용할 수 있습니...

프로그램 작성 2024-11-05에 게시됨
Stripe를 단일 제품 Django Python Shop에 통합
In the first part of this series, we created a Django online shop with htmx. In this second part, we'll handle orders using Stripe. What We'll...

프로그램 작성 2024-11-05에 게시됨
Laravel에서 대기 중인 작업을 테스트하기 위한 팁
Laravel 애플리케이션으로 작업할 때 명령이 비용이 많이 드는 작업을 수행해야 하는 시나리오를 접하는 것이 일반적입니다. 기본 프로세스를 차단하지 않으려면 대기열에서 처리할 수 있는 작업으로 작업을 오프로드하기로 결정할 수 있습니다. 예제를 살펴보겠습니다. app:...

프로그램 작성 2024-11-05에 게시됨
인간 수준의 자연어 이해(NLU) 시스템을 만드는 방법
Scope: Creating an NLU system that fully understands and processes human languages in a wide range of contexts, from conversations to literature. ...

프로그램 작성 2024-11-05에 게시됨
JSTL을 사용하여 HashMap 내에서 ArrayList를 반복하는 방법은 무엇입니까?
JSTL을 사용하여 HashMap 내에서 ArrayList 반복웹 개발에서 JSTL(JavaServer Pages Standard Tag Library)은 JSP( 자바 서버 페이지). 그러한 작업 중 하나는 데이터 구조를 반복하는 것입니다.HashMap과 그 안에 포...

프로그램 작성 2024-11-05에 게시됨
Encore.ts — ElysiaJS 및 Hono보다 빠릅니다.
몇 달 전 우리는 TypeScript용 오픈 소스 백엔드 프레임워크인 Encore.ts를 출시했습니다. 이미 많은 프레임워크가 있으므로 우리는 우리가 내린 흔하지 않은 디자인 결정과 그것이 어떻게 놀라운 성능 수치로 이어지는지 공유하고 싶었습니다. 성능 ...

프로그램 작성 2024-11-05에 게시됨
문자열 리터럴에서 +를 사용한 문자열 연결이 실패하는 이유는 무엇입니까?
문자열 리터럴을 문자열과 연결C에서는 연산자를 사용하여 문자열과 문자열 리터럴을 연결할 수 있습니다. 그러나 이 기능에는 혼란을 초래할 수 있는 제한 사항이 있습니다.질문에서 작성자는 문자열 리터럴 "Hello", ",world" 및...

프로그램 작성 2024-11-05에 게시됨
React Re-Rendering: 최적의 성능을 위한 모범 사례
React의 효율적인 렌더링 메커니즘은 React가 인기를 얻는 주요 이유 중 하나입니다. 그러나 애플리케이션이 복잡해짐에 따라 구성 요소 다시 렌더링을 관리하는 것이 성능을 최적화하는 데 중요해졌습니다. React의 렌더링 동작을 최적화하고 불필요한 재렌더링을 방지하...

프로그램 작성 2024-11-05에 게시됨
조건부 열 생성을 달성하는 방법: Pandas DataFrame에서 If-Elif-Else 탐색?
조건부 열 생성: Pandas의 If-Elif-Else주어진 문제에서는 DataFrame에 새 열을 추가해야 합니다. 일련의 조건부 기준을 기반으로 합니다. 문제는 코드 효율성과 가독성을 유지하면서 이러한 조건을 구현하는 것입니다.함수 적용을 사용한 솔루션한 가지 접근...

프로그램 작성 2024-11-05에 게시됨