Pace Check

<aside> 🌱 3기때 사용했던 강의 PDF

현재 커리큘럼보다 매우 압축적이니, 공부할때 조금만 참조할 목적으로 활용하시길

11_web.md

11_web.pdf

</aside>

<aside> ⚠️ 실제 수업을 진행한 내용에서, 설명하며 이해를 돕기 위한 추가적인 내용들이 들어가있음

복습할때 심화 부분은 회색으로 표기하였으니 기본적으로 보지말고, 제대로 이해된자들만 볼 것

제대로 이해되지 않은 상태에서 심화 부분을 보면, 정말 쌓아올린 탑이 무너질 수 있음
- 알아야할 개발 지식은 지수적(Exponential)으로 증가하는 경향이 있어서
- 단순히 한줄뿐이라 하더라도, 한 단어뿐이더라도 새로 알아야할게 몇십개씩 생겨나기때문
정말 머리가 정말 아파질 수 있으니 제발 조심할 것 </aside>

0. 웹 개요

우리가 사용하는, 우리를 둘러싼 웹 환경을 살펴보면 크롬이나 사파리같은 웹 브라우저가 있고, 웹 서버도 있다. 웹을 개발한다는것은 웹 브라우저와 웹 서버와 관련된 모든것들을 개발하는걸 통칭한다고 이해할 수 있다.

0.1. 웹 개발을 배우는 이유?

우리는 앱과 웹의 세상에 살고있다. 프론트엔드라고 하면 웹만 생각하는데, 앱 화면도 물론 프론트엔드에 해당한다

앱은 앱 구동을 위한 머신이 필요한데, 그 머신은 안드로이드나 iOS 같은 모바일 OS 로 국한된다.
- 물론 윈도우나 MacOS 에서 구동되는 데스크탑 앱도 존재한다.
웹은 정말 어디에서든지 적용 가능하다. 작은 머신(VM)격인 웹 브라우저는 어디든지 설치 가능하다.
- 미래는 어떻게 될까? IoT 의 발전과 소형 기기의 다양한 생태계속에서 웹 브라우저라는 단일 VM 의미?

0.2. 웹 개발은 무엇인가?

웹 페이지에 무엇인가를 표기하는것 Displaying things on a web page 웹 페이지에 표기 방식인 Rendering 을 다루는건 프론트엔드, 웹 페이지가 표기할 데이터와 조작은 백엔드

웹 페이지 그 잡채 = HTML(구조) + CSS(형태) + JS(유저 이벤트 처리 및 DOM 조작)

← 02-01. 웹 개발이란 무엇이며, 어떻게 동작하나? 프론트엔드 편 수업에서 다룰 것
- HTML = 문서 구조
- CSS = 문서 꾸미기
- JS = 유저 인터렉션
웹 페이지 내 표기할 데이터 = 웹 페이지에 동적으로 표기할 데이터 및 데이터 조작의 모든것

← 02-02. 웹 개발이란 무엇이며, 어떻게 동작하나? 백엔드 편 수업에서 다룰 것

Untitled

0.3. 웹 개요 학습의 중요성

오늘 배우겠지만, 웹의 본질은 요청을 주고 결과를 받는것 그 사이의 모든것

개발자를 의사로 비유하기도 하는데, 전문의와 같이 기본 신체/웹에 대한 전반 이해가 필요
개발자는 코딩을 많이 하는 사람인가 대화를 많이 하는 사람인가 : 내부 기획, 디자인, 개발자, 외부 고객
- 기술 면접 은 1회인 반면
- 임원 및 문화 면접 은 2회 이상인곳도 존재

0.3.1. 프론트엔드 개발자와 백엔드 개발자가 소통해야하는 주체

비교적 백엔드 개발자가 프론트엔드 개발자보다 대화할 주체는 많지만, 프론트엔드는 고객의 요구사항에 더 시달리는 경향이 있다

0.3.1.1. 프론트엔드 개발자

비지니스 이해 필요

기획자 20%
디자이너 80%

웹 기초 이해 필요

백엔드 개발자

0.3.1.2. 백엔드 개발자