JavaScript by Example
1.0.0
이것은 Packt에서 게시한 JavaScript by 예제용 코드 저장소입니다. 여기에는 책을 처음부터 끝까지 작업하는 데 필요한 모든 지원 프로젝트 파일이 포함되어 있습니다.
JavaScript는 모든 웹 개발자가 배워야 할 프로그래밍 언어입니다. JavaScript 할 일 목록의 첫 번째 항목은 첫 번째 장을 마칠 때까지 완료하게 될 할 일 목록 앱을 구축하는 것입니다. JavaScript를 사용하여 DOM 조작을 살펴보고 이벤트 리스너를 사용하여 작업합니다. 이미지와 텍스트를 사용하여 Meme 작성자를 구축하게 됩니다. 또한 ES(ECMAScript) 클래스에 대해 배우고 CSS3 Flexbox를 사용한 레이아웃을 소개합니다.
또한 사용자가 예정된 이벤트에 등록하고 차트와 그래픽을 사용하여 등록 데이터를 표시할 수 있는 반응형 이벤트 등록 양식을 개발하게 됩니다. 그런 다음 AJAX 요청을 수행하고 동적 외부 데이터로 작업하는 다양한 방법을 보여주는 날씨 애플리케이션을 구축합니다. WebRTC는 웹 브라우저에서 실시간 통신을 가능하게 합니다. 이 책의 뒷부분에서 실시간 화상 통화 및 채팅 애플리케이션을 구축할 때 이를 사용하는 방법을 배우게 됩니다.
책의 마지막 부분에서는 사용자 인터페이스 구축을 위한 Facebook의 JavaScript 라이브러리인 React를 만나게 됩니다. React를 사용하여 블로그를 작성하고 이러한 종류의 JavaScript 프레임워크가 대규모 애플리케이션을 구축하는 데 사용되는 이유를 느끼게 될 것입니다. 블로그를 더욱 유지 관리하고 확장 가능하게 만들기 위해 Redux를 사용하여 React 구성 요소 전체의 데이터를 관리하게 됩니다.
모든 코드는 폴더로 구성됩니다. 각 폴더는 숫자로 시작하고 그 뒤에 애플리케이션 이름이 옵니다. 예를 들어 Chapter02입니다.
코드는 다음과 같습니다.
loadTasks() {
let tasksHtml = this.tasks.reduce((html, task, index) => html +=
this.generateTaskHtml(task, index), '');
document.getElementById('taskList').innerHTML = tasksHtml;
}예제를 통한 JavaScript [동영상]
JavaScript: JavaScript 개발자를 위한 함수형 프로그래밍
JavaScript 디자인 패턴 JavaScript 기술 향상을 위한 20가지 패턴 [비디오]
