프론트엔드 개발/html 3

Form validation) HTML 입력 유효성 검사

1. Form은 무엇인가? - form 은 로그인 기능을 구현할 때 가장 많이 사용된다. - 데이터 베이스에 내 계정 정보가 저장이 되어있다. 내 아이디, 비밀번호를 입력 즉, 화면에 입력한 값과 서버의 데이터 값이 일치하면 로그인을 할수있다. - 웹페이지에 사용자의 입력을 받아서 서버로 내 계정정보에 보내야하는데, 이때 사용되는 HTML의 태그가 FORM태그이다 🔸긴말말고 예시코드 살펴보기 - 아래와 같이 로그인 화면을 간단하게 구현해보았다. - form 태그 안에는 label, input, button 외에도 textarea, select&option 등이 쓰이지만, 이번 주제는 form 이아니고 form validation 이기 때문에 자세한 설명은 아래 출처목록 살펴보길 바란다. 아이디 : 비밀번..

Embedded 태그 中 iframe 태그

📝 참고문서 : https://ossam5.tistory.com/73 https://jong99.tistory.com/36 https://pks2974.medium.com/iframe-%EA%B0%84%EB%8B%A8-%EC%A0%95%EB%A6%AC%ED%95%98%EA%B8%B0-1cd866b71c8f 1️⃣iframe이란? inline frame 의 줄임말이며, 페이지에 Frame을 넣을 때 사용 즉, 웹페이지 안에 또다른 웹페이지를 삽입할 수 있는 태그 src 속성으로 불러울 HTML 링크를 설정한다. 아래는 내 티스토리 블로그 예시! iframe 보통은 iframe 태그는 Youtube 영상을 불러올때 많이 사용된다. 어떻게 확인하냐?? Youtube에서 내가 공유하고 싶은 동영상 공유를 클릭하..

Semantic Tag 시맨틱 태그 (부제: 언제까지 div 태그만 쓸거니?)

멋쟁이사자처럼 프론트엔드 스쿨3기에서 공부한걸 바탕으로 정리한 내용입니다. 비판은 언제나 환영입니다!! 가르쳐주세요 ㅠㅠㅠㅠ 공부한지 2달도 안된 새내기 개발자 준비생🐥🐥 html을 공부해본 사람은 알것이다. div 의 지옥을 말이다. 아래 태그는..내가 실습하고 있는 div로 뒤범벅 된 실습자료 아우리 1시간 전 4K 빔프로젝터 가성비 최강으로 선택했어요 4K빔프로젝터 가성비 최강으로 선택했어요. 날씨가 날씨인지라 요즘 마음이 싱숭생숭한게 가을 타는 사람이 아닌 봄을 타고있었어요.하루하루 시간이 모의미하게 흘러가는 거 같고 재미있는걸 찾지 못해 이리저리 헤매는 사람처럼 즐거운걸 못찾고있 결과페이지는 아래와 같다. ✅ div 로만 뒤범벅된게 뭐 어째서?? div 는 그냥 박스, 의미가 없는 태그다. 웹브..