'언어/JavaScript'에 해당되는 글 4건

객체화랑 파일로 쪼개서 유지보수 쉽게 하는거 배움

웹에서 js파일이 추가되서 2번 접속해야된다함

웹서버 입장에선 나쁘지만,

캐시(cache,저장) 때문에 훨씬 효율적이라함

한번 웹브라우저에서 다운 받아 저장 되기 때문에

다음에 다시 들어갈 때, 빨리 접속할 수 있기 때문에

사용자 입장에서 트래픽 절감하고,

서버 입장에서 비용절감이 된다함

* jQuery 라는 라이브러리 사용법

- 일단 jQuery 사이트에 들어가서, 다운로드에 CDN 쪽으로 가서

google CDN 같은것을 이용하면 된다.

그냥 다운로드해서 사용하면 사용료가 들 우려가 있다함

CDN은 자기네들 서버에 저장 되어있는 소스를 가져올 수 있는듯

* 필요할 때 조사할 만한 부분들

document - 태그 관련.. 웹페이지 객체의 기본

DOM - document는 DOM의 일부

Window - 웹페이지가 아니라 웹브라우저 자체를 제어해야한다면 윈도우 객체를 조사하는걸 추천.

이를테면 현재 열려있는 웹페이지의 주소, 웹브라우저의 화면 크기를 js를 통해 알아야한다면,

윈도우 객체의 프로퍼티나 메소드가 도움 될 수 있을 것 이다.

ajax - 웹페이지를 리로드 하지 않고 정보를 변경하고 싶다면 필요할것. 현대적인 웹/앱을 만드는데에 필수적인 테크닉

cookie - 리로드 되어도 현재 상태를 유지하고 싶다면

offline wed application - 인터넷이 끊겨도 동작하고 싶다면

webRTC - 화상통신

speech - 음성 API

webGL - 3차원 그래픽으로 게임 제작 하고 싶다면

webVR - 가상현실

웹 사이트 콘솔에서

document.querySelector('a') 이케 검색해봤을 때,

'a' 태그들 중에 첫번째 것만 가져오게 됨

html 태그 중에

div 나 span은 무색무취의 태그라서

여기에 CSS나 JavaScript를 넣기 용이한듯

태그 안에 CSS속성인 style을 넣어볼 수 있고,

아예 HTML태그 중에 <style></style>처럼 CSS태그를 포함하는 것도 있다

만약 다수의 글을 동시에 바꿀 때,

일일이 바꾸어주기 보단

CSS속성 class = "클래스 이름" 정해주고

**선택자**

HTML태그인 <style></style>안에

'태그이름{ }'

또는

' .클래스 이름{ 변경할 내용물 }' 클래스 이름을 지닌 CSS속성 전체에 영향을 줄 수 있다

'#ID 이름{변경할 내용물}' 은 특정 id를 지닌 태그에 영향을 줄 수 있다

'span{ 변경할 내용물}' 모든 span 태그 내용물들에 적용됨

F12 눌러서 콘솔 창에서

alert ("  ~~~   ".length)

.length 는 길이

.indexOf( '문자나 문자열') 해당 문자열의 위치 인덱스를 알려줌

그리고 변수를 사용 가능함.

문자열이든 숫자든..

다만 변수를 만들 때

그냥 변수명 = 내용물 도 가능하지만,

var 변수명 = 내용물(문자열이던 숫자던)을 넣는 것이 좋다함.

var은 물론 variable의 약자겠지?