완성된 웹사이트로 배우는 자바스크립트

[도서리뷰] 완성된 웹사이트로 배우는 자바스크립트, Mana 저/신은화 역, 한빛미디어, 2024 "잘~ 나왔어! 정~ 말~" 오래 전 드라마의 명대사, "잘 났어, 정말"을 기억하신다면 연식이 꽤 되신 분들일텐데요. ㅎㅎ 그 대사를 패러디 해 봤습니다. 오늘 소개해 드리는 책에 이 "잘~ 나왔어! 정~ 말~"이라는 대사가 딱 어울리기 때문입니다. 완성된 웹사이트로 배우는 자바스크립트 하나의 웹사이트를 구현하며 익히는 자바스크립트 입문 Mana 저/신은화 역, 한빛미디어, 2024 <figure class="image"><img style="aspect-ratio:800/1001;" src="https://www.hanbit.co.kr/data/editor/20240421151740_ckeditor.jpg" width="800" height="1001"></figure><figure class="image"><img style="aspect-ratio:800/1018;" src="https://www.hanbit.co.kr/data/editor/20240421151716_ckeditor.jpg" width="800" height="1018"></figure> 사이트를 디자인하고 퍼블리싱할 때, 기획안에 제시되어 있는 자바스크립트 부분을 어디까지 구현해야 하는지 종종 고민하게 됩니다. 아무래도 HTML과 CSS에 익숙해져 있는 퍼블리셔가 자바스크립트의 세세한 부분까지는 이해하기 어려운 면이 있어서, 가급적 쉽고 단순한 부분은 바로 자바스크립트를 적용하여 퍼블리싱하고 어려운 부분만 프로그래머에게 넘기기도 합니다. 하지만, 이러한 현업에서의 고민도 이 책을 시작으로 웹사이트 디자인과 관련한 실무 자바스크립트를 차근차근 익혀 나가면 이제 더이상 프로그래머에게 아쉬운 소리 하지 않아도 될 것 같습니다. 알기 쉬운 그림 설명들과 형광펜으로 그은 듯 내용을 강조하는 정성스런 편집 등 일본 특유의 편집 감성들이 곳곳에 스며들어 있는 귀여운 편집과 함께, 웹사이트 제작에 꼭 필요한 자바스크립트의 핵심부분만을 가지고 알차고 쉽게 소개하고 있습니다. 저자 Mana는 실제로 일본 최고 인기 웹 디자이너라고 합니다. 이 책 또한 일본 누적 40만부 돌파 인기 시리즈라고도 하구요. 저자의 실무경험을 바탕으로 핵심 포인트만 뽑아 만든 액기스 성분 가득한 자바스크립트 서적이라고 하겠습니다. <figure class="image"><img style="aspect-ratio:800/545;" src="https://www.hanbit.co.kr/data/editor/20240421151758_ckeditor.jpg" width="800" height="545"></figure><figure class="image"><img style="aspect-ratio:800/591;" src="https://www.hanbit.co.kr/data/editor/20240421151806_ckeditor.jpg" width="800" height="591"></figure> 자바스크립트에 대한 간략한 소개 부분을 지나면, 컬러 피커 만들기를 시작으로 자바스크립트 기초를 배우게 됩니다. 완성된 코드를 먼저 보여 주고 코드를 한줄 한줄 실습해 나가면서 순서대로 필요한 개념들을 상세하게 설명합니다. <figure class="image"><img style="aspect-ratio:800/596;" src="https://www.hanbit.co.kr/data/editor/20240421151819_ckeditor.jpg" width="800" height="596"></figure><figure class="image"><img style="aspect-ratio:800/592;" src="https://www.hanbit.co.kr/data/editor/20240421151826_ckeditor.jpg" width="800" height="592"></figure> 책 전체적으로 각 실습 예제마다 같은 설명방식을 유지하고 있어서 머리 속에 자바스크립트 작동 원리를 파악해 저장하고 확장해 가는데 많은 도움이 되었습니다. 결과적으로 하나의 웹사이트에 자바스크립트를 적용해 나가는 과정 과정들을 따라가다 보면, 자칫 어려울 수 있는 자바스크립트의 이벤트 처리라든가 데이터 사용 방법 등을 자연스레 체득하게 되었습니다. 그렇다고 시중의 다른 자바스크립트 서적처럼 자바스크립트 프로그래밍과 웹디자인에 필요한 자바스크립트의 경계를 함부로 넘나 들지도 않습니다. 이 책은 철저하게 querySelector 로 시작하여, 웹디자이너나 퍼블리셔에게 필요한 자바스크립트 부분만을 강조하여 설명하고 있습니다. 그 흔한 제이쿼리나 여타 라이브러리를 사용하지도 않고 순수하게 자바스크립트만을 사용하여 웹사이트 디자인에 필요한 자바스크립트 부분을 설명해 가고 있습니다. 페이지의 스크롤 양을 표시하는 방법, 글이나 이미지에 애니메이션을 적용하는 방법 등 평소에 궁금해 하던 부분들을 너마나도 쉽고 재미있게 설명하고 있습니다. <figure class="image"><img style="aspect-ratio:800/593;" src="https://www.hanbit.co.kr/data/editor/20240421151840_ckeditor.jpg" width="800" height="593"></figure><figure class="image"><img style="aspect-ratio:800/600;" src="https://www.hanbit.co.kr/data/editor/20240421151847_ckeditor.jpg" width="800" height="600"></figure><figure class="image"><img style="aspect-ratio:800/602;" src="https://www.hanbit.co.kr/data/editor/20240421151854_ckeditor.jpg" width="800" height="602"></figure> 특히, p165 ~ p209 사이의 배열과 객체에 관한 내용은 자칫 어렵게 다가 올 수도 있는 부분인데, 당장 필요치 않은 메서드 같은 것들에 대한 설명은 과감히 생략해 버리고 자바스크립트가 데이터를 다루는 방법이라는 단순한 관점에서 핵심만 가지고 쉽게 설명해 냈습니다. 작동원리를 이해하게 한다고 당장은 만들 것 같지도 않은 이상한 사이트를 구현하는 것도 아니고, 자칫 어려울 수 있는 부분도 쉽고 간단하게 설명해 내고 있습니다. 맘먹고 따라하면 일주일안에 책의 내용을 모두 실습할 수 있으며, 이후에는 필요시 찾아보고 아이디어를 얻을 수 있는 책이라는 생각이 듭니다. 책의 마지막 장은 오류와 해결 방법에 대한 내용들이 간략하게 소개되어 있습니다. 몇 페이지 안 되는 간략한 내용이지만 초보자들이 많이 접할 수 있는 소소한 경험들에 대해 언급되어 있습니다. 책을 따라하기 전에 먼저 마지막 장을 한번 보시고 처음부터 읽어나가시길 추천합니다. 배우려는 욕심은 큰데, 소중한 시간을 아껴주고 또한 배우려는 사람을 좌절하지 않도록 이끌어 주는 책을 만나면 정말 기분이 좋습니다. 잘 ~ 나왔어 ~ 정말 ~ 이라는 멘트가 꼭 어울리는 책이라고 생각합니다. "한빛미디어 <나는 리뷰어다> 활동을 위해서 책을 제공받아 작성된 서평입니다."

haram***l2024-04-21

쉽고 자세한 자바스크립트 기본서

완성된 웹사이트로 배우는 자바스크립트- 쉽고 자세한 자바스크립트 기본서 -<figure class="image"><img style="aspect-ratio:606/786;" src="https://www.hanbit.co.kr/data/editor/20240421140138_ckeditor.png" width="606" height="786"></figure> 프론트엔드 공부를 하려면 필수로 공부해야 하는 것이 HTML, CSS, 자바스크립트입니다.그중 자바스크립트는 프론트엔드 프레임워크인 리엑트(react)나 뷰(vue)를 공부할 때 기본이 되기 때문에,더 중요합니다.자바스크립트는 나온지 오래 된 언어이기 때문에 많은 책이 있지만 자바스크립트도 프로그래밍 언어이다보니 다른 프로그래밍 언어 학습과 비슷한 형식으로 책이 나온 것이 많았습니다.즉, 변수, 자료형, 연산자 이런식으로 공부하는 식이죠.그런데 "완성된 웹사이트로 배우는 자바스크립트"는 좀 다릅니다.사이트를 실제로 만들면서 그 중간중간 필요한 문법들을 자세히 설명해주는 형식입니다.아래에서 좀 더 구체적으로 알아보도록 하겠습니다.1. 누가 읽어야 할까요?이 책은 프론트엔드를 공부하는 초보자를 대상으로 하는 책입니다.react나 vue 를 배우기 전에 javascript를 공부할 때 좋습니다.react나 vue는 javascript를 좀 더 편하게 쓸 수 있도록 해놓은 것이기 때문에 javascript에 대한 이해가 없이 그냥 배우면 매우 어렵습니다. 그래서 자바스크립트에 대한 이해가 필요한데 "완성된 웹사이트로 배우는 자바스크립트"는 방대한 자바스크립트 문법 중에서 프론트엔드 프레임워크를 공부할 때 필요한 필수적인 내용만 뽑아서 쉽게 설명해주고 있기 때문에 초보자분들께 아주 유용합니다.2. "완성된 웹사이트로 배우는 자바스크립트"의 장점1) 실제로 사용할 수 있는 웹페이지를 만들면서 주요 내용을 학습"완성된 웹사이트로 배우는 자바스크립트"는 실제로 사용할 수 있는 웹페이지를 만들면서 학습하는 구조로 되어 있습니다. 그래서 딱딱하게 문법만 배우고 연습하는 것이 아니라 실제로 웹페이지를 만들어 보고 그 결과를 눈으로 확인하면서 공부할 수 있어서 재미있게 공부할 수 있고 하나하나 기능을 만들어가는 기쁨을 맛보며 공부할 수 있습니다.<figure class="image"><img style="aspect-ratio:900/548;" src="https://www.hanbit.co.kr/data/editor/20240421140415_ckeditor.png" width="900" height="548"></figure> 2) 풍부한 그림을 이용한 자세한 설명<figure class="image"><img style="aspect-ratio:756/657;" src="https://www.hanbit.co.kr/data/editor/20240421140439_ckeditor.png" width="756" height="657"></figure>"완성된 웹사이트로 배우는 자바스크립트" 의 큰 장점이라고 하면 풍부한 그림을 이용한 자세한 설명이라고 할 수 있습니다. 거의 모든 페이지에 그림이 있다고 해도 과언이 아닐 정도로 아주 많은 그림을 이용해서 자바스크립트 문법 및 여러가지 개념들을 자세히 설명합니다. 위의 그림은 돔 트리(DOM Tree)에 대한 내용인데요. 자바스크립트를 공부할 때 필수적으로 이해해야 하는 내용인데 처음 접하는 사람들에게는 꽤 어려운 내용입니다. 그런데 위와 같이 자세한 그림과 설명으로 쉽게 이해할 수 있도록 하고 있습니다.3) 초보자들의 실력 향상을 위한 자세한 설명<figure class="image"><img style="aspect-ratio:759/688;" src="https://www.hanbit.co.kr/data/editor/20240421140535_ckeditor.png" width="759" height="688"></figure>프로그래밍 언어를 배우다 보면 비슷한 기능인데 왜 다른 것을 또 만들어 놓았지? 하는 의문이 생기는 경우가 많습니다. 위에 나오는 for와 forEach() 같은 경우인데요. 왜 두가지 명령어를 만들어 놓았고 어떤 경우에 사용해야 하는지에 대해서도 자세히 알려줍니다. 이런 내용들은 초급에서 중급으로 올라가기 위해서는 필수적으로 알아야 하는 내용인데, 그런 부분에 대해서도 알려주어 자바스크립트 활용 능력을 향상시킬 수 있도록 자세히 설명해 주고 있습니다.  4) 오류 해결법에 대한 조언<figure class="image"><img style="aspect-ratio:535/301;" src="https://www.hanbit.co.kr/data/editor/20240421140601_ckeditor.png" width="535" height="301"></figure>프로그래밍을 공부하다보면 많은 오류를 접하게 되고 초보자인 경우에는 해결 방법을 몰라서 당황하는 경우가 많은데요. 사람이기 때문에 오류는 언제나 날 수 있는것이고, 프로그래밍에 익숙해진다는 것은 곧 오류 해결을 얼마나 잘 하느냐와도 직결된다고 할 수 있습니다. 그런데 오류가 났을 때 다른 사람의 도움을 받지 않고 스스로 해결하는 것이 중요한데요. 이 책에서는 초보자들이 오류를 어떻게 스스로 해결할 수 있는지 여러가지 방법을 알려줍니다. 특히 최근 트랜드에 맞게 챗GPT나 copilot을 이용해 오류를 해결하는 방법도 알려주고 있는 것이 인상적이었습니다.  5) 책의 내용이 다 담겨있는 자세한 실습 코드 제공<figure class="image"><img style="aspect-ratio:900/536;" src="https://www.hanbit.co.kr/data/editor/20240421140635_ckeditor.png" width="900" height="536"></figure><figure class="image"><img style="aspect-ratio:627/247;" src="https://www.hanbit.co.kr/data/editor/20240421140650_ckeditor.png" width="627" height="247"></figure>"완성된 웹사이트로 배우는 자바스크립트"는 책 내용 전체에 대해서 아주 자세하고 잘 작동하는 실습코드를 제공합니다. 간혹 개발서를 보다가 보면 책에는 코드의 일부만 있어서 실제로 타이핑해서 실행하면 실행이 안되는 경우도 있고, 제공되는 실습 코드도 제대로 작동되지 않는 경우가 있습니다. 책의 내용이 아무리 좋더라도 책에 있는 코드에 오류가 있으면 실습을 하면서 막히게 되고 최악의 경우 학습을 포기하게 되는 경우도 생기는데요."완성된 웹사이트로 배우는 자바스크립트"는 책 내용 전체에 대한 실습코드를 제공하고 작동도 잘 하기 때문에 책을 따라가며 학습하기가 아주 쉬웠습니다.특히 자바스크립트의 경우 html, css, javascript 코드가 모두 필요해서 코드 내용이 꽤 많은데 그 모든 것을 다 잘 정리해서 제공해주고 있어서 아주 좋았습니다.3. 마무리"완성된 웹사이트로 배우는 자바스크립트" 는 쉽고 자세한 자바스크립트 기본서 입니다. 딱딱한 프로그래밍 입문서처럼 문법만 설명하는 것이 아니라 실제로 웹사이트를 만들어가면서 공부하는 형식이기 때문에 보다 재미있게 학습할 수 있습니다. 그리고 방대한 이미지와 실습코드로 쉽게 따라하면서 공부할 수 있도록 구성되어 있으면서도 중급자로 발전해 나갈 수 있도록 세부적인 내용들도 자세히 설명하는 꼼꼼함을 보여줍니다. 자바스크립트를 공부하고 싶은데 쉽고 자세한 책을 찾는다면 "완성된 웹사이트로 배우는 자바스크립트"를 추천합니다."한빛미디어 <나는 리뷰어다> 활동을 위해서 책을 제공받아 작성된 서평입니다."#자바스크립트 #완성된웹사이트로배우는자바스크립트 #프론트엔드 #한빛미디어 #웹개발

hji7***l2024-04-20

깔끔한 디자인의 자바스크립트 학습을 시작하는 책

빠르게 변하는 자바스크립트15년 전쯤으로 기억됩니다. 당시 다니던 회사에서 새로운 프로젝트를 시작하게 되었습니다. 그 동안 소통했던 이메일 이라고 저에게 전달(forward)해주셨는데요. 오고간 메일들을 따라가다 보니 가장 과거 이메일이 5개월전 이었습니다. 처음 시작할 때는 외국 회사의 의뢰로 시작한 프로젝트라고 회사에서 꽤 잘한다는 팀들이 참여했던 것 같습니다. 하지만 제 손에 넘어올때까지 별다른 진행이 없었고, 이제는 폭탄 돌리기가 되어버린듯 했습니다.두 가지 생각이 들더군요. 첫째, 우리 회사에서 우리 팀의 입지가 별로 좋지 않다는 것이었습니다. 그러니 성과를 보일만한 프로젝트는 모두 뺐기고, 그게 폭탄으로 보이면 우리팀에 넘겨지니까요.두번째 든 생각은 "재밌겠다"였습니다.당시 우리 회사에서 진행하는 프로젝트는 모두 C언어라는 프로그래밍 언어로 되어 있었는데, 새로 맡은 프로젝트는 브라우저와 자바스크립트로 진행하는 프로젝트였습니다. 색 다른 프로그래밍 언어를 사용할 기회였죠. 게다가 기존에 회사에서 구축한 코드 뭉치와는 다른 방식으로 구현해야하는 프로젝트이기도 했습니다. 그러니 재미있을 수 밖에요.그 프로젝트를 인연으로 점점 자바스크립트를 많이 사용하게 되었고, 요즘은 프론트엔드 개발자로 일하게 되었습니다. 자바스크립트는 가장 빠르게 진화하는 프로그래밍 언어입니다. 그러니 자바스크립트를 사용해서 일하는 개발자라면 꾸준히 자바스크립트 책 중에 신간을 볼 필요가 있습니다. 과거에는 그 기능이 없어서, 하지 못했던 것들 또는 무척 힘들게 했던 것들이 새로운 버전에서는 너무 쉽게 해결되곤 하거든요.이 책을 읽으려고 마음먹었을 때도 이와 같은 생각이었습니다. 쉽게 보이는 책이지만 자바스크립트를 꽤 오래 쓴 사람이라도 읽어볼 만한 책이라고요.저자가 자바스크립트를 다루는 방법은 처음 자바스크립트를 배우는 사람, 또는 디자이너가 흥미를 끌만한 예제들을 먼저 보여주고 그 예제를 자바스크립트를 어떻게 사용해서 구현해 내는지를 설명하는 식입니다. 내용이 간결하고 깔끔해서, 처음 자바스크립트를 접하는 독자들이 책을 읽어나가기에 힘들지 않겠다는 생각을 했습니다.애니메이션위에 언급한 프로젝트를 하면서 화면에 애니메이션이 필요했습니다. 하지만, 그 애니메이션을 구현하기가 너무 어려웠습니다. 브라우저가 작동하는 환경이 일반 컴퓨터가 아니라, 임베디드 시스템이었기 때문에 애니메이션을 화면에 보여줄 만큼 좋은 하드웨어를 쓰고 있지 않았기 때문입니다. 먼저, jquery의 애니메이션 기능을 사용해보았는데요. jquery 애니메이션을 쓰면 애니메이션 시작점에 그림이 한번 보였다가 아무런 움직임이 보여지지 않은 상태에서 애니메이션 마지막 위치에 애니메이션으로 움직일 요소가 툭 튀어나오는 것이었습니다. 나름 이래저래 코드를 찾아보다 보니, 당시 jquery는 애니메이션을 하기 위해서 요소를 옮기는 이벤트를 다량 발생하는 걸 알게 되었습니다. 하지만, 다량의 이벤트가 하나씩 작동하면서 화면을 바꾸게 되지 않았습니다. 화면을 바꾸는건 리소스를 많이 사용하기 때문에 너무 많은 요청이 올 경우에는 그리는 요청이 무시되는 것으로 보였습니다. 결국 부드럽게 애니메이션 하려면, 애니메이션 요소를 적당한 주기(임베디드 하드웨어가 반응할 만큼의 시간) 마다, 요소를 조금씩 움직여서 표현할 수 밖에 없었습니다.이 책에 보니 자바스크립트로 DOM에 animate라는 명령을 직접 내리고 있더군요. 사실 이 기능은 몰랐던 기능인데요. 이 기능을 보니, 과거 애니메이션을 구현하기 위해 고생했던 기억들이 새록새록 떠오릅니다. 역시 쓰고 있는 프로그래밍 언어에 대한 책은 일단 읽어봐야 하는 것 같아요.책 전반에 대해책의 제목을 보면, 자바스크립트를 설명하는데 중점을 두고 있을 것으로 보이지만, 저자는 그 부분에 너무 집착하지는 않았습니다. 오히려 독자들이 쉽게 재미있게 자바스크립트라는 개념을 접근할 수 있도록 배려하려고 노력한 것으로 보이네요. 그래서, 자바스크립트 프로그래밍 언어 문법을 설명하려고 노력하기 보다는 멋진 예제들을 통해서, 슬쩍 슬쩍 자바스크립트가 어떤 역할을 하는지 이야기하고, 저자가 가지고 있는 노하우도 슬쩍 던져 놓습니다.예를 들어서, 이모티콘 같은 문자에 경우 항상 같은 길이로 책정되지 않기 때문에 한글자씩 배열에 넣어서 글자 길이를 센다던가 하는 코드는 꽤 인상적이었습니다.의외로 애니메이션에 대해서 많은 지면을 할애하며 자세히 설명했는데요. 이것도 이 책의 특징이 아닐까 싶습니다. 제가 보기에 이 책의 독자층은 저처럼 자바스크립트로 개발을 하고 있어서, 주기적으로 자바스크립트에 대한 새 책을 봐야 하는 경우나, 디자이너가 자바스크립트를 공부해야 하는 경우 첫번째 책으로 또는 조금 자바스크립트 문법을 설명한 책을 한권 정도 본 사람이 읽어보면 많이 도움을 받을 것 같군요.개인적으로는 과거 기억들을 다시 떠올려주는 여러가지 특징이 있는 깔끔한 느낌의 책이었던 것 같습니다."한빛미디어 <나는 리뷰어다> 활동을 위해서 책을 제공받아 작성된 서평입니다."

morningf***l2024-04-16

웹디자이너, 퍼블리셔가 되고 싶은 분께 추천! 필수!

<figure class="image"><img style="aspect-ratio:700/700;" src="https://www.hanbit.co.kr/data/editor/20240416102305_ckeditor.png" width="700" height="700"></figure>웹디자이너로써 HTML,CSS는 쉽게 작업할 수 있는 영역이였지만자바스크립트에 항상 목말라 했다.디자인을 잘 한다고 해도 사실 클라이언트에게는동적인 작업영역을 보여주었을 때의 효과가 더 크다는것을많이 느껴왔는데 실무를 하면서 공부를 한다는게 정말 어려운 일이였다.그래도 공부해볼거라고집에는 자바스크립트, 제이쿼리 관련 책이 2~3권이 있다.근데 막상 이 책들은 기초, 기본 원리내용이라서공부하면서 이걸 어디에 어떻게 적용해야하는지..라고항상 궁금해 했다. 그러다 쉽게 포기.이번에 한빛미디어에서 지원해준 책 중정말 읽고싶었던 책을 보내주셔서 무한한 감사를 드리며이번기회에 자바스크립트에 대해 다시 공부를 할 수 있었다.홈페이지에 바로 적용을 해보면서자바스크립트를 배워보고 싶다면이책을 꼭 추천한다.자바스크립트의 기초부터 어떻게 활용할 수 있는지예제도 다운받아 볼 수 있어 쉽게 공부할 수 있다.

hoyan***l2024-04-13

고민없이 자바스크립트를 시작할 수 있는 책

#️⃣자바 스크립트(Java Script)는 누구를 위한 언어일까?물론 개발자다. 말 그대로 개발 언어이기도 하니까.요즘 조금 달라졌다. 갈수록 웹 개발의 영역은 분화, 전문화되고 있다. 그와 동시에 생성형 AI, 웹 빌더 서비스가 나오면서 진입장벽은 낮아진 추세다.  그래서 자바 스크립트는 프론트엔드 개발자, 웹/앱 디자이너, 마케터를 위한 언어가 될 수 있다. 그럼에도 디자이너, 마케터를 위한 자바스크립트 책은 시중에 많이 없는 편이라 생각한다.이번에 출시한 한빛미디어의 책은 이러한 틈새를 잘 비집고 들어온 것 같다. #️⃣ 아무것도 몰라도 따라하기 좋은 책나는 자바스크립트에 대한 아주 기초적인 교양수준의 지식은 있지만 활용할 수 있다고 말하기 어려운 수준이다.난이도가 높지 않으면서 완성된 코드를 따라 치면 실습할 수 있게 구성하여 초보자가 학습하기 좋은 구성이다. #️⃣ 질문도 아는 것이 있어야 하는 법앞서 언급했지만 요즘 생성형 AI로 기초적인 수준의 코딩은 얼마든지 할 수 있는 세상이 되었다.그러나, 무얼 모르는지 모르면 질문도 할 수 없기에 교양수준의 지식은 당연히 필요하다. 실제로 무작정 코드를 옮겨적을 때는 몰랐던  defer 속성을 사용하는 이유라든지, 콘솔을 사용하여 로그를 남겨본다든지 하는 내용들도 새롭게 알게 되었다. #️⃣ 추천독자개인적인 추천독자는 다음과 같다.  <ul><li>웹 디자이너/퍼블리셔</li><li>콘텐츠 마케터</li></ul> 웹을 디자인하면서 자바 스크립트를 통해 의도한 디자인 좀 더 구체화하고 싶은 디자이너를 비롯해, 좀 더 전문적인 웹 퍼블리싱의 영역까지 가고 싶은 사람은 이 책으로 입문하면 좋을 것 같다. 그리고 요즘은 웹 빌더 서비스를 통해 콘텐츠나 랜딩페이지도 마케터가 직접 제작하는 만큼 마케터 역시 교양수준으로 공부하면 도움이 많이 될 것 같다. 그러나, 개발자거나 개발자로 커리어를 생각하는 사람이라면 굳이 이 책으로 학습하기에는 너무 가벼워서 추천하지 않는다.

lbn3***l2024-04-12

[도서리뷰] \'완성된 웹사이트로 배우는 자바스크립트\' 비전공개발자의 서평

<figure class="image image-style-side" style="height:auto;"><img style="aspect-ratio:218/331;" src="https://blog.kakaocdn.net/dn/ciwzYI/btsGyG7xWvI/1fjJzURwbT7WL1l3C5uN1K/img.png" width="218" height="331"></figure>'완성된 웹사이트로 배우는 자바스크립트'는 HTML, CSS, 자바스크립트를 처음 접하는 비개발자들 또는 개발자가 되고싶지만 아직 적성에 맞는지 아닌지를 가늠하기에 좋은 책이라고 생각합니다.2년전 엑셀이 좋아서 개발로 뛰어들었을 때를 생각하면, 적성확인 차 먼저 이런책들을 접할 수 있었다면 더 좋았을텐데라는 생각을 하게 만드는 책입니다.   HTML, CSS, 자바스크립트 아무것도 몰라도 그냥 일단 따라서 만들어보기에 초점이 맞추어져있는 책이며, 관심이 생긴다면 구글링 또는 유튜브를 통해 좀 더 자세히 공부해가면 될 것 같네요.    <h3 style="margin-left:0px;">작가</h3><hr>'완성된 웹사이트로 배우는 자바스크립트'는 2년간 일본에서 그래픽 디자이너로 일한뒤 캐나다 벤쿠버에서 학교를 졸업한 'Mana'라는 일본인 웹디자이너의 책이다.한국어로 번역된 책이며, Mana 작가는 현재 웹사이트 제작에 대해 강의를 하고 있다고 나와있다. 작가 Mana의 포폴웹사이트 구경 해보는 것도 좋을 것 같다. <a href="https://www.webcreatormana.com/">https://www.webcreatormana.com/</a><a href="https://www.webcreatormana.com/">Mana’s Portfolio Website</a><a href="https://www.webcreatormana.com/">Online Portfolio of Japanese Web Designer, Mana. // WebデザイナーManaのポートフォリオサイト</a><a href="https://www.webcreatormana.com/">www.webcreatormana.com</a> <h3 style="margin-left:0px;"> </h3><h3 style="margin-left:0px;">주요 내용 및 특징</h3><hr><h3 style="margin-left:0px;"> </h3> 8개의 챕터로 구성되어 있으며, 한빛미디어 웹사이트에 예제소스를 직접 받아 책을 따라 하나씩 더해 갈 수 있게 구성되어있다.1-6챕터까지는 7챕터 웹페이지만들기에서 쓸 이벤트처리 및 데이터 조작을 미리 연습하고 7챕터에서 웹사이트를 만들면서 이전 챕터들에서 배운 내용을 하나씩 더해간다. 이 책을 읽고 따라해보면서 느낀 이 책의 포인트들을 아래와 같이 정리해보았다.  1. 글만 읽는 책은 지루하고 이해하기 어렵다보니 비유, 그림을 통해 독자들의 쉬운 이해를 도울 수 있게 정리해두었다.<img src="https://blog.kakaocdn.net/dn/bgMK5h/btsGAcqToBr/BBj4vIj4FD0sQy27ZxVx00/img.png" width="515" height="155"><img src="https://blog.kakaocdn.net/dn/IKgU9/btsGyEWcK6u/FZsUzwIw8WNAI2pxJK3ktK/img.png" width="334" height="155">   2. 'COLUMN' 을 통해 실습은 아니지만 알아두면 좋은 정보들을 수록해두었다.(자바스크립트와 자바, 제이쿼리 등등)<img src="https://blog.kakaocdn.net/dn/bemrOP/btsGw84xNSd/K8uN0XlTxKgznGAds4rYUK/img.png" width="286" height="124"><img src="https://blog.kakaocdn.net/dn/E4Bf5/btsGzfaNYwv/nRKNttYHnSw3xWv2xrwOb0/img.png" width="563" height="124">  3. 초보자라면 헷갈리는 디렉토리개인적으로 다른책들도 그렇지만 예제를 따라하다보면 경로, 디렉토리 등등 구성파일을 안보여주고 무조건 예제파일만 보여주는 책이 허다하지만 이 책은 해당예제의 구성이 어떤지를 항상 알려주어 독자들이 헷갈리지않고 잘 따라할 수 있게 구성해두었다.<img style="height:auto;" src="https://blog.kakaocdn.net/dn/OXG91/btsGwuAewxK/LNL1uoQjY8GeayITmXVAyK/img.png" width="572" height="197"> 4. 발생할 수 있는 오류들과 팁 수록<img src="https://blog.kakaocdn.net/dn/t8lVw/btsGw9Cl8Le/xS0RgTogkaukVeYFYS4n7K/img.png" width="266" height="128"><img src="https://blog.kakaocdn.net/dn/dYVE93/btsGAdi1LF9/JHgIXmdgntnd2FP07DImF0/img.png" width="583" height="128">  <h3 style="margin-left:0px;">완성 예제</h3><hr> <img src="https://blog.kakaocdn.net/dn/v01Ut/btsGwaWkYmZ/xZCyjhuiuy6n0CaSrE78Z0/img.gif" width="697" height="392"><img src="https://blog.kakaocdn.net/dn/kXP4Q/btsGyHk7xaQ/ojUVFGzXvxTH7IfM8II2Kk/img.png" width="152" height="392">   책의 예제들을 다 따라해보면서 2년전 처음 개발을 시작하던 내가 많이 생각나는 책이였습니다.엑셀을 좋아해서 시작한 개발이였는데 부트캠프에서 HTML, CSS 배우는 것보다 더 흥미롭게 웹개발의 기초에 다가갈 수 있게 재미있게 구성되어 있는 책이라고 생각합니다. 사업을 위해 처음 웹사이트를 구성해보시는 분, 웹개발이 나의 적성에 맞는지 아닌지를 알고싶은 분에게 추천하는 책입니다.

한빛출판네트워크

인기 검색어 (최근 1개월간)

BOOK

CONTENTS

완성된 웹사이트로 배우는 자바스크립트

자료 다운로드시 유의사항

▶ 부록/자료 관련 FAQ

최근 본 책0