자바스크립트 소개 자바스크립트를 사용하여 웹 프로그래밍에서 할 수 있는 일 1. 자바스크립트는 HTML의 '내용'을 변경 (ex. 태그의 내용을 변경) 2. 자바스크립트는 HTML의 '속성'을 변경 (ex. 태그의 src 속성값을 변경) 3. 자바스크립트는 HTML의 '스타일'을 변경 (ex. 태그의 스타일을 변경) 참고 http://www.tcpschool.com/javascript/js_intro_intro

자바스크립트를 배우기 위한 사전지식 링크 HTML 수업부터 배우고 오기 => 코딩교육 티씨피스쿨 4차산업혁명, 코딩교육, 소프트웨어교육, 코딩기초, SW코딩, 기초코딩부터 자바 파이썬 등 tcpschool.com CSS 수업부터 배우고 오기 => 코딩교육 티씨피스쿨 4차산업혁명, 코딩교육, 소프트웨어교육, 코딩기초, SW코딩, 기초코딩부터 자바 파이썬 등 tcpschool.com 자바스크립트(JavaScript)란? 객체(object) 기반의 스크립트 언어 HTML로는 웹의 내용을 작성하고, CSS로는 웹을 디자인하며, 자바스크립트로는 웹의 동작을 구현 웹 브라우저에서 사용되나, Node.js와 같은 프레임워크를 사용하면 서버 측 프로그래밍에서도 사용할 수 있음 컴퓨터나 스마트폰 등에 포함된 대부분의 웹..

자바스크립트(JavaScript) 객체(object) 기반의 스크립트 언어 HTML - 웹의 내용을 작성 CSS - 웹을 디자인 자바스크립트 - 웹의 동작을 구현 주로 웹 브라우저에서 사용, Node.js와 같은 프레임워크를 사용하면 서버 측 프로그래밍에서도 사용 현재 컴퓨터나 스마트폰 등에 포함된 대부분의 웹 브라우저에는 자바스크립트 인터프리터가 내장 HTML 태그 태그는 클라이언트 사이드 스크립트(client-side scripts)를 사용하지 않도록 설정했거나, 스크립트를 지원하지 않는 브라우저를 위한 별도의 콘텐츠를 정의할 때 사용 요소는 요소나 요소 둘 중 어디에도 위치할 수 있지만, 요소에 위치할 때는 , , 요소만을 콘텐츠로 포함할 수 있습니다. 요소에 포함된 콘텐츠는 사용자의 브라우저가 스..

Document 객체 웹 페이지 그 자체 웹 페이지에 존재하는 HTML 요소에 접근하고자 할때 만드시 Document 객체부터 시작해야한다. Document 메소드 Document 객체는 HTML 요소와 관련된 작업을 도와주는 다양한 메소드를 제공 - HTML 요소의 선택 - HTML 요소의 생성 - HTML 이벤트 핸들러 추가 - HTML 객체의 선택 HTML 요소의 선택 HTML 요소를 선택하기 위해 제공되는 메소드는 다음과 같다. document.getElementsByTagName(태그이름) 해당 태그 이름의 요소를 모두 선택함. document.getElementById(아이디) 해당 아이디의 요소를 선택함. document.getElementsByClassName(클래스이름) 해당 클래스에 속..

먼저 onClick함수의 가장 기본적인 부분을 동작하도록 코드를 작성하였다. onClick function Click me 위의 코드는 버튼을 클릭하면 아래와 같이 Hello World가 p 속성안에 들어가게되어서 화면에 출력되도록 작성하였다. 다음으로는 시간을 나타내 보겠다. 버튼 클릭하면 시간 나타내기 What is the time? 다음으로는 글자를 클릭하면 빨간색으로 변하도록 해보겠다. 클릭 시 빨간색으로 바꾸기 Click this text to change the color 다음으로는 입력한 글자를 복사해서 input박스에 넣어보도록 하겠다. 글자 복사해서 field에 넣기 Field1: Field2: Clicking "Copy" triggers a function that copies the ..

프로그래밍 요구사항의 집합을 분석하여 적절한 자료구조와 함수의 집합으로 변환한 후, 그 흐름을 제어하는 것이다. 정확하고 상세하게 요구사항을 설명하는 작업 결과물 >> 코드 프로그래밍 언어 구문(syntax)과 의미(semantics)의 조합으로 표현 됨 번역기 >> 컴파일러, 인터프리터