(길벗) 리액트를 다루는 기술 출간 / 집필후기


 

드디어 제 집필 서적이 세상 밖으로 나왔습니다! 이 책을 통하여 리액트 입문부터 시작해서 리덕스, 리액트 라우터, 서버사이드 렌더링 등의 심화적인 내용을 다루고, Node.js 백엔드 지식도 배우고 마지막으론 풀스택으로 프로젝트를 만들어보면서 웹 개발 흐름을 숙달하실 수 있습니다. 정말 많은 분들이 기대하고, 기다려와주셨는데.. 정말 감사드립니다 🙂

페이스북 velopert 페이지 에서 무료 책 나눔 이벤트를 이번주 목요일 (7/26) 까지 진행하고 있으니 책이 필요하신분들은 페이스북 페이지에서 이벤트 참여해주세요~

서적 링크

yes24 – http://www.yes24.com/24/goods/62597469?scode=032&OzSrank=1
교보문고 – http://www.kyobobook.co.kr/product/detailViewKor.laf?mallGb=KOR&ejkGb=KOR&orderClick=LEB&barcode=9791160505238
인터파크 – http://book.interpark.com/product/BookDisplay.do?_method=detail&sc.shopNo=0000400000&sc.prdNo=289052948&pis1=book&pis2=product

 


집필 후기

집필은 2016년 7월 길벗 출판사에서 연락이 와서 시작하게 되었다. 그 시절 나는 군 생활을 하면서 리액트 관련 자료를 블로그에 포스팅하고 있었는데.. 우와, 내가 책을 집필한다니! 하며 엄청 신기했었다. 처음 메일을 받고는 가족들이랑 친구들한테 나 집필 제안도 왔어~ 이러면서 자랑도 했었다. 그래서 고민을 하다가.. 조금 여유로워진 시점인, 2016년 9월부터 집필을 시작하게 됐다.

그때 막 국내에서도 리액트가 부상하고 있어서 였는지, 여러 출판사에서 제의가 왔었다. 한 5~6 곳에서 연락이 왔었던 것 같고, 이미 진행을 하기로 계약을 한 길벗이 있었기에, 어차피 나는 처음 책 써보는거고 나를 가장 먼저 찾아준 길벗출판사랑 계속하는게 좋겠다 싶어서 다 거절했었다. 이제는 출판사에서 연락이 오면 (너무 배부른 소리같지만) 딱히 놀랍지는 않다. 아 – 여기서 연락이 왔구나…하는 느낌이다.

길벗 출판사와, 특히 이원휘 편집자님과 함께 책을 써 내려갈 수 있었던 건 너무나 큰 영광이었다. 나는 솔직히 말해서 중 고등학교를 해외에서 다녔었기 때문에 책을 쓰기에는 어쩌면 표현력이 부족할 수도 있지 않을까 걱정했었는데, 길벗 출판사에서 도와줘서 애매한 표현들을 다 잘 잡아주셨고 글을 씀에 있어서도 어떠한 방향으로 써야 독자들이 쉽게 읽을 수 있는지 가르쳐주셔서 정말 큰 도움이 되었다. 앞으로도 블로그 포스트를 쓰던, 또 쓸진 모르겠지만 또 다른 집필을 하던… 글을 쓰게 될 때 이번 2년간의 경험이 앞으로도 나에게 도움을 주게 될 것 같다.

원고 작성 자체는 작년 11월쯤에 마무리됐어서, 출간 자체가 올해 초에 될 줄 알았는데, 책에 은근히 허점 (?) 이 많아서 편집이 많이 이뤄졌었고.. 더군다나 회사 업무도 하고.. 주말엔 강의도 하면서 진행하느라 평일 새벽이랑 주말밖에 작업을 못해서 조금 진행속도가 느렸었다.

밤에 코딩 방송을 하면서 매번 구독자님들이 책 언제나와요? 물어보셨었는데 난 맨날, 다음달에 나와요~ 라고 답변을 했었다. ㅋㅋㅋㅋ 그렇게 6개월이 흐를줄은 몰랐다 ;0

편집자님과 나는 주로 이메일로 소통을 했는데 집필을 하는동안 총합 약 250통의 이메일을 주고 받았다. 지금 그 이메일들을 다시보면 참.. 나도 고생했지만 편집자님이 너무 고생해주셔서 조금 미안하면서도.. 너무 감사하다 🙂

이번에 책을 집필함에 있어서, 책 한권 만드는데 얼마나 큰 노력이 들어가는지 알게 되었다. 책을 집필하는 경험은 재밌으면서도, 힘들면서도, 보람찼다. 앞으로 5년 안에는, 다른 책을 또 집필하게 되지 않을까 싶다. 그리고 또,, 만약에 집필을 하게 된다면 내가 원고를 먼저 다 작성한 시점에서 출판사 문을 놐놐하고 싶다 🙂 이번에 집필을 하면서 원고 작성 및 편집 일정이 그렇게 빡빡한 것 까지는 아니었지만, 최대한 일정에 맞춰서 빨리 끝내고 싶다는 그런 스트레스가 존재했었기에 글을 작성 함에 있어서 가끔씩은 즐겁지 않을 때가 있었다. 예를 들어서 피곤한 상태로 작업할 때는 참.. ㅋㅋㅋ 영혼 없이 글 쓰는 느낌이랄까?

만약에 글을 쓰면서 온전히 즐거움을 느끼고, 행복 에너지를 내 글에 담으려면 선 작성 후 계약을 하는게 좋을 것 같다.

이번 집필 경험을 요약하자면, 아! 정말 힘들었다! 너무나 귀중한 경험이었고 드디어 끝나서 너무 뿌듯하다.

  • Hyunsung Kim

    바로 지릅니다!!!! 고생하셨어요!!

    • Hyunsung Kim

      어흑…ㅜㅜ 8월 2일부터 출고됩니다…. 라고 메일이…… ㅜㅜㅜㅜ

      • Hyunsung Kim

        책 잘 받아서 열공중입니닷!! ㅎㅎ
        보다보니 575페이지 젤 하단에
        parseInt(lastPage, 10); 이렇게 되어 있는데
        parseInt(lastPage, 10)) 이 아닌가 싶어서..
        오탈자는 어디로 말씀드려야 할 지 몰라서 블로그에 남깁니다!

  • Mory Kwon

    블로그를 통해 많은 것을 배워갑니다. 책 yes24 에서 구매 해버렸습니다.!

  • 민규김

    좋은 책 앞으로도 많이 집필 부탁드려요~ 저도 지릅니다 ㅎㅎ

  • moonti

    오래 기다렸는데 드디어 받을수 있어요!!

  • 박성진

    서점에는 벌써 올라와있네요 ㅋㅋㅋ
    항상 좋은 정보와 지식 감사합니다.

  • 책 검수도 해보고-! 예약구매도 하고 -! 더군다나 민준님꺼라니!! 고생하셨습니다 -!

  • Hudi

    감사합니다 ㅎㅎㅎㅎㅎㅎ 8월달에 바로 지를게요

  • 김동만

    저두 이거 보고 바로 질렀네요, 언제 나오나 싶어 맘 졸였었는데 나온걸 보고 즐거웠습니다. 책만드든게 생각보다 쉽지 않군요 고생하셨습니다. 앞으로도 좋은 책 많이 만들어주셨으면 합니다.

  • 요한

    축하드려요!! 항상 사이트에서 도움 많이 받고 있는데 8월 급여 들어오면 지르겠습니다 ㅋㅋㅋ

  • DoL

    센텀시티 반디엔루니스에 갔더니 아직 없더라구요 빨리 입고됐으면 좋겠네요! 축하드립니다.

  • 김수영

    구매 완료.ㅎ

  • b.kim

    구매했습니다ㅋㅋ

  • 김동진

    https://uploads.disquscdn.com/images/eef618e3f52f651a569758e8e9e4486eb3b87134cd64967fe34498ac75701942.png

    12-13장을 읽고 잘 이해가 가질않아서 mindmap으로 정리해보았습니다.

  • 김형기

    혹시 이북은 출간 계획 없으신지요? 리디북스에는 없더라구요…

    • 임승균

      오늘 출간 되었습니다

      • jungbin lee

        축하합니다

  • WoongE

    이 책 이미 사서 잘 보고 있습니다. ㅋㅋ 감사합니다.

  • js

    책 집필하시느라 수고하셨어요!
    저는 어제 책 주문했습니다. 얼릉 도착하길 ㅎㅎ

  • John

    yarn eject를하면 Remove untracked files, stash or commit any changes, and try again.
    error Command failed with exit code 1.라는 에러가 뜨는데 어떻게하면 좋을까요? config folder가없어서 sass를 못쓰고있습니다. ㅠㅠ

    • John

      Documents/React/Blog/blog-frontend/yarn.lock
      .CFUserTextEncoding
      .Trash/
      .atom/
      .bash_history
      .bash_profile
      .bash_profile.swn
      .bash_profile.swo
      .bash_profile.swp
      .bash_sessions/
      .cache/
      .config/
      .gitconfig
      .npm/
      .nvm/
      .ssh/
      .viminfo
      .yarnrc
      Applications/
      Desktop/
      Documents/.localized
      Documents/Brooklyn-Bridge-New-York-skyscrapers-night-lights-illumination-USA_2560x1440.jpg
      Documents/League of Legends/
      Documents/kiwidown/
      Downloads/
      Library/
      Movies/
      Music/
      Pictures/
      Public/
      hello-react/
      node_modules/
      package-lock.json
      package.json

      Remove untracked files, stash or commit any changes, and try again.
      error Command failed with exit code 1.

      • Shin seunghoon

        이거 버그인데.. 오류에 있는것처럼 git에 추적중인 파일을 없애면 됩니다.
        간단하게 프로젝트 폴더에 가셔서..
        $ git init
        $ git add .
        $ git commit -m “save untrack”
        $ yarn eject

        이런식으로 하시면 될거에요.

  • jun

    책 구매해서 잘 보고 있습니다. 내용이 너무너무 좋네요.
    강의 내용과 별개로 질문을 하나 남기려고 합니다. 다름이 아니라 github에 소스코드를 올리려는데
    git add .를 하고 commit과 push를 진행해도 코드는 올라가지 않고 하위 파일만 업로드가 됩니다..
    최상위폴더 디렉토리를 git init 해서 그 폴더자체를 push하고 있는데 그게 문제인지 무엇이 문제인지
    잘 모르겠습니다. 혹시 답변을 주실수 있을까요?

    • 하나의 디렉토리에 여러개의 프로젝트를 만드신것같은데..
      git 에서 아직 커밋되지 않은게 있다면 커밋을 하셔야 합니다.
      git 에서의 최상위 디렉토리에서 해보시면 어떨까요?

  • 안무근

    책 정말 많은 도움이 되었습니다.
    꼼꼼한 설명들이 바로 어쩜 제 가려운 부분들을 그리 잘 긁어주는지… 놀랐습니다.
    리덕스는 한번에 이해가 안되었는데,
    두번째 따라하면서 해보니 조금씩 이해가 되고,
    또한, 한문장 한문장 모두 피가 되고 살이 되는 것이라는 것 느껴졌습니다.

    블로그 글중에 CRA 2.0 릴리즈로 인해 새로 집필하신다는 계획이 있으시다고 이해했는데,
    이런책은 두권 사도 아깝지 않을 것 같습니다.

  • Eddy

    책 얼마전에 구입하고 잘 보고 있습니다.
    책 구입하자 마자, CRA 2.0 이 나와서~ 지난 코드(?)로 보자니 뭔가 계속 찜찜한 마음을 버릴수가 없네요.ㅠㅠ
    혹시 새 책은 언제쯤 출간되는지 알 수 있을까요?
    그리고 살짝 변경되서 출간되면 기존 구입자 판매보상 같은거 없을까요?ㅠㅠ

    • 코드는 옛날것이 아니며, 단순히 스타일 적용하는 과정에서, 조금 달라질 뿐입니다.
      리액트 관련 코드는 예전 코드 그대로 사용하시면 됩니다.
      책의 예제를 따라할때는 CRA 구버전 사용하시면 문제없이 진행 할 수 있습니다 ^^

      https://github.com/velopert/learning-react#%EC%9D%BD%EC%96%B4%EC%A3%BC%EC%84%B8%EC%9A%94

      책의 예제는 이전걸로 진행하시고
      CRA v2 에선 어떻게 더 편해지는지 숙지만 하시면
      충분합니다.

      추가적으로 책은 현재 길벗출판사와 개정판 제작을 계획하고있으며 최소 3달은 걸릴것같습니다 😉

  • jsjsjs3

    webpack.config.dev.js sass-loader파일수정하려는데
    책과 내용이 다릅니다. 댓글 올렸는데 삭제됐네요..
    뭐가문제인지 질문하고싶은데 어디다가 올려야할지 모르겠네요
    뭐가 안맞나요? 왜 글이 삭제가 되는지..

  • bosco

    안녕하세요 책 정말 잘 읽고 있습니다. 다름이아니라 블로그 프로젝트 21장 572페이지까지
    코드를 치고 결과를 보려 작성하기를 누르면 자꾸 아래와 같은 오류가 나서 질문 드립니다.

    Uncaught (in promise) Error: Request failed with status code 400
    at createError (createError.js:17)
    at settle (settle.js:19)
    at XMLHttpRequest.handleLoad (xhr.js:78)

    velopert님의 github코드도 참고해 보고 아무리 찾아봐도 이유를 찾지못해 질문 드립니다.
    해당 코드가 올라가 있는 깃 헙 주소를 남기겠습니다.
    가능하시다면 답변한번 부탁드립니다 ㅜㅜ
    https://github.com/rlawnsxo131/React.js-practice/tree/master/7.blog

    • bosco

      문제는 찾았습니다만 이 문제가 왜 일어나나 해서 질문 드립니다.
      createStore(
      reducers,
      preloadedState,
      composeEnhancers(
      window.devToolsExtension && window.devToolsExtension(),
      applyMiddleware(…middlewares)
      )
      );
      이런 식으로 redux 개발다 도구를 사용하기 위한 설정코드를 넣으면 오류가 나는데
      왜 충돌이 나는지 답변주시면 감사하겠습니다 !

  • 화이팅

    안녕하세요 velopert님 블로그 잘 보고 있습니다.
    3월부터 리액트를 입문하려고 하는데
    궁금점이 있어서 질문 남깁니다.

    Velopert님의 책이나 온라인 강좌로 입문 하려고 하는데
    두개의 내용이 크게 다른가요? 크게 다르지 않더라도 책으로 보는 이점과 영상으로 보는 이점이 다르기 때문에 둘 다 구매할 생각이지만.. 시간적 여유가 많지 않고 1~2개월 공부 후 바로 사용해야 하므로 둘 중에 어느 것으로 시작하는게 좋을까 고민중입니다.

    그리고 답글을 보니 개정판의 소식이 있다고 하셨는데 출시계획이 잡혀있나요?
    지금이 딱 3개월째라 영상강의를 먼저 공부하면서 개정판이 나오면 책을 사는게 좋지 않을까 싶기도 하네요.
    어찌 보면 간단한 질문이지만 경험이 많지 않은 초보 개발자이다 보니 어떤 방법이 좋을까 고민되네요.

    댓글 읽어주셔서 감사드리구요. 앞으로도 좋은 강의 부탁드립니다~!

  • Park Kyung-Min

    이상하네요..
    제가 쓴 글이 계속 사라지네요.
    저장이 잘 안되나..?

  • D Aaa

    개정판 언제쯤 출간되나요?

  • 김대현

    책이 절판되서 2차 출판이 언제 될까요 ㅠㅠ

  • Emiya Mulzomdao

    리액트를 다루는 기술. 책 새롭게 내신다고 들었습니다. 언제쯤 내실 계획 있으신지요?

  • Jongpil Park

    velopert님의 인프런 강좌로 react를 처음 접했었는데, 얼마전에 ‘리액트를 다루는 기술’ 을 구매하여 따라해보고 있는데 역시나 실습하기 적절하게 잘 나뉘어진 예제 코드들이 매우 도움이 되고 있습니다. 좋은 책 써주셔서 감사합니다. 🙂

  • hexma999

    리액트를 다루는 기술 p320 에 보면 ‘immer에서 제공하는 produce 함수를 호출할 때, 첫 번째 파라미터가 함수 형태라면 업데이트 함수를 반환합니다.’ 이부분이 이해가 안갑니다. 12.1.5 절의 내용이 무슨 내용인지 파악이 안되는데 간단히 추가 설명 부탁 드려도 되나요?

  • LCY

    벨로퍼트님 이책 보고 koa-mongobd로 게시판 설정하고 quill 에디터로 게시물을 작성하는데 처음에 글 등록할때는 이미지 첨부가 잘 올라가는데 수정하려고 하면 이미지파일은 날아가고 텍스트만 남는데 이미지도 보존할수 있는 방법이 뭐가 있을까요 ㅜㅜ 공홈에서 벨로퍼트님 소스 받아서 해도 동일한 문제가 있던데 해결방법을 몰라서 너무 궁금합니다 ㅜㅜ

  • Seung Hwan Jeong

    안녕하세요?
    저는 인공지능 스타트업에 다니는 정승환이라고 합니다.
    블로그의 내용들 정말 잘 보았습니다. 소중한 지식의 나눔, 감사드립니다.

    관련해서 간단하게 제안드릴 내용(온라인 강의)이 있어서
    메일로 연락드리고 싶습니다.
    정말 바쁘시겠지만,
    메일 한 번 이야기 나누어 볼 수 있을까요?

    제 메일은
    hwan@lionrocket.ai
    입니다. 회신주시면, 제안내용과 함께 꼭 설명드리고 싶습니다.

    좋은 하루 되세요 🙂
    정승환 드림

  • 이성일

    https://uploads.disquscdn.com/images/8edd829693255ec42ba0cfeff120fefe6dd4489a391b1e56f4eac84c9818f284.png

    개정판 책에서 398 – 402 부분을 실행하면 에러가 발생합니다.

    TypeError: render is not a function

    의심이 가는것은 App.js 부분에서 ColorProvider를 사용함에도 사용하지 않는코드로 되어 있으며, Ctrl을 이용 코드를 따라 가면

    colorContext를 가르키고 있는것 입니다. (5시간째 고민중)