>wecode 02 웹 서비스의 역사와 발전

0. 9시 20분 위워크 도착!

• 라운지에서 어제 못다한 블로그 작성.
• 지영님이랑 나눈 이야기
  Q. 메인 이미지:
  사이트1은 img태그를 쓰고 사이트2는 background-image를 썼다. 사이트1의 메인 이미지가 매달 변경되는데, 수정이 용이한 것은 background-image가 아닌가?!
  A. 나의 생각1
  img랑 background-img 의 가장 큰 차이는 의미를 가지고있냐 그냥 디자인의 한 부분이냐 이다. 사이트2는 그냥 디자인일 뿐, 정보를 전달할 필요가 없는 이미지고, 사이트1은 이미지 자체가 '이 달의 컨셉'이라는 정보를 가지고 있어서 img를 썼다.
  A. 나의 생각2
  CSS에서 수정이 용이하다는 게 동적으로 데이터를 받아올 때 수정이 용이한 것이 아닐까..? 개발자 취향 같기도 하고..!??!!?
• 갑작스런 질문에 생각을 표해보지만, 물음표 한가득

1. 슬기로운 위코드 생활 by 멘토 신영님(오전 세션)

• 슬기로운 슬랙 사용법: 슬랙봇, 가입필수 채널-커뮤니티 연동
• 먼저 생각하고 질문하기 => 문제해결능력을 기르는 방법

  세상에 바보같은 질문은 없습니다. 하지만 나쁜 질문은 있습니다.
  -> 00을 구현하기 위해 00를 했는데, 00 부분에서 이해가 안됩니다.

1. 모르는 부분이 무엇인지 먼저 파악하기
2. 구글링을 통해 공식문서, stackoverflow, 블로그 참고하기
3. wecommunity stackoverflow에 질문 올리기
   -> 글을 작성하면서 내가 모르는 것과 제대로 이해한 것이 무엇인지 정리가 된다.
   -> 개발 용어에 친숙해질 수 있다.
   -> 개발자답게 소통하는 역량을 기를 수 있다.
4. 질문에 대한 힌트로 문제 해결하기
5. 해결과정 정리하여 댓글로 답변 달기

2. 웹 서비스의 역사와 발전 by 멘토 승현님 (오후 세션1)

Web System Architecture History

• 1세대 전통적인 정적 웹. 단순한 정보 제공 위주
• 2세대 자바스크립트로 사용자 상호작용 증가 동적 웹.
• 3세대 SPA(=페이지가 하나인 App). Frontend 개발과 Backend 개발이 독립적으로 분리 (프론트 - UI UX / 백엔드 - Data)
• Modern Web Front-end 서버와 Backend API 서버의 분리
  Frontend -> JavaScript 엔진과 프레임워크/라이브러리의 발달로 웹에서 더 복잡한 기능 구현
  Backend -> Micro Service Architecture (MSA) 등의 새로운 architecture 개념의 발전으로 API 서버들이 훨씬 더 세분화 되며 규모가 커짐

Modern Development Team 구조

• PM product manager 기획자
• UI/UX 디자이너
• Frontend Developer 사용자와 밀접하게 연결되어 있는 개발자. HTML, CSS, JS로 구현
• Backend Developer
  API를 담당하는 개발자, 데이터 관련 시스템을 개발하는 개발자
• DevOps 서버 구축 및 운영 등의 System Infrastructure 관리까지 구현하는 개발자.
• Data scientist 머신러닝, AI분석에 필요한 알고리즘과 모델링 구현
• Data enginner data scinetist가 데이터를 분석할 수 있도록 데이터를 정리하고 정석화 시키는 시스템을 구현하는 역할.
• Tester 시스템을 테스트하여 검증하는 역할을 담당하는 직군. QA
• Full stack Developer

3. repl.it 진행 (HTML/CSS)

• HTML & CSS 과제 12~18 제출: 새롭게 알게된 것
• Checkpoint 블로깅: 레이아웃의 모든 것
• Checkpoint : Weegle 검색바

4. 모각코

오늘 나의 새로운 짝꿍 송희님이랑 지구당 텐동먹고 블로깅 마무리하깃