본문 바로가기
반응형

분류 전체보기130

[HTML] HTML 규칙 HTML 코딩 컨벤션, 네이밍 컨벤션, 그리고 규칙을 정리한 가이드를 제공하겠습니다. 이 가이드는 코드의 가독성을 높이고 유지보수성을 향상시키는 데 중점을 둡니다.HTML 코딩 컨벤션1. 문서 구조HTML 문서는 항상 다음과 같은 기본 구조를 따라야 합니다: 2. 들여쓰기 및 공백들여쓰기: 일반적으로 2칸이나 4칸의 공백을 사용합니다. 탭보다는 공백을 사용하는 것이 권장됩니다.공백: 요소 간의 공백을 적절히 사용하여 가독성을 높입니다. 9. 접근성 고려alt 속성을 사용하여 이미지에 대체 텍스트를 제공합니다.폼 요소와 연결된 태그를 사용합니다.Email:HTML 네이밍 컨벤션1. 아이디(id)와 클래스(class) 네이밍기본 원칙의미 있는 이름: 요소의 목적과 기능을 설명할 수 있는 .. 2024. 6. 8.
[HTML] HTML 심화 HTML 심화 학습은 웹 페이지를 더욱 구조화하고 사용성 및 접근성을 향상시키기 위한 중요한 내용입니다. 여기서는 폼 요소와 입력 타입들, 테이블 구조, 그리고 시맨틱 태그에 대해 자세히 다뤄보겠습니다.1. 폼(Form) 요소와 입력 타입들HTML 폼은 사용자로부터 데이터를 입력받아 서버로 전송하는 역할을 합니다. 다양한 입력 타입과 속성을 활용하여 효율적인 폼을 만들 수 있습니다.기본 폼 예제 Contact Us Name: Email: Phone: Date of Birth: Gender: Male Female .. 2024. 6. 8.
[HTML] HTML 예제 CSS를 기본적인 사각형 테두리만 이용하여 간단한 개인 프로필 페이지를 만들어 보겠습니다.예제: 개인 프로필 페이지 (사각형 테두리만 사용) Welcome to My Profile John Doe Hello! I'm John Doe, a web developer with a passion for creating amazing web experiences. Contact Information Email: john.doe@example.com Phone: (123) 456-7890 Website: www.johndoe.com Skills HTML CSS JavaScript .. 2024. 6. 8.
[HTML] HTML 기본 HTML을 단계별로 학습하는 것은 매우 좋은 방법입니다. HTML (HyperText Markup Language)은 웹 페이지의 구조를 정의하는 언어로, 웹 개발의 기본이 됩니다. 1단계: HTML 기본 구조 이해하기HTML 문서는 특정한 구조를 가지고 있습니다. 가장 기본적인 HTML 문서의 구조는 다음과 같습니다: Hello, World! This is a paragraph.: 문서가 HTML5를 사용하고 있음을 선언합니다.: HTML 문서의 루트 요소입니다.: 메타데이터, 제목, 스타일, 링크 등을 포함합니다.: 문서의 제목을 정의하며, 브라우저 탭에 표시됩니다.: 실제 콘텐츠가 들어가는 부분입니다.2단계: HTML 요소와 속성HTML 요소는 태그로 구성되며, 속성을 가질 수 있습니다... 2024. 6. 8.
[개발 규칙] 협업 규칙 협업을 위해 JavaScript 코딩 컨벤션을 명확히 정의하고, 이를 팀 내에서 일관되게 사용하기 위해 다양한 도구와 방법을 활용할 수 있습니다. 아래는 협업을 위한 구체적인 방안입니다.1. 코드 스타일 가이드 설정팀 내에서 사용할 코드 스타일 가이드를 선택하거나 정의합니다. Airbnb, Google, Standard 등 유명한 스타일 가이드를 참고할 수 있습니다. 스타일 가이드 문서를 작성하고 공유합니다.예시 스타일 가이드 문서 (Airbnb 스타일 가이드 기반)## JavaScript 스타일 가이드### 1. 들여쓰기- 2칸 스페이스를 사용합니다.### 2. 세미콜론- 명령문 끝에 세미콜론을 사용합니다.### 3. 변수 선언- 재할당이 필요 없는 경우 `const`를 사용합니다.- 재할당이 필요한 .. 2024. 6. 8.
[개발 규칙] Javascript 규칙 JavaScript 코딩 컨벤션과 네이밍 컨벤션에 대해 더욱 자세히 설명드리겠습니다. 여기서는 Google JavaScript 스타일 가이드, Airbnb JavaScript 스타일 가이드 등 유명한 스타일 가이드를 참고한 내용을 포함합니다.1. 코딩 컨벤션코드 스타일들여쓰기:보통 2칸 스페이스를 사용합니다. 탭보다는 스페이스를 사용하는 것이 일반적입니다.function example() { if (true) { console.log("Hello, world!"); }}세미콜론:명령문 끝에 세미콜론을 사용합니다.let x = 1;let y = 2;중괄호:조건문, 반복문 등에서 중괄호를 사용하는 것을 권장합니다.if (condition) { // code block}공백:연산자와 피연산자 사.. 2024. 6. 8.
[개발 규칙] CSS 규칙 CSS 코딩 컨벤션CSS 코딩 컨벤션은 CSS 코드를 일관성 있게 작성하여 가독성을 높이고, 유지보수를 용이하게 하며, 팀 협업을 원활하게 합니다. 아래는 CSS 코딩 컨벤션에 대한 자세한 설명입니다.1. 들여쓰기(Indentation)일관된 들여쓰기: 공백 2칸 또는 4칸을 사용합니다. 팀의 규칙에 따릅니다./* 좋은 예: 2칸 들여쓰기 */.selector {property: value;}/\* 좋은 예: 4칸 들여쓰기 \*/ .selector { property: value; }2. 중괄호 위치(Braces)중괄호: 여는 중괄호는 동일한 행에 시작하고 닫는 중괄호는 새 줄에 위치합니다. /* 좋은 예 */ .selector { property: value; } /* 나쁜 예 */ .. 2024. 6. 8.
[개발 규칙] HTML 규칙 HTML 코딩 컨벤션HTML 코딩 컨벤션은 HTML 코드를 일관되게 작성하여 가독성을 높이고, 유지보수를 쉽게 하며, 협업을 원활하게 합니다. 아래는 HTML 코딩 컨벤션에 대한 자세한 설명입니다.1. 들여쓰기(Indentation)일관된 들여쓰기: 공백 2칸 또는 4칸을 사용합니다. 팀의 규칙에 따르세요.Text Text```2. 태그와 속성의 소문자 사용소문자 사용: 태그와 속성 이름은 소문자로 작성합니다.```3. 속성 값에 따옴표 사용속성 값 따옴표: 속성 값은 항상 따옴표로 감쌉니다.```4. 자체 닫는 태그(Self-closing Tags)자체 닫는 태그: XHTML처럼 자체 닫는 태그는 /를 사용하지 않습니다.```5. 의미론적 태그 사용(Semantic HTML)의미론적 태그: 가능한.. 2024. 6. 8.
[Roadmap] Javascript 목차[0. 환경설정](0.0 Windows)0.0.1 VSCode 설치0.0.2 Node.js 설치0.0.3 Browser 설치 (0.1 Ubuntu)0.1.1 VSCode 설치0.1.2 Node.js 설치0.1.3 Browser 설치 (0.2 MacOS)0.2.1 VSCode 설치0.2.2 Node.js 설치0.2.3 Browser 설치 [1. Javascript](1.1 Vanilla Javascript)1.1.0 환경설정1.1.1 변수1.1.2 연산자1.1.3 제어문: 조건문1.1.4 제어문: 반복문1.1.5 함수1.1.6 object/prototype  (1.2 Modern Javascript) (1.3 API)1.3.1 DOM  [2. 자료구조/알고리즘](2.1 자료구조)2.1.0 자료구조 개요.. 2024. 5. 10.
Porfolio Page - (6) Javascript: DOM Index 1. DOM 2. Node 3. CSSOM 4. Rendering 5. 4 6. 4 7. 4 8. 4 9. 4 10. 4 11. 4 12. 4 13. 4 14. 4 15. 4 16. 4 Reference 1. DOM DOM(Document Object Model) - 2. Node DOM Node - EventTarget을 상속 (EventTarget Method) - EventTarget.addEventListener(): 이벤트 추가 - EventTarget.removeEventListener(): 이벤트 제거 - EventTarget.dispatchEvent() (Node Property) - (Node Method) - 3. CSSOM CSSOM(CSS Object Model) - CS.. 2024. 2. 11.
반응형

티스토리툴바