[ Do it! HTML + CSS 웹 표준의 정석 스터디!] 02장 웹 개발 시작하기

DAY 2

🔖 오늘 읽은 범위 :

🔥01/06(화) 진도표 알림
👉🏻공부 내용: 02장 웹 개발 시작하기
👉🏻쪽수: 31~51쪽

---

😃 **기억하고 싶은 내용 (복붙해도 상관없어!)**

웹 개발을 위해 공부해야 할 기술

• 기본영역

  • HTML

    웹 문서 표준. HTML에 맞는 표기법 사용해야 함.

    건물의 기초, 벽, 지붕 등의 구조.

  • CSS

    HTML로 만든 문서를 꾸미거나 사용하기 편리하게 배치할 때 사용. 반응형 웹 디자인을 만들려면 CSS 공부해야 함.

    건물 색칠하기, 창문 디자인, 내부 인테리어 작업.

  • 자바스크립트

    웹 사이트 동작이나 기능을 개발할 때 사용하는 프레임워크. 사용자 상호 작용.

    엘리베이터 기능, 시스템 에어컨 기능.

  • 깃/깃허브

    코드 관리.

• 프런트엔드영역

  • 제이쿼리, D3.js, 부트스트랩 등

  • 리액트, 앵귤러, 뷰 등

    🔍

    라이브러리와 프레임워크 차이점

  • 개발 주도권

    • 라이브러리 : 개발자가 필요한 기능만 사용해도 됨. 개발자가 주도함.
    • 프레임워크 : 프레임워크가 정해 놓은 대로 개발 진행함. 프레임워크가 주도함.

• 백엔드 영역

  • 리눅스 서버, 네트워크, 데이터베이스 구축 기술
  • 파이썬, 자바, PHP, 닷넷 등
  • Node.js, Express
    • nodejs.org/ko, expressjs.com
    • 서버에서 자바스크립트를 실행할 수 있는 환경.
    • Node.js 에서 주로 사용하는 웹 개발 프레임워크 는 Express.
  • Java, Spring
    • java.com/ko, spring.io
    • 백엔드 개발용 언어로 자바는 오랫동안 사용됨.
    • 자바 웹 개발 프레임워크로 스프링을 많이 사용함.
  • 장고 Django
    • python.org, djangoproject.com
    • 파이썬 백엔드 프레임워크.
    • 파이썬은 데이터를 많이 다뤄야 할 때 유리함.
  • 코드이그나이터
    • CodeIgniter, PHP
    • php.net, codeigniter.com
    • PHP 는 오랫동안 사용한 백엔드 개발 언어.
    • PHP 7버전부터는 백엔드 개발 프레임워크로 바뀜.
    • CodeIgniter 는 PHP 대표 웹 프레임워크.
  • 기타
    • Ruby, Ruby on rails
    • Go, Revel

웹 개발 환경 설정하기

• 대표 웹 브라우저
  • 크롬, 엣지, 파이어폭스
• 웹 편집기
  • Visual Studio Code
• 웹 개발자 도구
  • ctrl + shift + I ⇒ 웹 개발자 도구 표시.

🤔 **오늘의 파트에 대한 소감 (매우 주관적주의)**

• 개발 언어별로 프레임워크가 다양함.
• 주 사용 언어를 기반으로 사용할 라이브러리와 프레임워크를 공부해야 함.
• HCJ 기본기 다지는 것이 중요함.

🔎 **추가로 알게 된 것 (책 내용 +알파로 궁금한 것, 이해가 가지 않는 것 등)**

• -

---

🤟소감 3줄 요약

• 다양한 브라우저, 다양한 환경.
• 다양한 언어, 다양한 프레임워크.
• 배울 게 많고 세상은 넓다.