728x90
반응형
분명 전산학부 졸업 했는데 코딩 개못하는 조준호/Web 2024. 11. 5. 11:59프론트엔드 & 백엔드 포함된 초간단 서비스 만들어 보기 - (6) 투두 리스트 앱 하나씩 뜯어보기 (프론트엔드)

우리가 만든 코드를(우리가 아니라 내가 혼자 만들긴 함ㅋ) 다음 순서로 살펴볼 것이다.     💡 index.html프론트엔드의 기본 UI와 구조를 정의한다. 특별한 건 없다.  To-Do List Add Task  분해해서 보면,  첫 번째 줄은 HTML5 문서임을 선언한다.이는 HTML의 가장 최신 버전이고 따로 버전 번호를 명시하지 않아도 된다. 꾸준히 업데이트되지만 버전 번호가 바뀌지도 않는다. 두 번째 줄은 영어로 작성됨을 말한다.한국어로 바꾸려면 `ko`라고 입력하면 된다. `en`이라 쓰여있어도 한국어를 문서에 작성할 수 있다. `lang` 속성은 검색 엔진이나 스크린 리더 같은 도구들이 문서의 기본 언어를 알 수 있도록 알려주..

CSS 적용 우선순위 - 스타일 시트끼리의 비교
분명 전산학부 졸업 했는데 코딩 개못하는 조준호/Web 2024. 7. 2. 15:12CSS 적용 우선순위 - 스타일 시트끼리의 비교

✨ 스타일 시트끼리의 비교 ✨1️⃣ Inline Style (인라인 스타일)  2️⃣ Internal Stylesheet (내부 스타일 시트)  3️⃣ External Stylesheet (외부 스타일 시트) This text will be red.   전체 html을 보자면,,  This is a heading This paragraph is styled by an internal stylesheet. This paragraph is styled by an inline stylesheet and will be red.  inline style은 body 내부의 해당 태그에 직접 쓰면 된다. internal sheet는 head에 안에 주저리주저리 쓴다. external sheet는 ..

728x90
반응형
image