충분히 쌓여가는

function 문법함수는 길고 더러운 코드를 한 단어로 축약하고 싶을 때 사용하는 문법특정 기능을 다음에도 쓰기 위해 모듈화해놓는 문법 function 함수이름() { 코드} Alert 코드 function으로 축약기존코드 알림창 닫기 열기 function 사용 알림창 알림창 닫기 알림창 열기 자주 겪는 에러JavaScript 코드는 html 코드 밑에 생성JavaScript는 html을 조작하는 언어컴퓨터가 html 파일을 읽을 때 위에서 부터 읽기 때문에 html을 미리 읽어야 JavaScript 조작 가능오타 주의예를 들어 getElementById를 getelementById나 getElementByid와 같이 대문자를 소문..

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..