본문 바로가기

Web Programming/JavaScript

(4)
데이터타입 - 문자열과 숫자 Javascript의 문자열과 숫자. 문자열은 string, 숫자는 Number. *Chrome에서 개발자도구를 열고 콘솔에서 바로바로 코딩을 해서 결과값을 볼 수 있다. 산술연산자( + , - , * , / )가 있다. str.toUpperCase(); -> 문자열 전체를 대문자로 바꿔주는 메소드.str..indexOf('*') -> *이 몇 번째에 있는가str.trim() -> 공백 삭제 여러가지 메소드가 존재하지만 이정도로만 해서 익숙해지는 것이 중요하다고 하셨다.
HTML과 JavaScript의 만남 (콘솔) 이번에 볼 내용은 콘솔 입니다. 콘솔은 크롬(Chrome) 환경에서 볼 수 있는데요 F12버튼이나 페이지에서 마우스 오른쪽 버튼을 클릭한 후에 검사 ->console 로 접근할 수 있습니다. console에서는 임의적으로 페이지를 바꿀 수 있고, JavaScript를 통해 동적인 페이지를 만들 수도 있습니다.
HTML과 JavaScript의 만남 (이벤트) 오늘은 생활코딩의 JavaScript 2번째 시간입니다. 이벤트에 대해서 알아볼게요. 이벤트란 무엇일까요..? HTML events are "things" that happen to HTML elements.When JavaScript is used in HTML pages, JavaScript can "react" on these events. 라고 정의를 했는데요 어떠한 사건이 일어나는 것을 이벤트라고 할 수 있을것 같습니다. 코딩을 통해 알아보도록 할게요! 우선 이렇게 HTML코드에 Event를 넣어서 코딩을 할 수 있는데요! 코딩을 한 후의 결과화면입니다! 웹페이지에 이렇게 input 태그 3개가 그려져 있습니다.hi라는 버튼이 생기고 text를 쓸 수 있는 input박스가 2개 생겼습니다. 첫번..
HTML과 JavaScript의 만남1 (script태그) JavaScript란 ? 우리가 매일 접속하는 웹사이트는 크게 3가지 요소로 구성된다. ‘HTML(Hyper Text Markup Language)’, ‘CSS(Cascading Style Sheets)’, ‘자바스크립트(Javascript)’다. HTML은 웹페이지의 큰 뼈대를 제공하고, CSS는 색깔이나 글씨체와 같은 디자인 요소를 관리한다. 자바스크립트는 크로스 플랫폼(crossplatform), 객체지향 스크립트 언어로 웹페이지의 동작을 담당한다. 예를 들어 자바스크립트를 이용하면 ‘버튼을 클릭하면 밑에 날짜를 보여줘’라는 식의 명령을 내릴 수 있다. [네이버 지식백과] 자바스크립트 [Javascript] - 웹을 풍부하게 만들어주는 작고 가벼운 언어 (용어로 보는 IT) HTML에서 알아보도록 ..