css는 부트스트랩을 참고하였다. 전체 범위를 가로 600px으로 제한하였다. NAVER 상단에 NAVER를 띄우도록 text-center , mt-5를 사용했다. 아이디 비밀번호 비밀번호 재확인 이름 아이디 , 비밀번호 , 비밀번호 재확인 , 이름 칸을 만들고 부트스트랩 클래스인 form-control을 적용시켰다. 생년월일 월 1 2 3 4 5 6 7 8 9 10 11 12 부트스트랩으로 지원하는 그리드 형식인 전체를 class row로 묶고 개당 항목에 class col 속성을 입혀서 같은줄에 3개가 나오도록 세팅했다. 성별 남 여 선택 안함 select문과 option태그를 이용하여 한가지를 선택받아 gender에 답을 담도록 했다. 휴대전화 대한민국 +82 미국 +1 프랑스 +33 그리드 속성중..
1. 본문 html javascript css spring springboot 본문에 id , class 속성을 부여한 h2 글을 만들었다. 2. h2요소 가져오기 const h2all1 = document.getElementsByTagName("h2"); console.log(h2all1); const h2all2 = document.querySelectorAll("h2"); console.log; 3. 모든 h2 요소의 innerText 출력하기 for (let i = 0; i < h2all1.length; i++) { console.log(h2all1[i].innerText); } 각 innerText만 출력되었다. 4. id1이 적용된 요소 가져오기 const ele1 = document.getE..
1. dom이란? DOM ( Document Object Model , 문서객체모델 ) html ( 문서 ) 에 표현된 요소들을 계층적으로 표현하고 각 요소의 속성 등을 javascript로 제어하기 위해 제공되는 여러 함수 DOM함수등을 이용하여 javascript로 화면을 제어하고 화면에 표현된 여러 정보들을 가져올 수 있음 2. 예제 안녕하세요 반갑습니다 오늘은 월요일 이제 곧 3시 두시간 남았네 2 - 1 문서 전체 출력 console.log(document); 2 - 2 현재 문서에 있는 h2요소들만 출력 console.log(document.getElementsByTagName("h2")); const h2all = document.getElementsByTagName("h2"); consol..
1. 콘솔창에 출력법 java에서는 System.out.println("X"); 문법을 사용했지만 vscode에서 console창에 출력하려면 console.log("X"); 를 사용한다. console.log("Hello Javascript!!"); 2. 변수 선언 - let java에서는 int num = 10; 등으로 변수를 선언했었는데 vscode에서는 다르다. var num1 = 10; // 옛날 방식 console.log("num1", num1); let num2 = 20; console.log("num2", num2); let str1 = "안녕하세요"; console.log("str1", str1); vscode에서는 타입이 생략되기 때문에 쓰지 않는다. 3. 변수 선언 - const co..
