Front-end 로드맵 용어

KIP·2022년 4월 10일
0

internet
http
dns
domain name
hosting
browser


HTML
semantic html
seo
forms and vailidation(유효성)


CSS
layout(floats, postioning, display, box-model, css grid, flex box)
reactive design & media query

JS
DOM
fetch api/ajax(xhr)
hoisting
eventbubbling
scope
prototype
shadow DOM
strict

package manager
npm/yarn

web security knowledge
https
cors
content security policy(컨텐츠 보안 정책)
OWASP 보안 취약점

CSS Architecture
BEM

CSS preprocessors
Sass
PostCSS

task runners (BUILD TOOLS)
npm scripts

Linters & Formatters (BUILD TOOLS)
Prettier
ESLint

module Bundlers (BUILD TOOLS)
webpack
rollup
parcel

Modern CSS
Styled Components
CSS modules

css framework (Based JS)
reactstrap
Material UI
Tailwind CSS

css framework (Based CSS)
Bootstrap

TESTING APPS
Jest
react-testing-library
Cypress
Enzyme

Progressive Web Apps
TypeScript

WEB API USING PWA
Storage
web socket
service workers
pwa?

SSR(일단 리액트 기준)
Next.js

GraphQL
Apollo
Relay Modern

Static site Generators
Next.js
GatsyJS

Mobile Application
React Native

Desktop Apllications
Electron

Web Assembly(WASM)
Web Assembly or WASM is the binary instructions generated from
higher level languages such as Go, C, C++ or Rust.

0개의 댓글