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

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

[HTML] for 값과, id 값과, name 값과, value 값은 왜 똑같을까? 그래야만 할까?
분명 전산학부 졸업 했는데 코딩 개못하는 조준호/Web 2024. 7. 2. 12:03[HTML] for 값과, id 값과, name 값과, value 값은 왜 똑같을까? 그래야만 할까?

답을 먼저 하자면 아니다.그냥 그런 예시들만 주구장창 나오기 때문에 다르게 값을 입력해도 되는지 잘 모르는 뉴비들을 위한 포스팅이다.    label과 input을 사용할 때,label의 for 값과, label에 지정된 input의 id 값과, name 값과, value 값이 같거나 비슷하게 설정되는 경우가 있다. 꼭 그래야 할까?그래야 하는 것도 아닌 것도 있다. 확실한 구분을 하기 위해 무엇과 무엇이 대응되는지를 알아보자!            사용자 이름:  label for = "username"은 input id = "username"과 대응된다.id는 고유 식별자로서 document 내에서 다른 것과 겹치면 안 된다. 정확히 그 대상을 "식별"하는 것이다. 따라서 이렇게 바꿔볼 수 있다.  사..

728x90
반응형
image