텀블벅 11,688% 펀딩 분야 1위, 와디즈 2,276% 펀딩 달성!
진짜 6개월만 공부하면 개발자가 될 수 있다!
비전공자도 단번에 이해하는 코딩 입문서

우리는 디지털과는 떼려야 뗄 수 없는 일상을 살고 있다.
스마트폰으로 업무를 하고 키오스크로 메뉴를 주문하며 줌(ZOOM)으로 지구 반대편에서 열리는 콘퍼런스를 시청한다.
최근에는 챗GPT라는 대화형 AI가 출시되는 등 멀게만 느껴졌던 인공지능도 자연스럽게 일상에 들어오고 있다.
디지털 기술이 보편화되면 될수록 필요한 것이 기본 IT 지식이고, 그중에서도 실무적으로 많이 활용되는 것이 바로 코딩 능력이다.

『세상에서 가장 쉬운 코딩책』은 코딩을 처음 배우는 사람을 위한 입문서다.
텀블벅 11,688%, 와디즈 2,276%의 펀딩 달성률을 기록하며 이미 코딩 전자책으로 입소문 난 책을 이번에 정식 출간한 것이다.
패션업계에 몸담고 있던 저자는 커리어점프를 위해 코딩을 공부하기로 마음먹었으나 시중에 나와 있는 코딩책이 어려워 좌절을 겪는다.
하지만 나름의 방법으로 코딩과 개발을 배워 IT회사에 입사했다.
이후 자신처럼 코딩에 어려움을 느끼는 사람을 위해 갖은 노하우와 쉬운 설명을 곁들여 이 책을 집필했다.
미래를 위해 개발자로 취직하려는 비전공자, 개발자와 일하기 위해 코딩을 알아야 하는 IT기업 종사자 등 이 책으로 코딩의 기초를 습득할 수 있을 것이다.

‘타임 카페’라는 곳은 직원이 3명이며 항상 커피를 판매할 때 다음의 절차를 따릅니다.
이른바 절차지향 프로그래밍 방식을 따르고 있죠.
커피 주문 → 커피 추출 → 컵 준비 → 컵 홀더 끼우고 빨대 준비 → 커피 판매

이 절차는 반드시 지켜야 하며 순서가 틀어지면 안 됩니다.
하나의 순서가 제대로 되지 않으면 커피를 판매할 수 없는 것이죠.
커피 추출이 끝나지 않았다면 미리 컵 홀더를 끼워 놓을 수도 없다는 것을 의미합니다.
무조건 저 순서대로만 커피를 판매해야 한다고 가정하겠습니다.
답답하죠.

손님이 많지 않은 경우라면 절차적인 방법으로도 크게 어려움 없이 빠르게 처리가 되겠죠.
하지만 타임 카페에 손님이 갑자기 몰려들기 시작합니다.
3명의 직원들은 우왕좌왕하고, 서로 동선이 꼬이기 시작합니다.
커피를 받은 손님이 커피의 맛에 대해 불만을 털어놓아도 한 사람이 담당하여 커피만 만드는 것이 아니라 동선이 가까운 데로 움직이기 때문에 바빠서 누가 만들었는지도 모릅니다.
잘못된 커피를 누구에게 탓할 수도 없네요.
점점 난장판이 되어 갑니다.
---「1강 진짜 쉽게 설명하는 코딩」중에서

전원주택을 짓는다고 가정해 봅시다.
뼈대를 세우고 자재를 올려서 시멘트를 바르면 집의 형태가 완성되죠.
그런데 이 상태로 바로 입주를 할까요? 아닙니다.
인테리어를 해야죠.
외부나 내부에 아무런 디자인이 없다면 삭막하고 흉흉해 보일 거예요.
마찬가지로 코드를 열심히 작성했는데, 왠지 태그가 너무 밋밋하고 심심할 때가 있습니다.
집을 만드는 것처럼 태그에도 인테리어가 필요하죠.
이 역할을 하는 게 바로 CSS입니다. CSS는 태그를 ‘꾸며 주는 역할’을 합니다.
태그를 꾸며 준다는 것은 바로 폰트의 크기, 색상, 그림자 등 부가 효과를 디자인한다는 의미입니다.
---「2강 단번에 배우는 프론트엔드」중에서

원시 타입의 변수와 참조 타입의 변수는 저장되는 공간이 다릅니다.
원시 타입은 스택(stack)에 저장되고, 참조 타입은 힙(heap)에 저장됩니다.
이 개념을 책상 서랍과 사물함에 빗대어 살펴보겠습니다.

학창시절 때의 학교 책상과 사물함을 떠올려보세요.
책상 바로 밑에는 서랍이 있었습니다.
이 공간에는 보통 오늘 공부할 책, 다음 교시의 책과 같이 바로 꺼내 사용할 책들을 넣었죠.
간편하게 꺼내기 좋기 때문이에요.
하지만 큰 책은 들어가지 않을 뿐더러 공간도 좁습니다.
편한 대신 용량 부족의 한계가 있죠.

하지만 교실 뒷편에 있는 사물함은 책상 서랍의 단점을 장점으로 가지고 있습니다.
공간이 책상 서랍보다 더 넓어 무겁고 큰 책을 넣기가 좋죠.
사물함의 단점은 책상 서랍에 비해 거리가 멀어 책을 꺼내는 데 시간이 걸리고, 책을 찾기 위해서는 사물함 번호를 알아야만 찾을 수 있다는 점이 있습니다.
또한 장기 보관하는 책이나 여러 가지 책을 넣는 곳인 만큼 주기적으로 청소해 주지 않으면 더러워지기 쉽습니다.
---「3강 오늘 배워 내일 써먹는 개발 기초」중에서

인터페이스가 구체적으로 어떤 구조를 가지고 있는지 살펴보겠습니다.
인터페이스 내부는 조금 특이하게 생겼습니다.
흔히 보던 { }도 없고, 접근 지정자도 보이지 않아요.
{ }를 구현부, 즉 몸체라고 부르는데 인터페이스는 몸체가 없는 메서드만 사용할 수 있기 때문이에요.
그렇다면 이 코드는 왜 존재하는 걸까요?

인터페이스는 골조를 잡아 주는 것에 의미가 있습니다.
“청소 인터페이스를 가져다 쓰는 쪽에서는 쓸고(sweep), 닦고(wipe), 정리(arrange)를 해야 해.”라고 일러주는 것처럼 말이죠.
또한 인터페이스를 가져다가 쓰는 쪽에서 자신의 입맛에 맞게 구현해서 사용할 수도 있습니다.
조금 전 보여 드린 것처럼 같은 인터페이스를 상속 받아도 캐셔는 주로 카운터 위주로 청소하고 바리스타는 커피와 관련된 청소를 했죠.
---「4강 비전공자도 쉽게 이해하는 개발 심화」중에서

우리가 시간 버튼을 클릭했을 때 어떻게 되나요? 버튼을 누르면 그다음 몇 시, 몇 분, 몇 초인지 나타내는 화면이 보이게 되죠.
그러니까 버튼에는 ‘사용자가 클릭할 경우 다음 화면으로 넘어가 정보를 보여 주는’ 기능이 있는 거예요.
멈춰 있는 게 아니라 동적인 기능을 갖고 구현해 주는 거죠.
여기서 단순히 보여지는 것 자체는 정적인 것이고, 클릭할 때 사용자가 원하는 기능을 제공해 주는 것이 동적인 것이라고 나눠 볼게요.
웹 퍼블리셔는 정적인 것을 만드는 일을 한다고 보시면 됩니다.

규모가 큰 기업일 경우 웹 퍼블리셔가 있을 확률이 높습니다.
웹 퍼블리셔의 존재 여부에 따라 웹 프론트엔드 개발자가 하는 일이 달라진다고 보면 되는데요, 웹 퍼블리셔가 있는 회사에서의 웹 프론트엔드 개발자는 정적인 영역은 빼고 동적인 영역만 개발합니다.
하지만 웹 퍼블리셔가 없는 회사에서의 웹 프론트엔드 개발자는 정적인 영역과 동적인 영역 모두를 개발한다고 보면 됩니다.
---「6강 6개월만 공부하면 정말 개발자가 될 수 있다」중에서

방대한 분량 속에서 주관식 20문제가 나오기에 난이도가 높습니다.
또한 프로그래밍 언어의 문제와 SQL 문제도 나오는데 이를 객관식으로 푸는 것과 주관식으로 푸는 것은 난이도가 많이 다릅니다.
어느 정도 쿼리문을 외워 놓은 상태여야 하고, 프로그래밍 언어도 구조를 알아야 주관식으로 쓸 수 있기 때문입니다.

저는 국비 지원 학원을 처음 등록할 당시부터 이미 기사 시험을 염두에 두고 있었습니다.
취업 시에 가산점을 준다는 이야기를 많이 들었기 때문입니다.
실제로 ‘잡코리아’ 같은 취업 전문 사이트에서 ‘정보처리기사 우대’ 요건이 써진 글을 확인할 수 있습니다.

하지만 필기와 실기 시험이 시험지의 문제를 풀어내는 형식이기에 정보처리기사를 땄다고 해서 기업에서 ‘이 지원자가 코딩을 잘하는구나’라고 생각하지는 않습니다.
‘그래도 IT 기사 자격증이 있는 지원자구나’ 정도로 인식합니다.
그럼에도 공기업 같은 곳에서는 확실히 인정하는 부분도 있기 때문에 기회가 닿는다면 취득해 두는 것이 좋습니다.
---「7강 커리어전환을 위해 본격적으로 해야 할 일」중에서

개복치 기법, 처음 들어보시죠? 바로 제가 개발한 방법입니다.
개복치 기법은 ‘작은 것도 크게 생각하라는 것’을 말합니다.
개복치라는 물고기는 아주 작은 사건에도 매우 예민하게 반응하는 어류입니다.
자기소개서에 적용해보겠습니다.
바로 개복치처럼 ‘작은 사건도 크게 생각하라는 것’이죠.
예로, 면접관이 “인생에서 겪은 가장 큰 고난이 무엇인가요?”라는 질문을 했다고 합시다.
이때 의외로 ‘나는 인생에서 큰 고난을 겪어 본 게 없는 것 같은데….’라고 생각하는 사람들이 꽤 많습니다.

고난이라는 것은 무엇일까요? 50명 규모의 팀원을 모집해서 스타트업을 창업하고 실패한 것만이 인생의 어려움일까요? 혹은 갑자기 사기를 당해서 모아 놓은 돈을 몽땅 날린 것만이 고난일까요? 아닙니다.
‘비전공자가 6개월 동안 개발 공부를 하게 된 것’도 고난이 될 수가 있고, ‘팀 프로젝트에서 팀의 상황이 좋지 않았던 것’도 고난이 될 수 있습니다.
중요한 것은 각종 상황을 어려움으로 인식했다는 점과 그것을 극복하기 위해 내가 무슨 행동을 했는지 함께 보여 주는 것입니다.
---「8강 통과하는 이력서, 탈락하는 이력서」중에서

깃허브(github)라는 웹사이트에 대해 들어보셨나요? 개발자들이 코드를 공유하기도 하고, 문제가 생겼을 때 도움을 요청하면 해결책을 얻을 수도 있는 곳이죠.
개발자들의 ‘집단 지성’을 엿볼 수 있는 곳이라고 할 수 있겠네요.
특히 깃허브의 대표적인 서비스로 리포지토리(Repository)라는 공간이 있는데요.
프로그램 코드를 올리면 다른 개발자도 코드를 보거나 사용할 수 있습니다.
바로 이곳에 나만의 포트폴리오를 만들 수 있습니다.
내가 만들었던 코드를 전부 깃허브에 올려놓고 지원서에는 해당 링크를 첨부하면 됩니다. README를 활용하여 자신이 구현했던 코드를 링크로 걸어 북마크처럼 쏙쏙 찾아보는 형식으로도 만들 수 있습니다.

본격적으로 IDE 중에서 VS Code를 기반으로 깃허브에 코드를 올리는 방법을 이야기하겠습니다.
일단 깃Git(소스 관리 툴)을 설치해야 깃허브에 코드를 올리는 일이 가능합니다.
따라서 깃을 먼저 다운로드받아서 따라 해 보세요.

---「9강 포트폴리오와 면접 준비하기」중에서