자바스크립트 코드 레시피 278 (최신 ECMAScript 반영)

자바스크립트 코드 레시피 278 (최신 ECMAScript 반영)

$38.18
Description
자바스크립트 웹 개발을 위한 궁극의 레시피집!
자바스크립트로는 세세한 기능과 데이터 연동을 통해 다양한 동적 웹 페이지를 만들 수 있다. 이 책은 실무에서 자주 쓰는 코드를 선별하여 싣고, 기능별 분류 카테고리를 만들어 필요한 부분만을 참고하여 활용할 수 있도록 구성하였다. 해설의 샘플 코드를 이용하여 동작을 확인하거나 응용과 변경을 통해 실제로 필요한 기능만을 구현할 수도 있다.

최신 에크마스크립트가 표준이므로 빠른 프론트엔드 기술의 변화 속에서도 자바스크립트는 쉽게 사라지지 않는 장점을 지녔다. 그러므로 이를 학습하는 개발자의 입장에서도 오래도록 사용 가능한 기술을 배우는 기회가 될 것이다. 배운 이론과 기술을 최대한 오래 사용할 수 있도록 ‘ES2015’ 이후 새로 개정된 문법을 반영하여 최신 코드로 구성하였다.

자바스크립트 프레임워크인 리액트(React), 뷰(Vue.js), 앵귤러(Angular)를 제대로 활용하기 위해서도 새 규격과 코드 기술 방식의 이해는 필수이며, 이 책은 해당 지식의 기초를 쌓는 데 도움이 될 것이다.

이 책을 통해 얻을 수 있는 것들
? 자바스크립트의 최신 코드와 동향을 파악할 수 있다.
? 지속적으로 활용 가능한 자바스크립트의 기술을 배울 수 있다.
? 에크마스크립트(ECMAScript)의 최신 기술 규격을 파악할 수 있다.
? 목적별로 레시피를 정리하여 사용법을 빠르게 실무에 적용할 수 있다.
저자

이케다야스노부

주식회사ICS의대표로테크니컬디렉터이자UI디자이너로서주로HTML이나자바스크립트를이용한프로모션사이트제작이나애플리케이션개발을하고있다.웹의인터랙티브표현에관한최신기술을연구하여세미나나스터디모임에서적극적으로공유하고있으며,츠쿠바대학교에서비상근강사로도활동하고있다.

목차

CHAPTER1자바스크립트기초001
001자바스크립트의기초002
002자바스크립트의구현(사용)방식003
003다른파일에서자바스크립트불러오기005
004값을로그로출력하기007
005계산프로그램만들기013
006변수선언하기let014
007상수사용하기const017
008주석(코멘트)추가하기021
009두개의값비교하기(비교연산자)022
010복합형(축약형)대입연산자사용하기024
011함수사용하기function025
012화살표함수사용하기028
013함수의파라미터초깃값설정하기030
014다수의파라미터를가지는함수정의하기031
015조건문사용하기if033
016조건문사용하기switch036
017반복문사용하기for040
018반복문사용하기while042
019반복처리스킵043

CHAPTER2판별,수,문자045
020진위여부판별하기046
021숫자다루기048
022어림계산하기(반올림,올림,버림)050
023임의의수다루기052
024수학계산함수사용하기055
025삼각함수사용하기057
026문자열다루기060
027문자열의길이확인하기061
028문자열의공백처리하기trim063
029문자열검색하기(인덱스검색)064
030문자열검색하기(부분검색)067
031문자열에서문자다루기(문자열에서문자추출하기)069
032문자열다루기(위치지정하여선택하기)072
033문자열다루기(글자수지정하여선택하기)074
034지정문자열변환하기075
035문자열나누기078
036문자열합치기081
037문자열의대소문자변환하기083
038문자열과식함께다루기085
039정규표현식사용하기087
040정규표현식으로특정문자검색하기089
041소수점자릿수지정하기091
042문자열길이맞추기094
043문자열URI이스케이프처리하기097
044문자열URI디코드하기100

CHAPTER3데이터다루기101
045배열정의하기102
046배열길이확인하기104
047배열요소다루기①105
048배열요소다루기②108
049배열요소다루기③109
050배열요소추가하기110
051배열요소삭제하기111
052배열요소부분변환하기112
053배열결합하기113
054배열요소결합하여문자열만들기114
055배열요소검색하기115
056조건을만족하는배열요소가져오기116
057배열요소역순정렬하기120
058배열요소정렬방법지정하기121
059객체를포함하는배열정렬하기123
060배열요소알파벳순정렬하기127
061배열요소추출하여새배열만들기128
062조건을만족하는배열요소추출하여새배열만들기130
063배열요소하나로정리하기134
064유사배열객체를배열로변환하기136
065요소의개별변수에분할대입하기139
066배열섞기(셔플)140
067다양한데이터타입을가진객체사용하기142
068객체선언,수정,확인하기144
069객체복사하기146
070객체속성확인하기149
071객체요소값확인하기151
072객체요소분할대입(비구조화할당)하기152
073객체수정제한하기154

CHAPTER4데이터심화157
074데이터타입이해하기158
075가변성과불가변성이해하기160
076데이터타입확인하기161
077객체인스턴스확인하기163
078값전달과참조전달이해하기165
079데이터타입변환하기168
080정의되지않은데이터이해하기170
081빈데이터이해하기171

CHAPTER5날짜와시간173
082날짜다루기(연도)174
083날짜다루기(월,일)175
084시간다루기177
085요일다루기179
086현재시간과날짜가져오기181
087날짜문자열의타임스탬프확인하기183
088날짜설정하기184
089날짜계산하기186
090날짜차이구하기187
091경과시간확인하기188
092카운트다운190
093아날로그시간표시하기192

CHAPTER6브라우저197
094경고표시하기198
095확인창표시하기200
096입력프롬프트표시하기202
097윈도우사이즈확인하기203
098디바이스화소확인하기205
099캔버스에디바이스화소맞추기206
100터치디바이스사용확인하기208
101페이지이동하기209
102페이지리로드하기210
103페이지이동하기(앞/뒤로가기)211
104해시(#)처리하기212
105해시변경확인하기213
106새윈도우창열기215
107스크롤크기확인하기216
108스크롤설정하기217
109타이틀변경하기218
110포커스확인하기220
111전체화면표시하기222
112온라인/오프라인대응하기225

CHAPTER7이벤트처리227
113이벤트처리이해하기228
114이벤트추가하기229
115이벤트리스너1회실행하기231
116이벤트리스너삭제하기232
117페이지로드시이벤트사용하기233
118클릭이벤트사용하기236
119마우스조작이벤트사용하기237
120마우스오버이벤트사용하기239
121마우스오버이벤트사용하기(이벤트버블링)241
122마우스좌표확인하기243
123스크롤이벤트처리하기246
124텍스트선택이벤트처리하기247
125터치이벤트처리하기250
126터치이벤트정보확인하기252
127키보드입력이벤트처리하기254
128입력된키정보확인하기256
129탭화면이벤트처리하기258
130화면사이즈이벤트처리하기261
131사이즈벗어난화면처리하기264
132이벤트작동설정하기268
133기본이벤트작동해지설정하기270
134드래그앤드롭기능사용하기273

CHAPTER8HTML요소279
135자바스크립트요소다루기280
136셀렉터사용하기282
137ID의각요소값읽어오기284
138셀렉터조건만족하는요소읽어오기285
139클래스명으로요소읽어오기287
140〈html〉,〈body〉요소읽어오기288
141부모/자식/전/후요소읽어오기291
142부모요소에자식요소추가하기292
143지정위치에요소추가하기294
144요소앞/뒤에다른요소추가하기296
145HTML코드요소추가하기298
146요소를동적으로삭제하기300
147요소자신삭제하기302
148요소생성하기304
149요소복사하기307
150요소교체하기309
151노드교체하기311
152텍스트요소다루기313
153요소내부HTML다루기315
154자신을포함한HTML요소다루기318
155요소속성다루기319
156〈a〉태그_blank의부모창조작제한하기320
157요소클래스속성다루기322
158요소클래스유/무효화하기324
159스타일변경하기327
160스타일확인하기329

CHAPTER9폼331
161텍스트박스값읽어오기inputtext332
162텍스트박스값변경확인하기inputtext334
163텍스트영역값읽어오기336
164텍스트영역값변경확인하기338
165체크박스상태읽어오기340
166체크박스상태변경확인하기342
167파일정보읽어오기344
168텍스트형식으로파일읽어오기346
169데이터형식으로파일읽어오기348
170라디오버튼상태읽어오기350
171라디오버튼상태변경확인하기352
172드롭다운메뉴값읽어오기354
173드롭다운메뉴값변경확인하기356
174슬라이더값읽어오기358
175슬라이더값변경확인하기360
176색상선택정보읽어오기362
177색상선택정보변경확인하기364
178풀다운메뉴사용하기366
179폼전송하기369

CHAPTER10애니메이션효과371
180CSSTransitionsㆍCSSAnimations사용하기372
181CSSTransitions종료시작업처리하기374
182CSSAnimations종료시작업처리하기376
183WebAnimationsAPI사용하기378
184요소크기변경하기380
185요소이동하기382
186요소투명도조절하기384
187요소밝기조절하기386
188요소채도조절하기388
189requestAnimationFrame사용하기390
190requestAnimationFrame사용하기HTML392

CHAPTER11그림/사운드/영상395
191스크립트로이미지로딩하기396
192이미지로딩후작업하기397
193이미지로딩지연시키기399
194Base64형식이미지표시하기401
195스크립트로이미지요소추가하기402
196사운드사용하기404
197스크립트로사운드제어하기406
198사운드재생조절하기407
199사운드볼륨조절하기408
200WebAudioAPI사용하기409
201영상로딩하기411
202스크립트로영상제어하기413
203카메라기능사용하기415

CHAPTER12SVG/캔버스417
204SVG사용하기418
205SVG요소를동적으로추가하기421
206SVG요소스타일변경하기423
207SVG요소마우스로다루기424
208SVG요소애니메이션효과주기425
209SVG그래픽다운로드하기427
210캔버스사용하기429
211캔버스요소색칠하기/선그리기431
212캔버스에이미지붙여넣기433
213캔버스화소정보다루기435
214이미지의RGBA값확인하기437
215캔버스의이미지가공하기439
216DataURL로캔버스에이미지표시하기441
217PNG/JPEGDataURL로불러오기443
218캔버스그래픽다운로드하기445

CHAPTER13타이밍제어447
219지정시간후작업실행하기448
220지정시간후작업실행해제하기450
221시간주기작