반응형 분류 전체보기276 [기능별 페이지] memory matching game1 알겠습니다. 사용자가 게임의 크기를 선택할 수 있도록 크기 선택 기능을 추가하고, 총 카드 개수를 짝수 개로 유지하도록 하겠습니다.HTML (index.html) Memory Matching Game Select Board Size: 4x4 6x6 8x8 Reset Game CSS (styles.css)/* 기본 스타일 설정 */body { font-family: 'Arial', sans-serif; display: flex; fle.. 2024. 6. 10. [기능별 페이지] omok 물론입니다. 각 파일의 코드에 대한 상세 설명을 제공하겠습니다.HTML (index.html) Omok Game Reset Game × 설명기본 HTML 구조:: 문서가 HTML5로 작성되었음을 명시합니다., , : HTML 문서의 기본 설정을 정의합니다.: 페이지의 제목을 설정합니다.: CSS 파일을 연결합니다.메인 콘텐츠:와 : 기존의 헤더와 푸터 내용을 유지합니다.: 페이지의 주요 콘텐츠를 감싸는 .. 2024. 6. 10. [기능별 페이지] - number guessing game 물론입니다. HTML, CSS, 그리고 JavaScript 파일의 코드에 대해 상세히 설명드리겠습니다.HTML (index.html) Number Guessing Game Min: Max: Set Guess a number between 1 and 100: Guess Reset Game 설명DOCTYPE.. 2024. 6. 10. [기능별 페이지] 게임 - tictactoe 물론입니다. 각 파일의 코드와 기능에 대해 설명드리겠습니다.HTML (index.html) Start Game Reset Game 설명DOCTYPE 선언 및 HTML 기본 구조: HTML5 문서를 선언하고, h.. 2024. 6. 10. [GitHub 웹페이지] Blog 페이지 Markdown 파일에서 제목, 날짜, 내용의 일부만 읽어와서 표시하도록 JavaScript 코드를 업데이트하겠습니다. 이를 위해 각 Markdown 파일에서 첫 번째 제목(#), 날짜(*yyyy-mm-dd*), 그리고 내용의 첫 번째 단락만 가져오도록 하겠습니다.디렉터리 구조/blog index.html blog.css blog.js/assets/markdown/posts post1.md post2.md ...HTML (index.html) Home Profile Blog .. 2024. 6. 10. [GitHub 웹페이지] Profile 페이지 아래는 Profile 페이지의 코드를 상세히 설명한 내용입니다. HTML, CSS, JavaScript로 구성된 Profile 페이지는 다양한 섹션을 포함하고 있으며, 각 섹션은 Markdown 파일에서 데이터를 동적으로 가져와 렌더링합니다.### 디렉터리 구조```/profile index.html profile.css profile.js markdown profile.md```### HTML (`index.html`)Profile 페이지의 HTML 구조입니다. 공통된 header와 footer를 사용하고, main 태그 내부에 Markdown 데이터를 렌더링할 수 있는 container를 포함합니다.```html .. 2024. 6. 10. [GitHub 웹페이지] 6. 프로필 페이지 - 와이어프레임 프로필 페이지의 와이어 프레임을 설명해드리겠습니다. 프로필 페이지는 사용자의 정보를 상세히 보여주는 페이지로 구성할 수 있습니다.프로필 페이지 와이어 프레임-----------------------------------------| Header |-----------------------------------------| Navigation || Home | Profile | Blog | Contact |-----------------------------------------| Profile Section || [Profile Image] .. 2024. 6. 9. [GitHub 웹페이지] 5. 블로그 페이지 - 와이어프레임 블로그 페이지의 와이어 프레임을 설명해드리겠습니다. 블로그 페이지는 여러 블로그 포스트를 표시하고, 각 포스트를 클릭하면 해당 포스트의 상세 내용을 볼 수 있도록 설계할 수 있습니다.블로그 페이지 와이어 프레임-----------------------------------------| Header |-----------------------------------------| Navigation || Home | Profile | Blog | Contact |-----------------------------------------| Blog Section .. 2024. 6. 9. [GitHub 웹페이지] 4. 홈페이지 - 와이어프레임 홈 페이지 와이어 프레임을 설명해드리겠습니다. 와이어 프레임은 페이지의 기본 구조와 주요 요소를 시각적으로 표현하는 데 사용됩니다. 아래는 HTML로 구현할 수 있는 기본 홈 페이지 와이어 프레임입니다.-----------------------------------------| Header |-----------------------------------------| Navigation || Home | Profile | Blog | Contact |-----------------------------------------| Hero Section .. 2024. 6. 9. [GitHub 웹페이지] 2. 규칙 정하기 - Git Commit Message Git Commit Message 규칙Git Commit Message 형식타입: 제목본문꼬리말타입feat: 새로운 기능 추가fix: 버그 수정docs: 문서 수정style: 코드 포맷팅, 세미콜론 누락 등 코드 변경이 없는 경우refactor: 코드 리팩토링test: 테스트 추가 또는 수정chore: 빌드 업무 수정, 패키지 매니저 설정 등perf: 성능 향상 관련 변경ci: CI 설정 파일 및 스크립트 변경build: 빌드 시스템 또는 외부 종속성에 영향을 미치는 변경 사항제목길이: 50자 이내스타일: 동사(현재 시제)로 시작하고 첫 글자는 대문자 사용마침표: 제목 끝에 마침표 사용하지 않음예시: feat: Add user authentication본문길이: 각 행은 72자 이내로 작성내용: 무엇을,.. 2024. 6. 9. 이전 1 ··· 15 16 17 18 19 20 21 ··· 28 다음 반응형
