코딩 배울 때 좋은 방법 / 초보자 코딩 공부 순서는?

안녕하세요. 현대시대를 살고 있는 우리는 코딩과 매우 밀접한 삶을 살고 있습니다. 아침에 일어나서 뉴스를 보고 어제 구매한 물건들이 출발했는지 확인해보고, 메일도 확인하고. 점심을 먹고 쉬는 시간엔 게임도 하고.. 지금 말씀드린 이 모든 것들이 코딩을 기반으로 만들어진 것들입니다. 산업시대 석탄이나 석유 자원이 중요해졌던 것처럼 앞으로 지금 우리가 살아가는 세상은 코딩을 다룰 줄 아는 사람들이 중요해지고 있습니다.  

그만큼 코딩에 대해서 관심은 많지만 코딩을 배울 때 무엇부터 배워야 할지 잘 모르시는 분들을 위해서 코딩을 배울 때 어떤 것부터 배우는 것이 좋은지 알아봤습니다.

쉽게 포기하지 않기 위해서 재미있는 부분 먼저 배우도록 합니다.

코딩을 배우다 그만두는 가장 큰 이유가 무엇 때문일까요? 아마 재미없고 어려워서라는 답변이 가장 많을 것입니다. 코딩을 배우면 정말 좋다는 것은 알겠는데 그 과정이 어렵고 복잡하게 느껴지기 때문입니다. 따라서 코딩을 배우기 위해서 가장 중요한 것은 바로 '흥미'입니다. 이 흥미를 잃지 않으려면 처음부터 너무 복잡하게 나가면 안 됩니다.

1. 자바(java), c언어 같은 어려운 특정 언어보다는 쉬운 웹(web)을 먼저 공부하세요.

코딩을 배울 땐 가장 재미있으면서도 눈에 보이는 성과가 있는 웹을 배우는 것이 좋습니다. 특정 언어를 깊게 배우는 것도 필요하지만 지금 당장 배울 것은 아닙니다. 그것들보다는 쉽고 익숙한 웹을 꾸미는 것을 먼저 배우는 것이 좋습니다. 여기서 웹이란 크롬, 사파리, 인터넷 익스플로 어등에 직접 우리가 접속할 수 있는 사이트를 만들거나 꾸밀 수 있는 것들을 의미합니다. 이런 것들은 우리의 일상생활과 직접 긴밀하게 연결되어 있으면서도 변화가 눈에 보이기 쉽기 때문에 초보자 분들이 흥미를 잃지 않을 수 있게 도와줍니다.

클라이언트 사이드와 서버사이드

<웹을 배울 때 장점>

• 인터넷은 남녀노소 사용하기 때문에 익숙함
• 공부 난도가 낮고, 성과물이 빠르게 나오기 때문에 흥미를 잃지 않을 수 있고 재미있음
• 웹을 개발할 때 도움을 주는 다양한 도구들이 많음(아마존 웹서비스, 마이크로소프트 Azure 등) 
• 컴퓨터뿐만 아니라 태블릿이나 핸드폰 등 다양한 기기들에서 사용 가능함(인터넷 브라우저만 있다면 사용 가능) 

2. 개발을 할 땐 크게 2가지 부분으로 나눠져 있다는 사실을 기억하세요.

웹은 크게 2가지 부분으로 되어 있습니다. 바로 front-end(Client Side)와 back-end(server side)  부분입니다.

이렇게 크게 두 가지 부분으로 되어 있습니다. 

먼저, front-end(클라이언트 사이드) 부분을 살펴보면 우리가 실제로 정보를 받고 보는 부분입니다. 

검색사이트를 예로 들어보면 검색 사이트에서 메일을 확인하기 위해서 우리가 아이디, 패스워드 등을 입력하는데 이렇게 입력하는 부분이 front-end(클라이언트 사이드) 부분이라고 보시면 됩니다. 화면에 나타나는 홈페이지 같은 경우도 클라이언트 사이드라고 생각하시면 쉽습니다. 

그리고 홈페이지에 아이디 패스워드를 입력해서 로그인을 하게 되면 이때 로그인을 하면서 그 로그인 정보가 일치하는지 여부를 체크하는데 이곳을 back-end(서버사이드) 부분이라고 생각하시면 됩니다. 한마디로  화면에 보여줄 정보를 저장, 처리, 가공하는 부분이라고 생각하시면 됩니다.

이렇게 두 곳으로 나뉘는데 초보자분들은 front-end(client side) 부분을 먼저 배우시는 것이 좋습니다.

API가 하는 역활

<클라이언트 사이드>를 먼저 배우면 좋은 점

• 우리가 실제로 눈으로 보는 부분이고 코딩을 조금만 알아도 쉽게 마음대로 디자인을 바꿀 수 있다.
• 나중에 공부해서 front-end 부분만 배워도 API(복잡하고 어려운 부분을 쉽게 전달받을 수 있도록 해주는 다리 역할)을 이용해서 괜찮은 프로그램을 만들 수 있다.
• 바로바로 성과물이 눈앞에 나오기 때문에 흥미를 잃지 않을 수 있다.

이렇게 front-end부분을 배우고 나면 그다음 부분인 back-end 부분이 남는데 사실 이 부분부터는 조금 어려운 단계로 나아가야 하기 때문에 초보자 분들은 간단한 원리와 구조 정도만 알고 계시고 너무 깊게 배우시지 않으셔도 됩니다.

왜냐면 차근차근 front-end 부분을 배워가면서 직접 홈페이지를 만들어 가다 보면 자연스럽게 배우고 싶어질 테니까요~!

2. front-end 부분을 배우려면 어떤 것을 배워야 할까요?

front-end를 배우기 위해서는 크게 3가지 언어 지식이 필요합니다. HTML와 css, javascript입니다. 3가지는 서로서로 유기적으로 연결되어 있는 특징이 있습니다.

그림을 그리는 것을 예로 들어보면 html은 스케치북에 밑그림을 그리는 것에 비유할 수 있습니다. 만약 홈페이지를 만들려고 한다면 홈페이지 로고 위치는 어디에 둘 것이며  로그인을 할 때 아이디, 비밀번호 넣는 곳을 어디에 넣을 것인지 등을 작업하는 이라고 생각하시면 됩니다. 즉, 웹에서 뼈대를 형성하는 작업이라고 생각하시면 됩니다.

그다음으로 css는 그림을 그릴 때 물감과 같습니다. html을 이용해서 뼈대를 완성했다면 이 뼈대의 위치 등을 조금씩 수정해 가면서 이쁘게 색칠하는 것이라고 생각하시면 쉽습니다. 이렇게 html와 css만 이용하더라도 이쁘게 그림을 그리실 수 있습니다. 

그리고 끝으로 이렇게 이쁘게 만들어진 그림을 움직이게 하고 싶다면 배워야 하는 것이 바로 javascript입니다.

완성된 그림을 움직이게 만드는 플립북 같은 역할을 한다고 생각하시면 쉽습니다. 사실 javascript부분을 배울 땐 전문적인 용어들도 많고 외울 것이 너무 많아서 포기하기 쉬운데 굳이 javascript를 배우지 않더라도 이쁘게 디자인하고 색칠하는 것만 배우셔도 간단한 홈페이지를 만들고 꾸밀 수 있기 때문에 힘내시기 바랍니다!

홈페이지를 수정하고 꾸미는 모습

3. back-end를 배우려면 어떻게 하는 것이 좋을까요?

만약 front-end까지 배우고 더 많은 것을 해보고 싶다면 back-end부분을 배우시면 됩니다. back-end를 배우기 위해서는 javascript나 ruby, python 등 쉬운 언어들을 통해서 가장 기본적인 개념인 변수, 조건문, 반복문, 함수 4가지를 먼저 배우시는 것이 좋습니다.  왜냐하면 이 4가지를 기본으로 배우고 난 뒤 백엔드 로직을 공부하면서 궁금하거나 필요한 것들이 있을 때 바로바로 공부해서 학습해 나가는 것이 더욱더 효율적이기 때문입니다. 

그리고 요즘엔 프레임워크가 많이 있어서 이것들을 사용하면 더 쉽게 웹을 만들 수 있습니다.

프레임워크란 java나 ruby, python 등 특정 컴퓨터 언어를 구조로 체계화한 것이 프레임워크입니다. 그리고 이런 특정 언어를 더 쓰기 편리하게 만들어 놓은 라이브러리도 각각의 언어에 있기 때문에 참고하시면 됩니다.  

이렇게 오늘은 초보자 분들이 코딩을 배울 때 어떤 순서로 배워야 할지에 대해서 알아봤는데요 다음에는 코딩을 이용해서 웹을 만드는 부분을 작성해서 올려보도록 하겠습니다. 

핵폭탄 공격에서 살아남는 방법 / 서울에 핵폭탄이 떨어지면 생기는 일

핵폭탄 공격에서 살아남는 방법 / 서울에 핵폭탄이 떨어지면 생기는 일

분양가 비싼 고양이 1위~10위 / 고양이 특징과 종류

분양가 비싼 고양이 1위~10위 / 고양이 특징과 종류

세력의 의도에 의해 움직이는 그래프 예시 / 주식 횡보 후 상승 예시

세력의 의도에 의해 움직이는 그래프 예시 / 주식 횡보 후 상승 예시