처음 코딩을 시작할 때 길을 잃지 않는 방법

얼마 전 친구가 코딩을 배우고 싶다며 강의 목록을 보여줬어요. 그런데 강의가 너무 많아서 첫 수업을 고르는 데만 며칠을 썼다고 하더라고요. 막상 시작하려니 언어 이름도 낯설고, 무엇을 만들 수 있는지도 감이 안 잡혔던 거죠. 처음 코딩을 배울 때는 많은 자료를 모으는 것보다 작은 결과물을 하나 정하는 편이 훨씬 수월합니다.

만들고 싶은 것부터 한 가지 고르기

코딩은 컴퓨터에 일을 시키는 방법입니다. 그래서 처음부터 언어의 특징을 모두 비교할 필요는 없어요. 내가 시키고 싶은 일이 무엇인지 먼저 떠올리면 선택지가 줄어듭니다. 지출 내역을 자동으로 계산하고 싶다면 간단한 숫자 처리 프로그램을, 화면에 글과 사진을 배치하고 싶다면 웹페이지를 첫 목표로 잡을 수 있습니다.

목표는 작을수록 좋습니다. ‘가계부 앱 만들기’는 처음에는 꽤 큰 일입니다. 대신 ‘지출 세 건을 입력하면 합계를 보여주기’라면 이번 주 안에 끝낼 수 있죠. 책을 읽은 날짜를 기록하고 싶다면 먼저 날짜와 제목을 화면에 표시하는 것부터 시작하면 됩니다. 저장 기능이나 예쁜 디자인은 첫 결과가 나온 뒤에 붙여도 늦지 않아요.

언어도 목표에 맞춰 하나만 고르면 됩니다. 화면에서 버튼을 누르는 웹페이지를 만들고 싶다면 HTML로 내용을 놓고 CSS로 모양을 바꾼 다음, 자바스크립트로 버튼에 동작을 붙이는 흐름이 자연스럽습니다. 반복되는 파일 이름을 바꾸거나 숫자를 계산하고 싶다면 파이썬으로 시작하기 편합니다. 어느 쪽이든 첫 한 달 동안은 선택한 도구에 익숙해지는 데 시간을 쓰는 게 좋습니다.

강의를 보는 시간과 직접 치는 시간 나누기

영상 속 설명을 이해한 것과 혼자 코드를 쓰는 것은 조금 다릅니다. 요리 영상을 보고 순서를 알았더라도 직접 해보면 불 조절에서 막히는 것과 비슷해요. 강의를 20분 봤다면 20분 정도는 화면을 멈추고 같은 기능을 직접 만들어보세요. 예제를 그대로 입력한 뒤 숫자나 문구를 바꿔보면 어떤 부분이 결과에 영향을 주는지 보이기 시작합니다.

예를 들어 화면에 ‘안녕하세요’를 출력했다면 다음에는 이름을 입력받아 ‘민지님, 안녕하세요’처럼 바꿔보는 겁니다. 여기서 한 걸음 더 가면 이름을 비워 두었을 때 안내 문구를 보여줄 수도 있죠. 같은 예제를 조금씩 고치는 과정에서 입력, 조건, 출력이 서로 어떻게 연결되는지 익히게 됩니다.

공부한 내용을 길게 필기할 필요는 없습니다. 오늘 새로 쓴 명령 하나, 막혔던 이유 하나, 다음에 고칠 점 하나만 남겨도 충분해요. ‘버튼이 작동하지 않았다’보다 ‘버튼 이름을 코드와 다르게 적어서 작동하지 않았다’라고 적으면 다음에 비슷한 오류를 만났을 때 바로 확인할 수 있습니다.

오류가 나면 메시지부터 읽기

처음에는 오류 화면이 뜨면 내가 코딩에 소질이 없다는 생각이 들기 쉽습니다. 사실 오류는 프로그램이 어느 지점에서 멈췄는지 알려주는 단서에 가깝습니다. 괄호를 하나 빠뜨렸거나 변수 이름의 철자를 다르게 쓴 것처럼 작은 실수가 원인인 경우도 많아요.

막혔을 때는 방금 바꾼 부분부터 확인해보세요. 그다음 오류 메시지에 표시된 줄과 그 바로 위아래를 읽습니다. 한꺼번에 여러 줄을 고쳤다면 작동했던 상태와 비교하는 편이 빠릅니다. 검색할 때도 ‘코딩 오류’처럼 넓게 찾기보다 오류 문구와 사용한 언어 이름을 함께 살펴보면 관련 설명을 찾기 쉽습니다.

남에게 질문할 때는 만들려던 결과, 실제로 나온 결과, 오류 문구, 이미 확인한 내용을 함께 적으면 좋습니다. ‘버튼이 안 돼요’보다 ‘버튼을 누르면 숫자가 1씩 늘어나야 하는데 화면이 그대로이고, 버튼 이름은 확인했어요’가 상황을 훨씬 잘 전달합니다. 이런 식으로 문제를 설명하다 보면 스스로 원인을 발견할 때도 있습니다.

작은 완성 경험을 쌓는 일정 만들기

처음부터 매일 두 시간씩 공부하겠다고 잡으면 며칠 뒤 부담이 커질 수 있습니다. 주 4일, 하루 30분처럼 지킬 수 있는 시간을 정해두는 편이 낫습니다. 첫날에는 필요한 도구를 설치하고 글 한 줄을 출력합니다. 다음 날에는 입력값을 받고, 그다음에는 조건에 따라 다른 결과를 보여줍니다. 넷째 날에는 앞의 기능을 합쳐 작은 프로그램 하나를 완성하는 식이죠.

완성한 뒤에는 처음 정한 목표와 비교해보세요. 지출 합계를 보여주는 프로그램이라면 숫자 세 개를 제대로 더하는지, 글자를 입력했을 때는 어떤 일이 생기는지 직접 확인합니다. 잘되는 부분만 보는 것보다 예상과 다른 입력을 넣어보는 경험이 실력을 키워줍니다. 화면이 투박해도 필요한 기능이 작동한다면 첫 결과물로 충분합니다.

다음에 무엇을 배울지는 그 결과물이 알려줍니다. 합계를 만들고 나면 여러 건의 지출을 다루고 싶어질 수 있고, 웹페이지에 글을 띄운 뒤에는 버튼을 눌러 내용을 바꾸고 싶어질 수 있어요. 저도 새로운 것을 배울 때는 큰 계획표보다 작동하는 화면 하나가 다음 공부를 이어가게 해줬습니다. 코딩도 그렇게 한 걸음씩 익히는 편이 오래 갑니다.