step1.md

Step 1. 프레임워크에 대한 이해

이론

기술에 대한 조사

• 브라우저, HTTP Protocal, HTML 등의 연관성에 대해 조사하기 (5문장 요약)
• DOM(Document Object Model) 조사하기 (3문장 요약)
• BOM(Browser Object Model) 조사하기 (3문장 요약)
• CSS(Cascading Style Sheet) 조사하기 (3문장 요약)
• Javascript 조사하기 (3문장 요약)
• ECMAScript 조사하기 (3문장 요약)
• Javascript Framework가 등장한 배경에 대해 조사하기 (5문장 요약)
• Vue와 React의 장단점에 대해 비교하기 (5가지)

비즈니스에 대한 고찰

💡 나만의 생각을 이야기해봅시다.

• 프론트엔드 프레임워크가 등장하게 된 배경은 무엇일까?
• 프론트엔드 개발자들은 현업에서 어떤 일을 하게 될까?
• 프론트엔드 개발자의 역할은 무엇일까?
• 프론트엔드 씬에서 변하지 않는 기술은 무엇일까?
• 장기 생존을 위해 어떤 공부를 하면 좋을까?

실습

• Vue로 TodoList 만들기
  • Vue CLI로 프로젝트 구성
  • TodoList 만들기
    • 목록
    • 추가
    • 수정
    • 삭제
    • 토글
• React로 TodoList 만들기
  • CRA(Create React App)로 프로젝트 구성
  • TodoList 만들기
    • 목록
    • 추가
    • 수정
    • 삭제
    • 토글