개발 감자🥔

Column Column Column 위의 예에서는 사전 정의된 그리드 클래스를 사용하여 모든 기기와 뷰포트에 동일한 너비의 열 3개를 만듭니다. 이러한 열은 부모 .container가 있는 페이지 중앙에 있습니다. 그리드 옵션 Bootstrap의 그리드 시스템은 6개의 기본 중단점과 사용자 정의한 모든 중단점에 걸쳐 적응할 수 있습니다. 6개의 기본 그리드 계층은 다음과 같습니다 한 열의 너비 설정 flexbox 그리드 열에 대한 자동 레이아웃은 또한 한 열의 너비를 설정하고 형제 열이 주위에서 자동으로 크기를 조정하도록 할 수 있음을 의미합니다. 1 of 3 2 of 3 (wider) 3 of 3 1 of 3 2 of 3 (wider) 3 of 3 행열 반응형 .row-cols-* 클래스를 사용하여 ..

💡 태그 태그는 하이퍼링크를 걸어주는 태그이다 💡 속성 href: 클릭시 이동 할 링크 target: 링크를 여는 방법 _self: 현재 페이지 (기본값) _blank: 새 탭 _parent: 부모 페이지로, iframe 등이 사용된 환경에서 쓰입니다. _top: 최상위 페이지로, iframe 등이 사용된 환경에서 쓰입니다. 프레임이름: 직접 프레임이름을 명시해서 사용할 수도 있습니다. 💡 사용법 Go NAVER 예제 Go Naver Go Google (new window) 출처: https://ofcourse.kr/html-course/a-%ED%83%9C%EA%B7%B8 HTML 태그 - ofcourse 개요 태그는 하이퍼링크를 걸어주는 태그입니다. 속성 href: 클릭시 이동 할 링크 target:..

💡 Form control 요소 사용자로부터 데이터를 입력 받은 것을 서버에서 처리하기 위한 용도 사용자는 HTML form에 적절한 데이터를 입력 후 서버로 전송 -> submit 💡Form 태그 속성 form control -label method="post" action= "login.jsp"> 아이디: 아이디: method : 사용자가 입력한 내용을 서버 쪽 프로그램에 어떻게 넘겨줄지 지정 (GET/ POST) name: form 태그 이름을 지정 -> 한 문서에 여러개의 태그 있을 경우, 구분자로 사용 action: 태그 안의 내용들을 처리해 줄 서버상의 프로그램을 지정(URL) target: 태그에서 지정한 스크립트 파일을 현재 창이 아닌 다른 위치에 열도록 지정 autocomplete: 자동..

💡 시맨틱 태그 💡 기본 태그 정리 1️⃣ 목록 태그들 순서 있는 목록 항목1 항목2 순서 없는 목록 항목1 항목2 설명 목록 이름 값 2️⃣ 표 만들기 Person 1 Person 2 Person 3 Emil Tobias Linus 16 14 10 Sum: $180 -> 열 합칩 $50 -> 행 합침 위 사진은 열을 합친 후의 모습 3️⃣ 이미지 삽입