#모던 웹을 위한 JavaScript + jQuery 입문 개정판 모던 웹을 위한 JavaScript + jQuery 입문 개정판과 관련된 정보입니다!
페이스북 페이지
##참고 사항 개인적으로 모든 프로그래밍 언어를 사랑한답니다.... 책 본문에서는 Node.js Express를 사용하지만 다음과 같은 프레임워크를 사용하시면 다른 프로그래밍 언어에서도 비슷한 방법으로 구현이 가능합니다.
- C#: http://nancyfx.org/
- Ruby: http://www.sinatrarb.com/
- Python: http://flask.pocoo.org/
- Node.js: http://expressjs.com/
##express 4.0 관련 후... 이 책은 2년 정도 무사하게 수정 없어도 되겠지 했는데.... express 모듈이 업데이트 되었는데 믹서기로 달달 갈았군요 'ㅂ' .... 다음 링크에 해결 방법을 정리했답니다 ;ㅂ; ... 죄송합니다 ;ㅂ; .... 이렇게 바뀔 줄이야 ;ㅂ; ...
##오탈자 ###1쇄 오탈자 책을 거의 갈아 엎은 수준이다보니.... 새로운 오탈자가 대거 등장했군요.... 윤인성 저자의 1쇄는 베타라는 말도 있는데.... 재현되다니.... (근데 사실 다른 도서와 비교해서 많은 편은 아니랍니다. 후후.... ;ㅁ;)
####서문: 이예찬님 발견 페이지 번호가 따로 없어서 찾기 힘드실 수 있겠군요 ㅠㅜ.... "함수 부분을 제회"하고는 을 "함수 부분을 제외"하고로 변경해주세요.
#131페이지: coveryou님 발견! - 3쇄 코드 5-16 아래 문단 마지막 문장, "함수 returnTest()의 리턴 값을 받고 출력하는 코드입니다."라고 되어 있는데, returnTest()라는 함수가 없지요 ;ㅂ; "함수 returnFunction()의 리턴 값을 받고 출력하는 코드입니다."라고 교체해주세요.
#155페이지: 진저티님 발견 - 3쇄
위에서 3번째 줄에 parseInt('0273')이 187로 나와있는데요 'ㅂ' ! ECMAScript5부터 표준이 바뀌어 문자열에서는 '0'으로 시작해도 그냥 10진수로 인식하게 되었습니다!
그냥 무시하시기 바랍니다 ;ㅁ; !
####207페이지: 이예찬님 발견 그림 8-10에 그림이 없습니다. 'ㅁ' .... (헐.... 이건 어떻게 처리해야지....) 다음과 같은 그림입니다. ;ㅁ;
####307페이지 코드 10-28
<h1 id="earth</h1>
을 다음으로 변경합니다.
<h1 id="earth">O</h1>####384페이지 코드 13-26
$('tr:first').css('background', '#000000').css('color', #FFFFFF);에서 #FFFFFF이 따옴표로 감싸져야 합니다.
$('tr:first').css('background', '#000000').css('color', '#FFFFFF');####479페이지 코드 17-4
<ul id="inner_fade">inner_fade를 inner-fade로 변경해주세요.
<ul id="inner-fade">####597페이지: 이예찬님 발견 표 20-2의 4XX - 설명이 "클라이런트 오류"로 되어있습니다. "클라이언트 오류"로 변경해주세요. ;ㅁ;
###582페이지 중간 코드에는 문제가 없는데 전체 코드 부분에 문제가 있답니다. 'ㅁ' 코드 19-43
app.all('/data.xml', function (request, response) {
var output = '';
output += '<?xml version="1.0" encoding="UTF-8" ?>';
output += '<products>';
items.forEach(function (item) {
output += '<product>';
output += ' <name>' + item.name + '</name>';
output += ' <price>' + item.price + '</price>';
output += '</product>';
});
output += '</products>';
response.send(output);
});위의 코드에서 아래 주석 부분을 추가해주세요 'ㅁ'
app.all('/data.xml', function (request, response) {
var output = '';
output += '<?xml version="1.0" encoding="UTF-8" ?>';
output += '<products>';
items.forEach(function (item) {
output += '<product>';
output += ' <name>' + item.name + '</name>';
output += ' <price>' + item.price + '</price>';
output += '</product>';
});
output += '</products>';
response.type('text/xml'); // 여기가 변경되었습니다.
response.send(output);
});####632페이지 코드 21-27 'data.json 문자열의 따옴표가 닫히지 않았습니다. 'data.json'으로 변경해주세요. ####XXX페이지 코드 24-5
// Ajax를 수행합니다.
$.post('/message', $(this).serialize());/message를 /messages로 변경합니다. 'ㅁ'
// Ajax를 수행합니다.
$.post('/messages', $(this).serialize());####688페이지 코드 24-6
$.each(data, function (index, item) {
var output = '';
output += '<h2>' + data[i].name + '</h2>';
output += '<p>' + data[i].content + '</p>';
$('<div></div>').html(output).prependTo('#output');
});data[i]를 item으로 변경해주세요.
$.each(data, function (index, item) {
var output = '';
output += '<h2>' + item.name + '</h2>';
output += '<p>' + item.content + '</p>';
$('<div></div>').html(output).prependTo('#output');
});####712페이지 코드 25-16
<style>
.box { padding: 5px; }
.box p { margin: 0px; padding: 5px; text-align: center; }
</style>클래스 이름이 잘못들어가있지요. .box를 .button으로 변경해주세요.
<style>
.button { padding: 5px; }
.button p { margin: 0px; padding: 5px; text-align: center; }
</style>####876페이지 미세 버전에 따라서 작동하지 않는 경우가 있습니다. 코드 30-62
$('a[class=ui-btn-right]').click(function () { /* 생략 */ });'a[class=ui-btn-right]'를 'a.ui-btn-right'로 변경해주세요 'ㅁ'
$('a.ui-btn-right').click(function () { /* 생략 */ });
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent