QR/바코드 검색
품목정보
| 발행일 | 2024년 04월 26일 |
|---|---|
| 쪽수, 무게, 크기 | 328쪽 | 188*245*16mm |
| ISBN13 | 9791193926161 |
분철서비스 시작 시 알려드립니다.
분철서비스 알림신청
- 원서이동
- eBook
16,380원이동 - 이미 소장하고 있다면 판매해 보세요! 이 상품 팔기 매입가 2,600원 더보기/감추기
- 국내배송만 가능
- 최저가 보상
- 문화비소득공제 신청가능
.jpg)
관련분류
- -국내도서 > IT 모바일 > 웹사이트 > HTML/JavaScript/CSS/jQuery
- -국내도서 > IT 모바일 > 프로그래밍 언어 > JavaScript/CGI
- -국내도서 > IT 모바일 > 프로그래밍 언어 > 프로그래밍 언어 기타
책소개 책소개 보이기/감추기
목차 목차 보이기/감추기
상세 이미지 상세 이미지 보이기/감추기
상품 이미지를 확대해서 볼 수 있습니다.
원본 이미지
저자 소개 (3명)
책 속으로 책속으로 보이기/감추기
스벨트는 .svelte 파일(컴포넌트)을 HTML 방식으로 작성한다. 다른 점은 {count}와 같이 중괄호를 사용하는 방식으로, 변수와 제어 구조를 표현하는 것과 이벤트 핸들러를 선언하는 방법(위의 예에서는 on:click이 사용되는 것) 등이다. 하지만 이것들은 사용하지 않아도 되므로 대부분은 단순히 HTML의 조각을 스벨트 컴포넌트로 사용할 수 있다. / 특별히 주목해야 할 점은 컴포넌트에서 ‘상태(state)’를 관리하는 방법이다. 스벨트는 보통 자바스크립트로 변수를 정의해서 새로운 값을 대입하여 사용한다. 이에 따라 화면의 표시 내용의 변화에 따른 동적인 처리도 보통의 자바스크립트를 사용하는 것과 같은 방식으로 개발할 수 있다.
--- p.2
슬롯과 속성은 부모 컴포넌트에서 무엇인가를 지정할 수 있다는 점에서 비슷할 역할을 하는 기능이다. 둘을 어떻게 구분해서 사용해야 할까? / 한 가지 방법은 사용하는 측에서 어느 정도의 자유도를 갖는 컨텐츠를 허가할지에 대한 기준을 정하는 것이다. 예를 들어 버튼 컴포넌트 〈Button〉을 생각해보면 버튼의 내용을 자유롭게 지정할 수 있도록 할 때는 슬롯, 어느 정도 고정된 내용으로 통일하고 싶을 때는 속성을 사용할 수 있다.
--- p.60
이 예는 음식 주문 폼에 대한 샘플이다. 사이즈는 여러 개 중에서 하나만 선택할 수 있으므로 라디오 버튼을 사용한다. bind:group을 사용해 세 개의 〈input〉 요소를 하나의 size 변수에 바인딩하므로 라디오 버튼 중 하나를 선택하면 해당 value 속성에 지정된 사이즈가 size 변수에 대입된다. / 토핑은 복수 선택이 가능하므로 체크박스를 사용하며, bind:group으로 여러 요소를 하나의 options 변수에 바인딩한다. 다중 선택이 가능하므로 options 변수는 배열을 사용하며, 해당 시점에 선택된 체크박스의 value 속성의 값을 요소로 갖는 배열이 대입된다. / HTML과 다르게 value 속성에 지정하는 값은 문자열 이외의 다른 값을 사용할 수도 있다. 이때 바인딩된 변수에는 value에 지정한 값(문자열로 인식되는 것이 아님)이 그대로 대입된다(코드 3.1.16).
--- p.89
그런데 지금 게임을 실행하면 문제가 하나 있다. 모든 노드가 일시 정지되고, Main도 거기 포함된다는 것이다. 즉, 더 이상 _input()을 처리하지 않으므로, 입력을 다시 감지해 일시 정지를 해제할 수 없다. 이 문제를 해결하려면 Main 노드의 Process/Mode를 Always로 설정하자.
일시 정지 기능은 알아두면 매우 유용하다. 어떤 게임에서든 이 기법을 사용할 수 있으므로, 이 기능을 다시 검토하며 작동 방식을 이해했는지 확인하자.
--- p.91
타입스크립트를 사용하면 writable과 readable에 전달하는 초깃값에 따라 스토어에 저장되는 값의 형태를 추론한다. 또한 derived는 두 번째 인수에 전달되는 함수의 반환값에 따라 타입을 추론한다(코드 3.2.22). 따라서 타입스크립트를 사용할 때는 파일의 확장자를 .js 대신 .ts로 사용한다. / 만약 추론 타입과 다른 타입을 사용하고 싶거나 타입을 명시하고 싶을 때는 writable, readable, derived 호출 시 타입 인수를 전달하거나 svelte/store에서 가져오는 Writable, Readable 타입을 사용한다. 예를 들어 문자열 또는 null을 저장하는 writable 스토어는 코드 3.2.23과 같이 타입을 지정할 수 있다.
--- p.113
스벨트편에서는 상품 페이지에 표시하는 상품 데이터를 프런트엔드에서 직접 작성했다. 프런트엔드에 직접 작성하면 로딩과 표시가 압도적으로 빠르다는 장점이 있지만, 상품의 데이터를 변경하려면 소스 코드를 변경하고 사이트 전체를 다시 빌드해야 한다는 단점이 있다. 대부분의 온라인 쇼핑 사이트에서 상품 데이터는 개발자가 아닌 상품 관리자가 편집하므로 프런트엔드 코드로 상품 데이터를 직접 편집하는 것은 활용성이 매우 낮다. / 따라서 애플리케이션 코드를 변경하지 않고 업데이트가 가능하도록 상품 데이터를 데이터베이스 등에 저장하고 상품 관리자는 대시보드 등을 통해 상품 데이터를 편집할 수 있다.
--- p.2
슬롯과 속성은 부모 컴포넌트에서 무엇인가를 지정할 수 있다는 점에서 비슷할 역할을 하는 기능이다. 둘을 어떻게 구분해서 사용해야 할까? / 한 가지 방법은 사용하는 측에서 어느 정도의 자유도를 갖는 컨텐츠를 허가할지에 대한 기준을 정하는 것이다. 예를 들어 버튼 컴포넌트 〈Button〉을 생각해보면 버튼의 내용을 자유롭게 지정할 수 있도록 할 때는 슬롯, 어느 정도 고정된 내용으로 통일하고 싶을 때는 속성을 사용할 수 있다.
--- p.60
이 예는 음식 주문 폼에 대한 샘플이다. 사이즈는 여러 개 중에서 하나만 선택할 수 있으므로 라디오 버튼을 사용한다. bind:group을 사용해 세 개의 〈input〉 요소를 하나의 size 변수에 바인딩하므로 라디오 버튼 중 하나를 선택하면 해당 value 속성에 지정된 사이즈가 size 변수에 대입된다. / 토핑은 복수 선택이 가능하므로 체크박스를 사용하며, bind:group으로 여러 요소를 하나의 options 변수에 바인딩한다. 다중 선택이 가능하므로 options 변수는 배열을 사용하며, 해당 시점에 선택된 체크박스의 value 속성의 값을 요소로 갖는 배열이 대입된다. / HTML과 다르게 value 속성에 지정하는 값은 문자열 이외의 다른 값을 사용할 수도 있다. 이때 바인딩된 변수에는 value에 지정한 값(문자열로 인식되는 것이 아님)이 그대로 대입된다(코드 3.1.16).
--- p.89
그런데 지금 게임을 실행하면 문제가 하나 있다. 모든 노드가 일시 정지되고, Main도 거기 포함된다는 것이다. 즉, 더 이상 _input()을 처리하지 않으므로, 입력을 다시 감지해 일시 정지를 해제할 수 없다. 이 문제를 해결하려면 Main 노드의 Process/Mode를 Always로 설정하자.
일시 정지 기능은 알아두면 매우 유용하다. 어떤 게임에서든 이 기법을 사용할 수 있으므로, 이 기능을 다시 검토하며 작동 방식을 이해했는지 확인하자.
--- p.91
타입스크립트를 사용하면 writable과 readable에 전달하는 초깃값에 따라 스토어에 저장되는 값의 형태를 추론한다. 또한 derived는 두 번째 인수에 전달되는 함수의 반환값에 따라 타입을 추론한다(코드 3.2.22). 따라서 타입스크립트를 사용할 때는 파일의 확장자를 .js 대신 .ts로 사용한다. / 만약 추론 타입과 다른 타입을 사용하고 싶거나 타입을 명시하고 싶을 때는 writable, readable, derived 호출 시 타입 인수를 전달하거나 svelte/store에서 가져오는 Writable, Readable 타입을 사용한다. 예를 들어 문자열 또는 null을 저장하는 writable 스토어는 코드 3.2.23과 같이 타입을 지정할 수 있다.
--- p.113
스벨트편에서는 상품 페이지에 표시하는 상품 데이터를 프런트엔드에서 직접 작성했다. 프런트엔드에 직접 작성하면 로딩과 표시가 압도적으로 빠르다는 장점이 있지만, 상품의 데이터를 변경하려면 소스 코드를 변경하고 사이트 전체를 다시 빌드해야 한다는 단점이 있다. 대부분의 온라인 쇼핑 사이트에서 상품 데이터는 개발자가 아닌 상품 관리자가 편집하므로 프런트엔드 코드로 상품 데이터를 직접 편집하는 것은 활용성이 매우 낮다. / 따라서 애플리케이션 코드를 변경하지 않고 업데이트가 가능하도록 상품 데이터를 데이터베이스 등에 저장하고 상품 관리자는 대시보드 등을 통해 상품 데이터를 편집할 수 있다.
--- p.172-173
출판사 리뷰 출판사 리뷰 보이기/감추기
배송/반품/교환 안내
배송 안내
| 배송 구분 |
예스24 배송
|
|---|---|
| 포장 안내 |
안전하고 정확한 포장을 위해 CCTV를 설치하여 운영하고 있습니다. 고객님께 배송되는 모든 상품을 CCTV로 녹화하고 있으며, 철저한 모니터링을 통해 작업 과정에 문제가 없도록 최선을 다 하겠습니다.
목적 : 안전한 포장 관리 |
반품/교환 안내
상품 설명에 반품/교환과 관련한 안내가 있는경우 아래 내용보다 우선합니다. (업체 사정에 따라 달라질 수 있습니다)
| 반품/교환 방법 |
|
|---|---|
| 반품/교환 가능기간 |
|
| 반품/교환 비용 |
|
| 반품/교환 불가사유 |
|
| 소비자 피해보상 |
|
| 환불 지연에 따른 배상 |
|
