본문 바로가기
내일배움캠프 AI 웹 프로그래밍

내일배움캠프 47일차_내가 혼자 보려고 적은 웹개발 큰 개념

by thriveview 2023. 10. 10.

웹개발 2가지

front-end (client side)-화면구성: HTML / CSS / JS
HTML과 CSS는 마크업언어(그냥 구조만 표시하기 위한 언어)로 개발언어 취급도 못받음 
HTML: 어떻게 그릴지 전체적인 밑그림 역할 (뼈대 역할)
제목, 로그인창, 입력창, 버튼, 체크는 어떻게 무엇으로 할지를 웹의 뼈대 작성

CSS는 HTML로 그린 뼈대에 색을 칠하고 위치를 수정하면서 화려하게 만드는 역할 

Javascript는 그린 그림을 움직이게 만드는 플립북 역할 

따라서 공부하는 순서는 상대적으로 쉬운 HTML, CSS를 공부하면서 화면 그려보고 그 다음으로 Javascript를 추가하여 배우자. 

여기까지 너무 깊게 어렵게 배울거 없이 간단히 할 수 있을정도로만 하고 넘어가자 

프론트엔드만 할 줄 알아도 API를 잘 쓰면 쓸만한 서비스만들 수 있다!

(API: 미리 만들어 놓은 가져다 쓸 수 있는 기능)

 

프로그래밍

초기에는 깊게 프로그래밍 언어를 공부할 필요는 없다

Javascrtipt, Ruby, Python 등 쉬운 언어를 이용해서 가장 기본적인 개념인 변수, 조건문, 반복문, 함수 먼저 공부

4가지 개념만 잘 잡자 먼저

그 외에 필요한 부분은 찾아서 공부하자 

이정도 프로그래밍 공부가 되었다면 Back-end 공부를 하자 

 

back-end (server side)

원래는 알아야 하는게 굉장히 많아야 한다. SQL, Database, Session, Cookie 등등

이제는 웹 프레임워크에서 그 역할을 해주기 때문에 개념을 잘 몰라도 프레임워크 이용하여 가능

언어별로 Java - Spring / Python - Django / Ruby - Rails 등등 언어별, 용도별로 다양한 프레임워크가 존재한다.