이 책의 후원자분들의 한 마디<br/>프롤로그<br/>이 책의 특징<br/>학습 로드맵<br/>코딩 두뇌 패치하기<br/><br/><b>기초편 | 코딩의 기초를 배워보자</b><br/>?<br/>1강 진짜 쉽게 설명하는 코딩<br/><br/>1. 프로그래밍에 대해 알아보자<br/> 1.1 프로그래밍할 때 고려할 다섯 가지 키워드<br/> 1.2 데이터를 보기 좋게 가공하는 것<br/><br/>2. 코딩할 때 필요한 최소한의 지식<br/> 2.1 우리가 보고 있는 화면의 모든 것, 웹 프론트엔드<br/> 2.2 서버의 관리자, 웹 백엔드<br/> 2.3 객체지향 프로그래밍 vs. 절차지향 프로그래밍<br/> 2.4 객체의 의미<br/> 2.5 공급자와 수요자, 웹 서버와 웹 클라이언트<br/> 2.6 정보를 보내는 GET과 POST 방식<br/> 2.7 징검다리 역할을 하는 API<br/><br/>3. 개발자의 절친, 크롬 개발자 도구<br/> 3.1 크롬 개발자 도구를 쓰는 이유<br/> 3.2 웹 페이지의 요소를 볼 수 있는 Element 탭<br/> 3.3 컴퓨터와 소통하는 console 탭<br/> 3.4 그밖의 기능들<br/>?<br/>2강 단번에 배우는 프론트엔드<br/><br/>1. 웹을 이루는 기본 뼈대, HTML<br/> 1.1 HTML과 마크업<br/> 1.2 블록 태그와 인라인 태그<br/> 1.3 HTML 태그의 속성<br/> 1.4 HTML 문서의 구조<br/><br/>2. HTML 태그를 꾸며 주는 CSS<br/> 2.1 CSS 선택자<br/> 2.2 CSS의 우선순위<br/> *실전과제: 네이버의 CSS 조작해 보기<br/> *실전과제: 네이버 로그인 버튼 똑같이 구현하기<br/><br/>3. 컴퓨터가 일으키는 두근두근 이벤트<br/> 3.1 button 태그로 알아보는 이벤트<br/> *실전과제: 현재 시간을 출력하는 버튼 만들기<br/> 3.2 이벤트의 종류<br/> 3.3 이벤트의 타이밍<br/>?<br/>3강 오늘 배워 내일 써먹는 개발 기초<br/><br/>1. 데이터를 담는 바구니, 변수<br/> 1.1 변수와 데이터 타입<br/> 1.2 책상과 사물함으로 보는 원시 타입, 참조 타입<br/> 1.3 자바에서의 변수<br/> 1.4 자바스크립트에서의 변수<br/> *실전과제: JSON 형태의 데이터 만들어 보기<br/> 1.5 메모리를 관리하는 스코프<br/> 1.6 변하지 않는 상수<br/> 1.7 변수에도 이름이 필요해<br/><br/>2. 데이터를 가공하는 공장소, 함수<br/> 2.1 더함이와 보여주로 배우는 함수<br/> 2.2 파라미터는 데이터 가공을 위해 들어가는 재료<br/> 2.3 함수의 구조<br/> 2.4 return! 값을 줄 것이냐, 종료시킬 것이냐<br/> *실전과제: 영업사원 김지쳤 씨에게 함수 만들어 주기<br/><br/>3. 반드시 익혀야 하는 연산자, 조건문, 반복문<br/> 3.1 연산자<br/> 3.2 조건문<br/> 3.3 프로그래밍의 꽃, 반복문<br/> *실전과제: MBTI 테스트 만들기<br/>?<br/>?<b>심화편 | 한 단계 업! 코딩 심화 스킬을 익히자</b><br/>?<br/>4강 비전공자도 쉽게 이해하는 개발 심화<br/><br/>1. 객체의 설계도, 클래스<br/> 1.1 이데아 이론으로 설명하는 클래스<br/> 1.2 new 연산자와 생성자<br/> 1.3 객체 협력<br/> *실전과제: ‘캐셔-주문서-바리스타’ 객체 협력 코딩하기<br/> 1.4 객체를 보호하는 접근 제어자<br/> 1.5 값을 가져오고 세팅하는 게터와 세터<br/> <br/>2. 효율의 끝판왕, 상속<br/> 2.1 프로그래밍에서 상속이란?<br/> 2.2 종업원 클래스로 보는 상속<br/> <br/>3. 규칙을 정해 교통 정리하는 인터페이스<br/> 3.1 깔끔이와 더러비로 설명하는 인터페이스<br/> 3.2 인터페이스의 구조<br/> 3.3 인터페이스의 키워드<br/> *실전과제: 바리스타와 캐셔에게 청소 인터페이스 구현하기<br/> <br/>4. 오류를 미리 예방하는 예외 처리<br/> 4.1 에러를 대비해서 설치하는 덫, try~catch<br/> 4.2 catch의 파라미터로 넘어온 에러 객체 확인하기<br/> 4.3 피날레 장식, finally<br/> 4.4 에러 던지기, throw<br/>?<br/>5강 눈으로 바로 배우는 쿼리<br/><br/>1. 데이터를 관리하는 법, 데이터베이스와 DBMS<br/> 1.1 데이터를 다루는 방식, CRUD<br/> 1.2 테이블로 데이터를 표현하는 관계형 데이터베이스<br/> 1.3 ERD는 테이블의 관계도를 그린 것<br/> 1.4 관계형 데이터베이스의 테이블 용어<br/> <br/>2. 데이터베이스에게 보내는 친절한 요청, 쿼리<br/> 2.1 테이블을 생성하고, 데이터를 넣는다<br/> 2.2 쿼리를 통해 테이블 출력하기<br/> <br/>3. 테이블을 연결하는 조인<br/> 3.1 조인이란?<br/> 3.2 다이어그램으로 배우는 조인<br/><br/>?<b>실전편 | 비전공자, 개발자로 커리어전환하다</b><br/><br/>6강 6개월만 공부하면 정말 개발자가 될 수 있다<br/><br/>1. 개발자가 되려면 적성 체크부터!<br/><br/>2. 나는 어떤 분야의 개발자가 어울릴까?<br/> 2.1 웹 프론트엔드 개발자와 백엔드 개발자<br/> 2.2 웹 퍼블리셔? 웹 디자이너? 프론드엔드 개발자와 차이점<br/> 2.3 데이터 사이언티스트<br/> 2.4 머신러닝·딥러닝 개발자<br/> 2.5 임베디드 개발자<br/> 2.6 게임 개발자<br/> 2.7 SAP 개발자<br/><br/>7강 커리어전환을 위해 본격적으로 해야 할 일<br/><br/>1. 코딩을 배울 수 있는 다섯 가지 루트<br/> 1.1 국비 지원 학원<br/> 1.2 K-digital training<br/> 1.3 코딩부트캠프<br/> 1.4 취업 연계 프로그램<br/> 1.5 비전공자라면 어디서 배워야 할까?<br/> <br/>2. 제대로 된 강의를 고르는 법<br/> 2.1 국비 지원 강의를 찾는 법<br/> 2.2 추천 과목, 비추천 과목<br/> <br/>3. 용돈 받아 가면서 프로그래밍 공부하는 법<br/><br/>4. 정보처리기사 자격증 한 번에 붙는 법<br/> 4.1 응시 자격<br/> 4.2 필기 시험 및 실기 시험<br/> <br/>8강 통과하는 이력서, 탈락하는 이력서<br/><br/>1. 비전공자도 합격하는 이력서 작성법<br/> 1.1 자격증<br/> 1.2 보유 기술과 능력<br/> 1.3 참여 프로젝트<br/> 1.4 특기 사항<br/><br/>2. 자기소개서 작성하는 꿀팁<br/> 2.1 두괄식으로 쓰기<br/> 2.2 숫자를 사랑하기<br/> 2.3 STAR 기법<br/> 2.4 개복치 기법<br/><br/>3. 실전! 자기소개서 작성해 보기<br/> 3.1 지원 동기 및 입사 후 포부<br/> 3.2 직무 적합성<br/> 3.3 직선형 경험<br/> 3.4 곡선형 경험<br/> 3.5 강점 및 특기 사항<br/> 3.6 성격의 장단점<br/> 3.7 창의적 문제 해결<br/><br/>9강 포트폴리오와 면접 준비하기<br/><br/>1. 비전공자가 포트폴리오 제작하는 방법<br/> 1.1 프로젝트의 단권화<br/> 1.2 코드 결과물을 깃허브에 올리자<br/> 1.3 포트폴리오? 코딩테스트?<br/><br/>2. 인적성 검사, 생각보다 더 중요하다<br/><br/>3. 면접볼 때 반드시 준비해야 하는 것<br/> 3.1 1분 자기소개 가이드<br/> 3.2 1분 자기소개 대본<br/> 3.3 CS 면접 질문<br/><br/>10강 개발자와 테크기업의 생생한 현장<br/><br/>1. 비전공자 출신 개발자의 현실 연봉<br/><br/>2. SI 업체와 솔루션 업체, 무슨 차이일까?<br/><br/>3. 신나는 일이 가득? 스타트업 취직<br/><br/>4. 자유롭게 일하는 프리랜서 개발자<br/><br/>5. 변하고 있는 개발자의 환경들<br/> 5.1 30세에 개발자로 커리어전환<br/> 5.2 실제 개발자의 환경<br/>?<br/>에필로그<br/>부록 1 개발자에서 데이터 사이언티스트로<br/>부록 2 코딩테스트 입문

디자이너에서 개발자로 커리어전환한 저자의
코딩 공부와 개발자 취직의 A to Z

2022년 3월, ‘쉽게 배우는 코딩, 비전공자가 개발자가 되는 법’이라는 전자책이 텀블벅 펀딩 웹사이트에서 분야 1위, 펀딩 금액 1위에 랭킹되었다. 코딩이라는 낯선 분야였지만 입소문을 타고 11,688%라는 어마어마한 달성률을 보였고, 당해 연도 7월 와디즈 웹사이트에서도 2,276%로 펀딩에 성공했다. 펀딩 후원자만 약 3,000명이었으며, 펀딩이 종료된 이후에도 저자에게 ‘전자책 펀딩을 한 번 더 해 달라’는 문의가 빗발쳤다. 그런 지속적인 문의와 관심에 힘입어 편집, 디자인, 구성 등을 가다듬어 《세상에서 가장 쉬운 코딩책》으로 새롭게 정식 출간되었다.

의류학을 전공한 저자는 대학교 졸업 후 패션회사에 입사했다. 밤낮 없이 일했지만 연봉이나 커리어 성장은 제자리였다. 설상가상 코로나19의 영향으로 회사가 존폐위기까지 간다. 이에 과감히 사표를 쓰고 개발자로 이직을 결심했다. 비전공자였기에 처음에는 어떻게 코딩 공부를 해야 할지 막막했다. 하지만 직접 노트에 코드를 해석하고 그림으로 정리하며 코딩을 익혔다. 그 결과 1,000만 원 가까이 연봉을 높여 개발자로 취직했다.

코딩 기초부터 개발자로 취직할 수 있었던 ‘나만의 꿀팁’을 정리한 것이 바로 이 책이다. 이 책에서는 프로그래밍부터 HTML, CSS, 개발 기초, 쿼리 등이 무엇인지 쉽게 설명한다. 또한 개발자로 취직하기 위해 저자가 준비한 과정과 노하우를 아낌없이 담았다.

비전공자 눈높이에 맞춘 설명과
MBTI 테스트 만들기, 포켓몬빵 찾기 등 예시 수록

《세상에서 가장 쉬운 코딩책》은 이제 막 코딩에 입문하는 사람들을 위해 실제 코딩 화면을 예시로 들며 설명한다. 또한 비전공자이지만 개발자로 취직하려는 이들을 위해 자기소개서, 포트폴리오, 면접법 등을 함께 적어놓았다. 1~3강에서는 기초 용어를 알아보며 코딩과 개발의 문턱을 유연하게 넘을 수 있게 한다. 프로그래밍부터 웹사이트의 뼈대라 불리는 HTML, 화면을 예쁘게 꾸며 주는 CSS 등 기본 지식을 담았다. 별도의 프로그램을 다운받지 않고도 코딩할 수 있는 방법으로 세심하게 알려준다. 4~5강에서는 개발 심화와 쿼리에 대해 다룬다. 특히 왕초보도 직접 코딩을 따라할 수 있도록 화면을 하나하나 보여주며 구성했다. 포켓몬빵, MBTI 테스트 만들기 등 친근한 사례를 들어 코딩에 대한 장벽을 낮췄다.

6~10강에서는 자기소개서 작성, 면접 준비, 포트폴리오 제작법 등 개발자 취직 과정을 단계별로 담았다. 특히 7강은 정보처리기사 자격증의 합격 노하우를 풀어놓았다. 저자가 어떻게 단 한 번에 합격했는지 구체적인 공부법을 설명한다. 8강에서는 저자가 기업에 제출했던 자기소개서 예시를 수록하여 통과하는 이력서와 자기소개서의 가이드를 제공한다. 9강에서는 비전공자의 포트폴리오 제작법과 깃허브에 업로드하는 과정을 생생하게 보여준다. 마지막 10강에서는 지인들의 사례로 개발자와 IT업계의 현실을 미리 체험할 수 있게 했다.

부록으로는 개발자의 미래와 코딩테스트를 다룬다. 코딩을 배워 개발자로, 그리고 다시 개발자에서 데이터 사이언티스트로 커리어를 개척하고 있는 저자의 테크트리를 소개한다. 또한 입문 난이도의 코딩테스트를 수록하여 코딩테스트가 무엇인지, 어떻게 풀어내는지 등을 보여준다.

타분야로 취업했지만 커리어의 미래가 보이지 않아 답답한 직장인, 개발자가 되었지만 개념 정리가 잘 안 되어 있는 주니어 개발자, 개발자들과 일하기 위해 코딩과 IT 지식을 알아야 하는 디자이너 및 PM 등에게 이 책은 명쾌한 답을 제공할 것이다.

*이 책의 특징

① 비전공자가 어떻게 개발자가 될 수 있었는지 그 구체적인 방법이 담겨 있다.
② 영어와 부호 가득한 설명이 아닌 각종 예시와 그림으로 코딩을 쉽게 설명한다.
③ 초보자 입장에서는 별도의 프로그램을 설치하는 것도 번거롭다. 이 책은 웹사이트에서 코딩을 할 수 있는 방법 위주로 설명한다.
④ MBTI 테스트, 포켓몬빵 찾기 등 재미있는 예제들로 코딩에 대한 심리적 장벽을 낮췄다.
⑤ 개발자들의 생생한 이야기를 담아 업계 현실을 보다 분명히 들여다볼 수 있다.
⑥ 저자가 운영하는 네이버 카페(위캔코딩 카페)에서 구현코드 모음집, 실무 족집게 용어 모음집, 단축키 모음집, 책 요약본 PDF, 손코딩노트 등을 다운받을 수 있다.

*이 책의 독자

① 코딩이 배우고 싶지만 어려워서 포기했던 비개발자들
② 개발자로 커리어전환을 하고 싶은 비전공자들
③ 프로그래밍의 기초를 재미있게 배우고 싶은 프로 배움러들
④ 다양한 예제로 코딩을 접하고 싶은 현직자들

*이 책을 먼저 본 후원자분들의 한 마디

제가 코딩에 관심 많은 디자이너인데 설명도 자세하게 되어 있고, 무엇보다 구현코드 모음집을 주셔서 좋았어요. _구슬* 님

친절한 창작자 님 덕분에 코딩을 더 신나게 공부할 수 있을 것 같아요. 전자책의 퀄리티도 엄청나고, 후원자들을 위해서 카페를 만들어 주셨어요. ZOOM 수업도 진행하겠다고 해주셔서 기대가 됩니다. 이 창작자 님의 다음 텀블벅 프로젝트가 기다려집니다. _곰돌* 님

무엇보다 후원자 분들의 문의 성심성의껏 대응해 주시고 직접 네이버 카페 운영으로 지속적인 지원도 해주셔서 신뢰가 갑니다! _귤* 님

파일을 받고 한번 쭉 보는데 정말 애정과 책임감을 갖고 집필하신 것 같다고 느꼈어요. (중략) 계속 옆에서 봐 주는 선생님처럼 그림으로도, 글로도, 쉽게 풀어서 설명해 주셔서 재밌게 공부할 수 있을 것 같아요. _졔* 님

시중에 있던 다른 책들과 달리 코딩을 그림과 비유를 통해서 접근해서 더 특별했고 이해가 잘되었던 책입니다. _강뤼선* 님

개발자로 진로를 재설정하고 나서 가장 막막하고 궁금했던 점들이 상세하게 쓰여 있어서 감동이었어요. _크* 님

현직 개발자 지인도 감탄한 서적으로 유용합니다. _류시아* 님

예전부터 배워야지 생각은 했지만 코딩에 ㅋ도 몰랐던 비전공자입니다. 그림과 재미있는 예시로 술술 읽었습니다. 몇 번씩 읽으면서 공부해보려고 합니다. _쿠키* 님

새로운 것을 배우는 일에 있어서 가장 큰 장애물은 분야에 대한 낯섦도 있지만, ‘어디서 어떻게 배워야 하는지’를 모른다는 점입니다. 이 책은 다양한 시각 자료, 적절한 예시와 함께 코딩을 쉽게 풀어냅니다. 뿐만 아니라 비전공자인 저자가 개발자로 커리어전환을 하면서 준비했던 과정들이 상세히 담겨있습니다. 비개발자, 비전공자들도 책의 실습을 따라가다 보면 그동안 막연했던 코딩에 대해 알게 되고, 나아가 새로운 커리어를 꿈꿀 수 있을 것입니다.
- 이석재 (LINE Biz Plus 서버 개발자)

딱딱한 백과사전 두께의 프로그래밍 서적으로 코딩에 입문하는 시대는 지났습니다. 이 책에서는 어렵고 낯선 프로그래밍 개념들을 친숙한 예시에 빗대어 설명해 비전공자도 코딩을 쉽고 빠르게 이해할 수 있습니다. 개발자의 길을 시작하려는 독자들에게 이 책을 추천합니다.
- 박정호 (NHN 다이퀘스트 백엔드 개발자)

이 책을 처음 접했을 때의 신선함이 아직도 잊히지 않습니다. 비유와 그림으로 코딩 용어를 풀어낸 것을 보면서 저자가 ‘비전공자들의 어려움을 십분 이해하고 있구나’라고 느꼈습니다. 코딩에 관심 있는 모든 이들에게 좋은 코딩 안내서가 되어줄 것입니다.
- 이주영 (모비젠 백엔드 개발자)

이 책은 친숙한 일러스트로 코딩 기초를 쉽게 설명할 뿐만 아니라 커리어전환을 위해 무엇이 필요한지, 취업까지 어떻게 연계되는지 알려주고 있습니다. 타분야의 공부를 시작하는 사람에게 내용을 깊게 알려주기보다는 큰 흐름을 먼저 이해시키는 것이 중요하다고 생각하는 저로서는, 이 책이 웹 개발의 기초와 흐름을 파악하는 데에 더할 나위 없이 좋은 입문서라고 자신합니다. 비전공자이지만 개발자의 길을 눈앞에 두고 방황하는 독자에게 이 책을 권합니다.
- 임지영 (L사 웹 풀스택 개발자)

개발의 기본부터 심화까지 차곡차곡 쌓아 올려주는 부분이 그 어떤 책보다 좋았습니다. 개발자의 길로 첫 걸음을 내딛는 미래 산업의 일꾼들에게 좋은 지침서가 될 것이라 확신합니다.
- 가가 (삼성전자 임베디드 소프트웨어 개발자)