JavaScript13 [JavaScript] - Alert 박스 만들기 동적 UI 만들기 Alert 박스 기본적인 UI 만드는 법칙 웹 페이지에서는 탭, 모달창, 서브메뉴 등 여러가지의 동적인 UI를 만들 수 있습니다. HTML, CSS로 미리 UI 디자인을 해둡니다. (평소에 숨겨둡니다.) 버튼을 누르거나 할 때 UI를 보여질 수 있도록 코드를 구성합니다. Alert UI 디자인 작업폴더에 작업할 html파일과 css 파일을 만들고 밑에 있는 코드를 작성합니다. 알림창 닫기 버튼 HTML 코드 .alert-box { background-color: skyblue; padding: 20px; color: black; border-radius: 5px; display: none; } CSS 코드 평소에 UI를 숨기고 싶으면 display : none으로 해두고 보여주고 싶으면.. 2023. 10. 21. [JavaScript] - 자바스크립트 작성방법 자바스크립트 기초 작성법 자바스크립트는 html 파일 안에서 html을 조자하고 변경하는 역할을 한다고 생각하면 됩니다. 그래서 우선 html 파일을 만들고 내부에서 스크립트 작업을 하시면 됩니다. 안녕하세요 태그 안에서 작업이 이루어 지는데 그 안에 태그로 문구를 작성 후 id를 지정해 줍니다. 그 밑으로 태그가 있는데 이 태그 안에서 조작 및 변경을 할 것입니다. 여기서 document는 문서를 뜻한다고 생각하면 됩니다. 즉, html 웹문서를 생각하시면 됩니다. 마침표는 ~의라고 해석하고 getElementById(~~)는 아이디가 ~~인 html 요소(일명 element)를 찾으라고 해석합니다. innerHTML은 내부HTML이라는 뜻이고 =는 오른쪽 데이터를 왼쪽에 대입하겠다는 뜻입니다. 정리를.. 2023. 10. 20. [JavaScript] - 변수 / 자료형 / 대화상자 / 형변환 1. 변수 var, let, const 차이 var 중복 선언, 재할당 가능합니다. 먼저 선언한 변수가 있어도 동일한 이름으로 중복 선언이 가능합니다. 즉, 마지막에 선언된 값이 할당됩니다. 변수를 유연하게 사용할 수 있지만 기존에 기어갷둔 변수의 존재를 잊고 재선언 하는 경우 문제가 발생할 수 있습니다. 이를 보완하기 위해 ES6부터 추가된 변수선언 방식이 let과 const입니다. 예시 var title = 'book'; console.log(title); // book var title = 'movie'; console.log(title); //movie title = 'music'; console.log(title);//music let 중복 선언 불가, 재할당이 가능합니다. 예시 let titl.. 2023. 10. 17. 이전 1 2 3 다음
