코딩을 공부하는 순서

1. 프로그래밍 언어 공부부터 시작하는 것은 어려울 수 있다.

2. 웹 (Web) = 인터넷 브라우저로 접속할 수 있는 모든 사이트.

 

웹으로 시작하는 것을 추천한다.

장점1) 인터넷을 사용해보았다면 누구나 익숙하다.
장점2) 난이도가 상대적으로 낮다.
장점3) 개발에 필요한 두각 많다.
장점4) Pc, 스마트폰, 태블릿, TV 등등 다양한 기기에서 동작한다.

3. 개발의 종류 (2 가지)

Front-End(Client Side): 우리가 눈으로 보는 화면.
EX) 메인페이지, 로그인화면, 회원가입화면, 게시판화면
Back-End(Server Side): 화면에 보여줄 정보를 저장, 처리, 가공하는 부분.
EX) 로그인 하는 상황 -> F:아이디, 패스워드 입력 -> B:일치 여부 확인 -> B: F에게 로그인 성공 화면 표시하라고 지시 -> F: 로그인 성공 화면 표시

 

웹, 어플, 윈도우 어플리케이션 등 모두 동일하게 작용한다.

Front-End를 먼저 공부 할 것을 추천.
Why? 개발을 위한 사전지식이 적고 결과를 바로 볼 수 있기 때문이다.

4. 웹 개발을 위해 필요한 지식

HTML : 홈페이지 제목, 로그인창 위치 등 기본적인 웹의 뼈대를 작성하는 언어.

CSS : HTML의 뼈대에 색을 칠하고 위치를 수정하는 작업을 진행하는 언어.(정적페이지 구현)

JavaScript (JS) : 조건에 따라 색상과 위치가 변하하면서 동적인 페이지 구현 가능.

HTML, CSS는 마크업 언어이다. (마크업 언어 : 그냥 구조만 표시하기 위한 언어

EX) 그림을 그리는 상황
HTML : 연필과 같음. 어떻게 그릴지 전체적인 밑그림을 그리는 역할
CSS : 물감과 같음. 화려하고 예쁘게 만드는 역할.
JavaScript : 플립북 같음. 앞서 만든 그림을 움직일 수 있게 만듦.

프론트엔드만 할 줄 알아도 API를 잘 쓰면 쓸만한 서비스를 만들 수 있음.
API : 미리 만들어 놓은 것으로 가져다 쓸 수 있는 기능.

5. Back-End 개발

처음부터 하나의 언어에 너무 깊게 파고들 필요는 없다.
JavaScript, Ruby, Python 등 쉬운 언어를 이용해 가장 기본적인 4가지 개념만 공부하는게 좋다.
1) 변수
2) 조건문
3) 반복문
4) 함수
EX) 외국인과 대화를 하고자 하는 상황

언어의 어원, 문법처럼 언어적인면만 깊게 안다고 해서 대화를 할 수는 없음.
프로그래밍도 메모리 사용 방법 등을 안다고해서 프로그래밍을 할 수 있는건 아니다.
과거에는 Back-End는 매우 알아야 할 지식과 개념이 많았다.
하지만, 현재는 '프레임워크'가 그 역할을 해주고 있다.

https://jcoding7.tistory.com/entry/%EA%B0%9C%EB%B0%9C%EC%9E%90-%EC%9A%A9%EC%96%B4-%ED%94%84%EB%A0%88%EC%9E%84%EC%9B%8C%ED%81%AC

개발자 용어 - 프레임워크

대표적인 언어별 프레임워크는 아래와 같다.
1) JAVA : Spring, Grails, Play
2) Python : Django, Flask
3) Ruby : Rails, Sinatra
4) Node.js : React, AngularJS, Express.js, Meteor
5) Go : Reveal, Martini, Gorilla
6) PHP : Laravel, CakePHP, Symfony, Zend
추천 프레임워크: Ruby on Rails