전체 글23 /JavaScript/Console 웹페이지를 만들기 위해 파일을 만들어서 실행하였다. 어떻게 보면 번거로울 수 있는 일이다. 하지만 console이라는 기능을 사용하면 굉장히 간단하게 처리할 수 있다. -Colsole 일단 콘솔을 사용하려면 보고 있는 해당 페이지의 [마우스 우클릭]-[검사]를 통해 확인할 수 있다. 콘솔 창이 뜨면 파일을 만들지 않고 간단한 JavaScript를 실행할 수 있다. 간단한 예를 들자면 alert('abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ1234567890'.length) 내가 보고 있는 웹브라우저 화면에 abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ1234567890 이러한 문자열이 있다 치자 저 문자열의.. 2021. 12. 17. /JavaScript/JavaScript event JavaScript를 활용하여 웹브라우저와의 상호작용을 해보았다. event에 대해 알아보고 활용방법에 대해서도 알아보자. -Event 사용자가 웹브라우저에게 어떠한 행동(입력)을 했을 경우 그 행동에 대해 웹브라우저는 반응을 보여주는 것을 이벤트라 하고 한다. 서로 상호작용을 할 수 있게 가볍게 버튼을 만들어보았고 사용자가 생성된 버튼을 눌렀을 경우 웹브라우저에서는 내가 원하는 반응을 보여주도록 만들어보았다. 이렇게 되면 웹브라우저에 input type="button"으로 인해 상단에 작은 버튼이 생기고 value="This"로 인해 버튼 안에 This라는 단어가 들어가게 된다. 이렇게 만들어진 버튼을 눌러보면 눌리기만 할 뿐 아무런 반응이 없다. 여기서 alert이라는 코드를 이용하여 버튼을 눌렀을 .. 2021. 12. 17. /JavaScript/JavaScript 와 HTML -HTML 웹페이지를 만들고 표현하기 위해서는 HTML을 사용한다. HTML은 정적이다. 즉 입력하면 입력된 그대로의 모습을 보여준다. 딱 거기까지이다. 물론 HTML하나로 웹페이지를 만들 수 있다. 하지만 개인적으로 재미가 없었다. 이 웹페이지를 좀 더 활용하고 싶어 JavaScript라는 걸 알아봤다. -JavaScript JavaScript는 HTML 위에서 동작하는 언어이다. 즉 HTML에서 사용이 가능하다는 것인데 공부했을 당시 너무 기대됐다. 아무런 생명이 없는 물체에 생명을 불어넣어 주는 것 같은 느낌이 들었다. 이제 이 HTML에 생명을 불어넣어 주려면 어떻게 해야 하는가에 대해 알아보았다. body태그 안에 script태그를 사용하므로 웹브라우저에게 JavaScript를 사용하겠다고 인식.. 2021. 12. 17. 이전 1 ··· 3 4 5 6 다음