Front-end 관련 지식 습득

HTML

• Tags (+ semantic tags)
• SEO 기본사항 (검색엔진 최적화)
• 접근성
• 페이지 구조

CSS

• 기초 문법
• Layout(flex,grid,float)
• 반응형 디자인
• animation
• BEM
• CSS 전처리기 (Sass,Less,Stylus)

CSS Framework

• 미리 만들어져 있어서 제공되는 프레임워크
  Bootstrap
  Tailwind CSS
  Material UI

• 사용자 커스텀
  Styled-Components
  Post CSS

Java Script (+ vanilla JS)

• ES6 + Syntax
• ES11
• Browser APIs (DOM,Events,Fatch API)
• TypeScript (types,OOP)

JS Framework

• React
• Vue
• Angula
• Svelte

Static Site Generators (SSG)

• 정적 사이트 생성기
• Gatsby(React)
• GridSome(Vue)
• Lity(JS)

Server Side Rendering(SSR)

• 실시간으로 서버에서 페이지 만들어주는 도구
• Next.js(React)
• Nuxt.js(Vue)
• Universal(Angular)
• Sapper(Svelte)

tools

Version Contol System

• Git (github,bitbucket,gitlab)
• Package Manager (npm,yarn)
• Module Bundler (Webpack,Rollup,Parcel)

testing

• 배포하기 전 테스트 (+ 자동화)

• test pyramid
  jest
  Cypress
  Enzyme
  react-testing-library

• Good Test Principles

• CI/CD

publish

• Github pages
• Azure
• Vercel
• AWS
• Netlify
• Heroku