🎯 하반기 로드맵

🔊 인터넷

✔ 인터넷이 어떻게 동작하는가?
✔ HTTP란?
✔ 브라우저, 그리고 동작방식
✔ DNS, 그리고 동작방식
✔ 도메인 이름이란?
✔ 호스팅이란?

🔊 HTML

✔ 기본지식
의미론적 HTML 작성법
형태와 유효성 검사
규약 및 최선의 관례
접근성
SEO 기본사항

🔊 CSS

✔ 기본지식
✔ 레이아웃구성(Flex, psitioning, display)
✔ 반응형 디자인과 미디어 쿼리
Grid

🔊 JavaScript

✔ 문법과 기본구조
✔ Dom 조작
Fetch API / AJAX(XHR)
✔ ES6 / modular Javascript
✔ 개념이해 (hoisting, event bundling, scope, prototype, shadow dom, strict)
TypeScript

🔊 웹보안 지식

HTTPS
CORS
Content Security Policy
OWSAP Security Risks

🔊 GitHub

Git 기본사용방법

🔈 CSS설계

BEM

🔈 CSS 전처리기

✔ SASS
Post css
css next

🔊 FrameWork

✔ React
Redux
✔ MobX
✔ Nextjs
Gatsby JS
svelte
react-query
swr

🔊 CSS in JS

Styled Components
CSS Modules

🔊 Build Tool

Task Runner - npm script
Linters and Fommatter - Prettier
Linters and Fommatter - ESLint
Module Bundler - Webpack

🔊 Test

유닛 테스트
통합 테스트
기능적 테스트

🔊 Testing Tool

Jest
React-testing-library
Cypress
Enzyme

🔊 CSS 프레임워크

Reactstra
Maturial UI
Tailwind CSS
Bootstrap

🔈 프로그레시브 웹앱

PRPL Pattern
RAIL Model
Performance Metrics
Using Lighthouse
Using Devtools
---------------------------
Storage
Web Sockets
Service Workers

🔈 DeskTop& Mobile Application

react-native
Electron

🔈 Web Components

HTML Templates
Custom Elements
shadow DOM

🔈 GraphQL

Apollo

🔈 Web Assembly(WASM)

Web Assembly(WASM)