목록2024/11/04 (2)
충분히 쌓여가는
UI 만드는 법칙HTML CSS로 미리 UI 디자인을 해놓고 필요하면 평소에 숨긴다버튼을 누르거나할 경우 UI를 보여달라고(필요할 때 보여달라고) 자바스크립트 코드 만들기 1. Alert UI 디자인작업 폴더에 main.css 만든 후index.html 태그 안에입력 하면 css 사용 가능html 파일의태그 안 알림창main.css 파일 .alert-box { background-color: skyblue; padding: 20px; color: white; border-radius: 5px; display: none; }display: none: UI 숨기기display: block: UI 보여주기visibility : hidden: UI 숨기기 버튼 ..
개발환경 세팅editor 설치Visual Studio Code작업 폴더 생성index.html 파일 생성 html 파일 미리보기Visual Studio Code 왼쪽 Extensions 메뉴에서 Live Server 설치 후 실행 자바스크립트는 HTML 조작을 위해 사용html 파일 안에서 html 조작과 변경을 담당하는 언어자바스크립트 코드를 잘 짜면 html을 원하는대로 조작 가능조작하는 이유tab, modal 등 웹페이지 UI 생성 가능유저가 입력한 데이터를 검사할 수 있다html 조작 안녕하세여 자바스크립트 코드는 태그 안에 작성document: html 웹문서마침표: ~의getElementById(~): 아이디가 ~인 html 요소 찾기innerHTML: HTML 내부 정리do..