👍 코딩을 공부하는 순서

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

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

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

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

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

• Front-End(Client Side): 우리가 눈으로 보는 화면.
• 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) 조건문
  1) 반복문
  1) 함수
  

📕 EX) 외국인과 대화를 하고자 하는 상황

• 언어의 어원, 문법처럼 언어적인면만 깊게 안다고 해서 대화를 할 수는 없음.
• 프로그래밍도 메모리 사용 방법 등을 안다고해서 프로그래밍을 할 수 있는건 아니다.

• 과거에는 Back-End는 매우 알아야 할 지식과 개념이 많았다.
• 💛 하지만, 현재는 '웹 프레임워크'가 그 역할을 해주고 있다.
  Frame(규칙, 틀, 법칙) + Work (목적, 소프트웨어, 업무)
  대표적인 언어별 프레임워크는 아래와 같다.
  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

👽 코딩 기본 지식에 참고하기 좋은 사이트

• 프레임 워크 정리