Javascript 자료:
손쉬운 사용:
주석처리 : Ctrl+?
Javascript 체험기 내용 바꾸기
<h3 id="hello">안녕하세요</h3>
<h3 id="hi">올떄메로나</h3>
<script>
document.getElementById('hello').innerHTML = '안녕';
document.getElementById('hi').innerHTML = '올때바밤바';
document.getElementById('hi').style.fontSize='30px';
</script>
document웹문서
.의
get:가져오다
Element:요소
ById:id에 의해서
innerHTML:내부 HTML , 내부 요소
= : 대입
웹문서 ID=hello인 HTML요소 가져와 내부 글자 안녕으로 바꿔줘.
JavaScript 추천 검색어
document: 웹페이지 태그 삭제 혹은 자식태그 추가
DOM:document객체에서 찾을수 없다면 DOM으로 수색범위 넓혀 보세요 document객체는 DOM객체의 일부
window객체:웹페이지가 아니라 웹브라우저 자체를 제어해야할때"현재 열려잇는 웹주소가 뭔지 알아내야 될수 잇고 생창을 열어야 한수도잇고 웹브라우저의 크기를 자바스크립트를 통해 알아야한다면 윈도우 객체에 속해잇는 프로퍼티나 메소드가 여러분을 도울수잇을거에요
ajax:웹페이지를 리로드하지않고 정보를 변경하고 싶다면 ajax가 필요, 현대적인 웹앱을 만드는데 필수적인 테크닉입니다.
cookie:웹페이지가 리로드되어도 현재 상태를 유지하고 싶다면 cookie를 배우세요 cookie와 함께라면 사용자를 위한 개인화된 서비스를 제공할수 잇습니다.
offline web Application: 인터넷이 끊겨도 웹을 하고싶다면
webRTC:화상 통신 웹 앱을 만들고싶다면
speech: 사용자의 음성을 인식하고 음성으로 정보를 전달하고 싶다면
webGL: 3차원 그래픽으로 게임과 같은 것을 만들고 싶다면
webVR: 가상현실에 관심이 많으시다구요?
JavaScript란?
첫째:자바스크립트는 사용자와 상호작용하는 언어다.
둘째:웹브라우저는 한번 화면에 출력되면 가기 자신을 바꿀수 없다
셋째:자바스크립트는 HTML위에서 동작하는 언어다.
JavaScript보조프로그램
library(도서관) & framework(반제품)
공통점:다른사람의 도움을 받아 소프트웨어를 만든다
UI VS API
UI : User Interface 의 약자이다
API: Application Programming Interface
Console에서 텍스트 글자수 구하기
alert-경고창('구하고자 하는 내용'.length)
JavaScript Data types:
기본 자료형 (Primitive) 인 여섯가지 데이터 타입
Boolean(연산자true&false)
Null
Undefined
Number(숫자)
String(문자)
Symbol (ECMAScript 6 에 추가됨)
별도로 Object 도 있음
등장 문법:
while: while문은 조건문이 참일 때 실행되는 반복문이다. 조건은 문장안이 실행되기 전에 참, 거짓을 판단한다.
변수(variable) vs 상수(constant)
x(variable) + 1(constant)
변수의 효용중 하나
var name = 'sung' alert("variable, "+name+",mutable, changeable, "+name+", unsettled, fickle, "+name+",mobile") 변수를 사용할땐 앞에 var 을 붙여준다
var = Variable
문자열에서 가장 많이 사용되는 작업들
.length : 문자열의 길이를 확인하는 (length),
+ 와 += : 문자열을 생성하고 연결하는 + 와 += 문자열 연산자,
substring :서브문자열(substring)이 있는지 확인하고,
indexOf() :있으면 위치를 확인하는 indexOf() 메서드,
substring():서브문자열(substring)을 추출해내는 substring() 메서드가 있습니다.
이스케이프 표현
일반적인 출력 문자 외의 특수 문자는 이스케이프 표현을 사용해 적을 수 있습니다.
코드 | 출력 |
\XXX | 8진수 Latin-1 문자 |
\' | 작은따옴표 |
\" | 큰따옴표 |
\\ | 역슬래시 |
\n | 개행 |
\r | 캐리지 리턴 |
\v | 세로 탭 |
\t | 탭 |
\b | 백 스페이스 |
\f | 폼 피드 |
\uXXXX | 유니코드 코드포인트 |
\u{X} ... \u{XXXXXX} | 유니코드 코드포인트 |
\XXX | Latin-1 문자 |
일부 다른 프로그래밍 언어와 달리, JavaScript는 작은따옴표와 큰따옴표 문자열을 구분하지 않습니다.
따라서 위의 이스케이프 문자는 작은따옴표나 큰따옴표에서 상관 없이 작동합니다.
'Javascript' 카테고리의 다른 글
[js] new Date().getTime() - IOS 에서 NaN뜨는 현상 해결 (0) | 2021.08.28 |
---|---|
Date 객체와 날짜 디데이 시간 날짜 카운트 계산하기 (자동 날짜 구하기) (0) | 2021.08.28 |
Javascript 정규표현식, 이렇게 시작하자! (0) | 2021.08.21 |
JavaScript 실습 필기 함수Function (0) | 2021.07.13 |
Javascript 실습 필기 반복문 Loop & 배열 Array (0) | 2021.07.13 |