분류 전체보기190 [JavaScript] 입출력 대화 상자_alert , confirm, prompt 자바스크립트에서의 입출력 대화상자 alert 알림(경고) 창 - : 특정 정보를 사용자에게 메세지 창으로 알려 주기 위해 주로 사용됨. window.alert("알림 내용 또는 경고 내용"); alert("알림 내용 또는 경고 내용");//window는 생략 가능 confirm 확인 창 - : 확인 또는 취소 창이 나타나는 알림창 [확인] - true / [취소] - false 값을 반환 window.confirm("문자열"); confirm("문자열");//window는 생략 가능 confirm 예제) let type = confirm("현재 시간은 오전인가요?"); console.log(type); console.log(typeof type); Javascript에서 데이터의 타입을 확인하기 위해서는.. 2021. 11. 11. [JavaScript] 변수와 상수(var, let, const), 자료형 자바스크립트에서의 변수와 상수 변수 데이터를 저장하는 공간. 데이터가 변할 수 있음. 특히 자바스크립트는 변수에 숫자와 문자 뿐만 아니라 함수와 클래스까지 저장이 가능함 변수를 선언하는 방법 /*문법*/ var 변수명 = 값; let 변수명 = 값; ★ var: 자바스크립트에서 변수 선언을 의미하는 키워드 ★ let : 자바스크립트에서 변수 선언을 의미하는 키워드, var와 차이점은 변수 중복 선언이 불가하다는 것! 재할당은 가능하므로,, 재할당 할 경우 let 키워드를 제외하고 선언하면 된다. ex) let grade = "F"; grade = "A+"; - 문자열을 할당할 시 큰따옴표("")나 작은따옴표('')로 감싸야 된다. (안그러면 오류 발생) - 자바스크립트에서 변수 선언은 선언 > 초기화 단.. 2021. 11. 10. [JavaScript] 화면에 데이터를 출력하는 방법 4가지 화면에 데이터를 출력하는 방법 4가지 1) innerHTML 속성(property)을 이용하는 방법 2) console.log() 메서드를 이용하는 방법 3) document.write() 메서드를 이용하는 방법 4) window.alert() 메서드를 이용하는 방법 1) innerHTML 속성(property)을 이용하는 방법 일반적으로 자바스크립트로 HTML요소에 접근할 때는 document.getElementById(id) 메서드를 이용. 여기서 HTML요소의 id 속성(attribute)을 찾아서 innerHTML 속성을 통해 콘텐츠의 내용을 적용시켜 줌 2) console.log() 메서드를 이용하는 방법 console.log()는 주로 디버깅 시에 필요한 정보를 출력할 때 사용. ==> 전문 .. 2021. 11. 10. [JavaScript] 자바스크립트의 특징 자바스크립트(JavaScript) - 자바스크립트는 HTML 페이지와 어울어져서 웹 페이지 내의 여러 가지 요소를 다이나믹하게 제어하는 기술을 말함. - 자바스크립트는 개발자가 만든 문서에 방문자가 방문하여 어떤 동작을 취했을 때 그 동작에 대응하여 반응이 일어날 수 있도록 해 주는 언어. - 자바스크립트는 웹 브라우저에서 사용하기 위해서 만들어진 프로그래밍 언어. 이 언어는 1990년대부터 주로 웹 브라우저 상에서 UI를 동적으로 보여주기 위해서 사용해 왔음. 기존에는 브라우저에서만 사용해 왔던 언어인데, 이제는 단순히 웹 페이지에서만 국한되지 않고 서버 쪽에서도 사용되는 언어로 발전하고 있음. 서버 쪽 주요 언어 - JSP, ASP, PHP, Spring 등등 클라이언트 측 주요 언어 - HTML :.. 2021. 11. 10. [CSS3] 마우스를 올렸을 때 변화 넣기(마우스 오버/hover) 마우스 오버/hover 마우스 커서를 올렸을때(hover) effect를 주는 방법 지난 포스팅에서 다뤘던 opacity 속성과 함께 예문 작성) 마우스 커서가 안 보이는데, 커서를 올릴 때마다 이미지가 변화되는 것을 볼 수 있다. 2021. 11. 10. [CSS] opacity 속성(요소를 투명하게 만드는 속성) opacity 속성 /* 문법 */ opacity: number /*0.0부터 1.0까지의 수를 넣음*/ 숫자가 작을수록 투명해짐 pacity의 기본(default) 값은 1이다. 1이 원색 그 자체로써 투명도를 부여하지 않은 것을 뜻한다. 해당 속성은 0부터 1까지의 범위를 가지며, 자유롭게 값을 부여할 수 있다. 원본 사진 이렇게 투명해 진 것을 볼 수 있다. 2021. 11. 10. 이전 1 ··· 8 9 10 11 12 13 14 ··· 32 다음
