JS코드의 재사용코드의 중복의 제거가 필요한 이유웹페이지에 JS코드를 다른 페이지들에도 하나하나 복사하고 수정하려면 오래걸린다. 웹페이지마다 중복 된 태그를 지우는게 효율적이다.코드 재사용 하는 법 - 파일정리정돈의 도구들인 함수, 객체 보다 더 큰 정리정돈의 도구인 파일.서로 연관된 코드들을 파일로 묶어서 그룹핑하는 것.1. 파일명.js파일 만들어서 중복된 JS 코드 붙여 넣기. 이때 JS태그인 3. 주고가 담긴 script태그를 원하는 html파일마다 넣어준다. 파일로 만들어서 JS코드 사용하는게 편한 이유html 코드창의 깔끔해져 가독성이 올라간다.js코드 수정시 한 번만 수정하면 전체페이지에 적용되어 유지보수가 편해진다.새로운 웹페이지에도 이미 만들어 놓은 js코드를 재사용하기 쉽다.html파일..
javascript
객체(Object) 자바스크립트는 객체 기반의 언어이다. 함수와 변수가 많아지면서 코드가 복잡해지면 서로 연관된 함수나, 변수등을 관련된 것끼리 모아서 정리정돈하는 수단으로 어떤 데이터든 담을 수 있는 변수와 함수를 그룹화 한 것이다. 객체 안에 속해있는 함수를 메소드라고 부른다. 메소 배열 : 정보를 담는 그릇. 정보가 순서대로 저장된다. 객체 : 순서 상관 없이 정보가 저장된다. 순서는 없지만 이름을 붙여 이름으로 불러올 수 있게 저장한다. 객체 = 속성(객체의 특성으로 논리적으로 연관 된 데이터 모임) + 메서드(규칙/방법) 스마트폰이라는 객체에 이름:iSmart, 색상:블랙, 크기:5.5"같은 속성과, 전화걸기:iSmart.call(), 문자보내기:iSmart.text() 같은 메서드를 더해서..
기본 연산자프로그래밍에서의 다양한 연산을 위한 기호, 키워드대입 연산자= 오른쪽의 값을 왼쪽에 대입산술 연산자+, - , *, /, %사칙연산에 따라 우선순위 있음 ()사용으로 우선순위 변경 가능복합 대입 연산자+=, -=, *=, /=, %=해당 변수에 산술연산 이후 해당 변수에 대입n1 = n1 + 1; => n1 += 1;증감 연산자++, --전위 연산 : --변수명 전위 연산시 해당 라인에서 바로 적용후위 연산 : 변수명++후위 연산시 다음 라인에서 적용논리 연산자||(or 둘 중 하나가 참일 경우 참), &&(and 둘 다 참일 경우 참), !(not 반전)boolean 값으로 논리 계산비교 연산자===, !==, ==, !=, >, =, ===와 ==차이=== : 자료형까지 비교 1 === "..
변수(variable)데이터를 저장하는 공간데이터를 저장할 때 쓰이는 '이름이 붙은 저장소'변수 선언 let 키워드를 사용해 변수를 생성 let 변수명;초기화가 이루어지지 않은 변수 선언 가능 - 단, 선언 없이 사용하면 underfined같은 변수명은 한 번만 선언 가능변수안에 데이터 할당할당 연산자 = 사용변수명 = '데이터값'한 줄에 여러 변수 선언 가능 : let 변수1 = 값1, 변수2 = 값2, 변수3 = 값3;use strict 없이 할당하면 let을 사용해서 변수선을 하지 않고, 단순 할당만으로 변수가 생성 됨변수 명명 규칙식별자(identifier)란 변수나 함수의 이름을 사용하기 위해 프로그래머가 만든 단어로 규칙이 있다.$, _ 제외한 기호는 사용 할 수 없다.이름의 첫 글자는 숫자..
코드 구조문(statement) syntax structure, command 의미코드엔 원하는 만큼 문을 작성 가능 가독성을 높이기 위해 서로 다른 줄에 작성세미클론(semicolon)서로 다른 문은 세미클론으로 구분하지만 생략 가능줄 바꿈이 있으면 암시적 세미클론으로 해석 : 세미클론 자동 삽입 됨세미클론 자동 삽입이 작동하지 않는 상황 도 있음 : 대괄호 앞에서는 줄바꿈을 세미클론으로 해석하지 않음alert('에러 발생!') //세미클론을 붙이지 않으면 다음 문장 에러발생[1,3].forEach(alert)주석(comment)//한 줄짜리 주석이 주석을 만나면 그 줄은 다 주석처리단축키 Ctrl + / (Mac : Cmd + /)/* */ 여러 줄 주석/*를 만나면 */ 만나기 전까지 주석처리중첩 ..
자바스크립트의 선언1. 내부 스크립트 방식 : script 태그2. 외부 스크립트 방식 : 외부파일(*.js) 불러오기경로는 절대경로 현재 페이지에서의 상대경로 모두 사용 가능URL 주소를 속성값으로 사용가능한 페이지에서 복수의 스크립트 태그 사용 가능단, src 속성을 사용할 경우 내부 스크립트는 사용 불가 3. 인라인 스크립트 방식 : 이벤트 속성값으로 JS코드 삽입하기이벤트란? 웹브라우저 위에서 일어나는 일들을 이벤트라고 함이벤트가 일어 날 때 속성을 실행하게 하는 것으로 on으로 시작하는 여러가지 이벤트가 존재함이벤트 뒤에 속성값으로는 반드시 JS 코드를 사용해야 함 자바스크립트 개발통합 개발 환경 (Integrated Development Environment, IDE)프로젝트 전체를 관장하는 ..
JavaScript란?라이브스크립트 확장시킨 것넷스케이프사(라이브스크립트 만듦), 선 마이크로시스템사(자바 만듦)의 공동 프로젝트로 탄생웹페이지에 생동감을 붙여넣기 위해 탄생동적 웹페이지 : 사용자와 상호작용할 수 있도록 기능 추가해, HTML이 담고 있는 정보들을 움직이게 함JavaScript 실행엔진(브라우저에 기본 내장엔진 탑재)이 스크립트 읽음스크립트를 기계어로 전환기계어 전환된 코드 실행JavaScript로 하는 일웹의 요소 제어 : 메뉴바, 탭화면 처럼 같은 공간에서 다른 콘텐츠를 보여줄 수 있다. 로그인, 회원가입시 유효성검사를 할 수 있다.웹 애플리케이션 : 지도길찾기서비스, 정보시각화 등 자바스크립트로 구현해서 동작하는 웹 사이트를 만들 수 있다.다양한 라이브러리 : 프레임워크 - Ang..
