처음 시작하는 첫 번째 코딩 입문서

코딩을 몰라도 컴퓨터를 잘 다룰 수 있다고요? 개념, 작동원리에서 실전까지 코딩 입문서 그대로 따라 하면 앱, 블로그, 웹사이트가 뚝딱!

처음으로 코딩을 배우는 사람들은 흔히 “어떤 프로그래밍 언어부터 배워야 하나요?”라고 질문한다. 특정 프로그래밍 언어로 코딩을 배우는 방식은 숲은 보지 않고 나무만 보는 식이다. 난생처음 코딩을 배운다면 프로그래밍의 기초 개념부터 접근하여 각각의 언어가 활용되는 맥락을 알아야 한다. 코딩이 정확히 무엇인지, 코딩 언어의 종류가 왜 그렇게 많은지, 그리고 그중에서 무엇을 배워야 하는지부터 아는 것이 먼저다. 난생처음 코딩을 배우고자 하는 이들을 위해 이 책은 그들이 가려워하는 부분을 콕 짚어서 설명한다. 꼭 알아야 할 부분만 정리해놓아 군더더기가 없다. 이 책의 최대 장점이다. 우리는 전문 코더가 되려는 게 아니다. 내가 하는 반복적인 일을 자동화하거나 나만의 앱이나 블로그, 웹사이트를 만들거나 하는 데 필요한 것들만 알면 된다. 프로그래밍 언어에 전문가가 될 필요는 없다. 이 책은 코딩을 처음으로 접하고 전반적으로 이해하고 싶으며 직접 코딩을 해보고 싶은 이들을 위해 쓰였다. 기본 개념을 설명한 후 과제를 풀어보고 실전 연습을 하는 식으로 구성되어 있다. 그대로 따라 하다 보면 어느 순간 코딩을 하는 자신을 발견하게 될 것이다. 레알 문과생 직장인, 나만의 블로그나 앱, 웹사이트를 만들고 싶은데 어디서 시작해야 할지 막막한 코딩 컴맹, 코딩을 쉽게 가르치고 싶은 선생님 등 왕초보의 눈높이에 딱 맞춘 코딩 입문서. 이보다 쉬울 수는 없다!

1장 왜 지금 코딩을 배워야 하는가
1. 코딩으로 할 수 있는 일
효과적인 업무 처리 / 기술팀과 원활한 대화 / 소프트웨어 작동원리 이해 / 무엇이 필요한지 파악하기 / 웹사이트나 앱 구축하기 / 웹 정체성 구축하기 / 자기만의 사업 시작하기 / 현재 역할 내에서 추가적인 업무 처리하기 / 업무 시간으로부터 자유 / 자신의 전문 지식을 코딩으로 구현하기 / 재미있는 코딩 / 각 업무 분야와 코딩
Summary Note

2. 코딩이란 무엇인가
내 마음대로 작업을 지시한다 / 간단한 코딩으로 워밍업 / 프로그램 언어가 다양한 이유
Summary Note

2장 코딩에 쓰이는 언어
3. HTML
HTML이란 무엇인가 / 왜 HTML을 배우는가 / 텍스트 포맷 / HTML 목록 / 이미지 추가 /폼 / 테이블 / 링크 연결 / HTML 엔티티 / 아이프레임 작성 / HTML 프로젝트: 통합하기
Summary Note
심화 학습

4. CSS
CSS란 무엇인가 / 왜 CSS를 배우는가 / CSS는 어떻게 생겼는가 / 내부 CSS란 무엇인가 / 클래스와 아이디 / Div / 폰트 /텍스트 스타일/텍스트 정렬하기 / CSS 프로젝트: 웹사이트 복제
Summary Note
심화 학습

5. 자바스크립트
자바스크립트란 무엇인가 / 왜 자바스크립트를 배우는가 / 내부 자바스크립트 / 자바스크립트로 스타일 바꾸기 / 사용자에게 정보 얻기 / If 문 또는 조건문 / 웹사이트 내용 업데이트 / 반복문(루프) / 난수 만들기 / 자바스크립트 프로젝트: 추측 게임
Summary Note
심화 학습

6. 파이썬
파이썬이란 무엇인가 / 왜 파이썬을 배우는가 / 어떻게 파이썬을 시작할 것인가 / ‘Hello World’로 시작하는 파이썬 / 파이썬 변수 / 리스트 / For 문 / While 문 / If 문 / 정규 표현식 / 문자열을 나눠 리스트 만들기 / 웹페이지 내용 가져오기 / 파이썬 프로젝트: 웹페이지로부터 데이터 추출하기
Summary Note
심화 학습

3장 실전! 코딩
7. 웹사이트 개발
왜 웹사이트를 만드는가 / 웹사이트는 어떻게 작동하는가 / 도메인 이름은 어떻게 얻을 수 있는가 / 웹호스팅은 무엇이고 어떻게 구하는가 / 콘텐츠 관리 시스템 / 사이트 직접 코딩하기 / 웹사이트 개발 프로젝트: 웹사이트 구축하기
Summary Note
심화 학습

8. 아이폰과 아이패드를 위한 앱 개발
앱이란 무엇인가 / 시작하기: 엑스코드 다운로드 / 앱에 라벨 추가하기 / 텍스트 필드 추가하기 / 버튼 추가하기 / 코드 실행하기 / 사용자 인터페이스 편집하기 / 상호작용 버튼 만들기 / 스위프트의 변수 타입 / 앱 만들기 프로젝트: 환율 계산기 앱
Summary Note
심화 학습

9. 안드로이드를 위한 앱 개발
안드로이드 스튜디오 다운로드와 설정 / 첫 번째 안드로이드 앱 실행하기 / 텍스트와 버튼 추가하기 / 쌍방향 기능 만들기 / 토스트 만들기 / 앱 만들기 프로젝트: 고양이 나이 계산 앱
Summary Note
심화 학습

10. 디버깅
왜 디버깅을 배우는가 / 디버깅을 최소화하는 코드 작성법 / HTML과 CSS 디버깅 / 자바스크립트 디버깅 / 엑스코드에서 스위프트 디버깅 / 안드로이드 스튜디오에서 자바 디버깅
Summary Note

4장 코딩으로 커리어 경쟁력 갖기
11. 코딩으로 커리어 쌓기
회사를 위한 앱 만들기 / 블로그 시작하기 / 블로그 만드는 법 / 자동화할 수 있는 업무 찾기 / 파이썬으로 웹사이트에서 이메일 주소 추출하기 / 맥OS에서 자동화 / 윈도우에서 자동화
Summary Note

12. 코딩과 창업
코딩과 창업의 관계 / 아이디어는 어디에서 오는가 / 제품 vs 서비스 / 자신만의 차별화된 셀링 포인트 / 아이디어 검증하기 / 최소 기능 제품 만들기 / 가격은 어떻게 책정할까 / 규모와 관계없는 일을 해라
Summary Note

13. 코딩 개발자가 되는 길
전업 코더 vs 프리랜서 / 무슨 언어를 배워야 하는가 / 웹 개발 / 앱 개발 / 프리랜서 일 구하기 / 온라인에서 정체성 키우기 / 소프트웨어 개발자로서 이력서 쓰기 / 면접
Summary Note

** 코딩은 급여를 올리고 경력을 쌓을 기회를 넓혀주며 사업이나 구직의 지렛대가 될 수 있다. 또 가상현실이나 자율주행 등으로 대표되는 자동화된 미래사회를 잘 헤쳐 나갈 수 있게 도와줄 것이다. 지금 당장 우리는 코딩으로 무엇을 할 수 있을까?** 자녀들에게 프로그래밍 교육을 시켜야 하는 주요 이유 중 하나는 소프트웨어가 발전하는 속도 때문이다. 지금 가장 주된 컴퓨팅 도구인 스마트폰이 등장한 지가 이제 겨우 10여 년이다. 지금부터 5, 10, 20년 뒤에는 무슨 기기가 쓰일지 누가 알겠는가.** 무언가를 만들고 문제를 해결하는 일을 즐긴다면 웹사이트와 앱을 만들고 버그를 잡고 프로젝트를 마무리하는 일을 좋아하게 될 것이다. 코드를 한 줄 한 줄 작성해서 컴퓨터가 자신이 명령한 일을 수행하게 하는 것은 그 자체로 중독성이 있다. 그리고 일상의 스트레스로부터 멋진 휴식이 된다.** 자바스크립트는 이 책에서 배우는 첫 번째 ‘제대로 된’ 코딩 언어다. 루프, 변수, If 문 같은 프로그래밍 툴(곧 이들이 무엇인지 살펴볼 것이다)을 사용할 수 있다. 특정 텍스트를 클릭하면 사라지게 하는 것부터 구글 문서를 위한 오피스 프로그램 같은 완전한 응용프로그램을 생성하는 것까지 전반적인 업무에 사용할 수 있다.** 회사를 위한 앱을 만드는 것은 어떤 놀라운 아이디어가 아니더라도 앱 개발의 전체 과정을 배울 수 있는 훌륭한 방법이다.
. 새로 들어온 직원에게 사무실 업무에 대한 기본 정보를 알려주는 ‘신입직원 교육’ 앱
. 주요 전화번호, 이메일 주소, 그 외 정보를 담아서 모든 직원이 편리하게 사용할 수 있는 ‘중요 정보’ 앱
. 특정 목표에 대한 진척 상황이나 매출액, 판매고와 같은 사업 정보를 실시간으로 보여주는 앱아직 자바스크립트를 배워야 하는 이유에 대해 확신이 없을 경우를 위해 아래 장점들을 설명했다. 우선 이것은 우리의 첫 번째 ‘완전한’ 프로그래밍 언어다. 그저 정적인 웹페이지와 레이아웃을 만드는 것이 아니라 동적인 기능을 제공하는 완전한 응용프로그램과 웹사이트를 개발할 수 있다. 또한 다른 많은 언어들과 유사해서 일단 자바스크립트를 배우면 다른 언어들을 훨씬 빠르게 습득할 수 있는 길이 열린다.** 코딩 분야에서 일자리를 찾는다면 자바스크립트 외에 두 번째 언어를 배워야 할 필요가 있는지 궁금할 수 있다. 대답은 물론 예스다. 로봇을 만들 것도 아닌데 다른 언어를 배워야 하는 이유는 무엇일까? 2가지 언어를 배우면 언어 사이의 공통점이 무엇인지 알 수 있다(그리고 다른 점까지). 2가지 언어로 루프를 만들 수 있다면 루프에서 무엇이 중요한 부분인지 훨씬 명확해진다.** 웹사이트를 만드는 3가지 방법에 대해 살펴본다. 위블리(Weebly)나 스퀘어스페이스(Squarespace) 같은 서비스를 이용하는 방법, 워드프레스(Wordpress) 같은 콘텐츠 관리 시스템(Content Management System)을 사용하는 방법, 마지막으로 백지에서 자신이 직접 코딩하는 방법이 있다. 3가지 방법의 장단점을 배우고 자신이 원하는 사이트의 특성에 따라 어떤 방법을 사용할지 결정한다.** 자신이 작성한 코드가 작동하지 않을 때 초보 코더는 종종 좌절감을 느낀다. 문제를 어디서 찾아야 할지 모르고 그 결과 스스로를 탓한다(‘내가 이 코드를 마칠 수 있을까). 또는 기계를 탓한다(바보 같은 컴퓨터). 이는 자연스런 감정이다. 모든 코더들이 이런 감정을 수없이 겪는다. 숙련된 코더와 초보자의 차이점은 이런 일이 자주 발생한다는 것을 숙련자는 안다는 점이다.

코딩과 친해지는 시간! 우리는 모두 디지털로 둘러싸인 세상을 살고 있다. 그럼에도 소프트웨어가 어떻게 작동하는지 아는 이는 드물다. ‘나는 코딩을 모르지만 컴퓨터와 전화기로 하고 싶은 것은 다 할 수 있어요’라며 착각한다. 실제 코드를 작성하지 않고도 컴퓨터를 다룰 수 있긴 하다. 누군가가 만든 명령대로 움직이는 수십억 개의 반도체가 있기 때문이다. 코드를 배우면 이런 반도체를 통제하는 절대 권력을 손에 쥘 수 있다. 자신만의 소프트웨어를 만들어 명령을 내리고 자동화를 통해 시간을 절약할 수 있다. 스티브 잡스가 한 유명한 말 “나는 모든 사람이 컴퓨터 프로그래밍에 대해 배워야 한다고 생각합니다”를 인용하지 않더라도 코딩을 배워야 하지 않을까. “나는 이 책을 통해 여러분이 디지털 문맹에서 완전히 벗어나기를 바란다. 일부는 사업을 시작하고, 일부는 현재 업무를 도와주는 앱을 개발하고, 일부는 사무실의 IT 기술자와 편하게 대화할 것이다. 무엇보다 모든 독자가 컴퓨터나 전화기를 포함한 스마트 기기로 일을 할 때 코딩을 통해 더 효율적으로 할 수 있는 방법을 완전히 이해하게 될 것이다. 자신이 작성한 코드 한 줄 한 줄 덕분에 날마다 사용하는 기술들을 더 자유롭게 이용하게 될 것이다.” - 저자 서문 이 책의 특징■개념부터 차근차근, 각 언어와 활용법 배우기
특정 프로그래밍 언어의 문법을 배우기 전에 코딩과 친해지는 시간을 가져보자. 코딩이 정확히 무엇인지, 코딩 언어의 종류가 왜 그렇게 많은지, 그리고 그중에서 무엇을 배워야 하는지를 알아본다. 또 인터넷과 오피스 프로그램들의 기능을 알아보고 기본적인 용어들을 익힌다. 코딩에 대한 전반적인 그림이 머릿속에 들어올 것이다. ■도전 과제 + 실습 위주 → 앱, 블로그, 웹사이트 만들기
이 책은 누구나 쉽게 코딩을 접하고 실행해볼 수 있도록 실용적으로 접근한다. 도전 과제를 통해 코드를 따라 실행하면서 프로그래밍의 기초를 이해하게 하고, 실전 연습을 통해 학습한 내용을 자기 것으로 만들 수 있게 돕는다. 그러다 보면 자신만의 앱과 블로그, 웹사이트를 만드는 기초 토대를 알게 된다. ■무료 심화 학습 사이트 소개
코드를 배우는 최선의 방법은, 일단 기본 기술을 익혔다면 무언가를 직접 만들어보는 것이다. 그 과정에서 무슨 기술이 필요한지를 알아 가면 된다. 하지만 보다 체계적인 방법을 원한다면 온라인 강의가 많이 나와 있다. 코딩의 모든 부분이 총망라되어 있다. 각 챕터 끝에 저자가 추천하는 강의가 소개되어 있다.미래에 가장 중요한 기술 중 하나인 코딩을 독학한다면 이 책을 읽어라.
코딩하는 법을 가장 쉽고 빠르게 알려준다.
-트리시아 켈러허, 스티븐펄스재단 대표