개발자연습노트

만들기  과 기능을 만들면서 if else 문법을 배워보도록 합시다. 설명하다  전송 닫기 ▲ 모달창 안에 폼 이렇게 만들어보십시오. 그리고 전 닫기버튼도 폼 안으로 옮겼습니다.그리고 success.html 파일도 같은 폴더에 하나 만들어두면 되겠습니다. 파일 내용은 아무 글자나 채웁시다.   지금은 전송버튼 누르면 폼 전송이 되며 success.html로 이동합니다.근데 여기에 제한을 걸어봅시다. 첫 에 입력한 값이 아무것도 없으면 전송버튼 누를 때 알림을 띄워봅시다.  그럼 자바스크립트로 전송버튼누르면저기 에 입력된 값이 공백이면 알림띄워주세요 코드 짜면 되는데 "이런 경우에만 코드 실행해주세요~" 라는 표현법은 배우지 않았습니다.이 경우엔 자바스크립트 if..

모달창 띄우기 숙제 1. 클래스부터 만들어놓읍시다( 재연이 안됨.) 버튼 누를 때 display : block 그냥 대충 줘도 되겠지만 나중을 위해 class 부착식으로 만들어봅시다.  설명하다 .black-bg { (생략) display : none;}.show-modal { display : block;}그래서 css 파일열어서모달창에 붙어있던 기본 class엔 display : none을 추가했고show-modal 이라는 class를 만들었습니다.이제 show-modal 원할 때 부착하면 모달창 보일듯요      모달창 띄우기 숙제 2. 버튼클릭시 모달창 띄워주세요 버튼클릭시 모달창 띄워달라고 컴퓨터에게 명령주면 되는데"띄워주세요~" 라고 코드짜면 컴퓨터가 알아듣겠습니까.지능이 없는 친구이기 ..

버튼누르면 등장하는 서브메뉴를 만들며자바스크립트로 class 탈부착하는 문법을 배워봅시다.   Bootstrap 설치해서 쓸 것임 Bootstrap css 파일을 설치해놓으면버튼, 탭, 메뉴 같은걸 복붙식으로 개발할 수 있습니다.css 짜기 귀찮으니 설치해봅시다.구글에 bootstrap 검색하면 나오는 맨 첫 사이트 들어가보면 되겠습니다. 그리고 get started 버튼 누르면 됩니다.1. 우선 우측 위에서 버전이 5.X 버전인지 확인한 후에   2. css 파일은 태그 안에,3. js 파일은 태그 끝나기 전에 붙여넣으면 설치 끝입니다. https://getbootstrap.com/docs/5.1/getting-started/introduction/#starter-template모르겠다면 그냥 sta..