프론트 엔드 관련

프론트 엔드 개발 관련

 

OS : MacOS, Windows, Linux

Browser : Chrome, Edge, Safari, Firefox

Text editor : VS code

Terminal : Powershell, bash, zsh

언어 : HTML(프레임), CSS(표현), JavaScript(기능, 개발자)

 

HTML : Tags, page structure, semantic tags, SEO, Accessibility

CSS : styling, layout, responsive design, animation

JavaScript : ES6+ Syntax, Browser API,

   ES6+ Syntax : Basic (let, const, if, for, swith, while, function, object)

                     Advanced (prototype, hoisting, scope, closure)

   Browser API : DOM Manipulation, Events, Fetch API (Async)

 

 

CSS (advanced)

Architecture : BEM 이름 결정 규칙

Preprocessors : Sass, Less, PostCSS : CSS의 부족한 부분을 보완하기 위해 사용하는 방법

CSS Framework : Bootstrap, PostCSS, Tailwind CSS, Material UI, Styled-Components

 

JavaScript (advanced)

TypeScript :  Types, OOP, 자바스크립트 모두 사용가능하며 추가적이고 안정적임.

JavaScript Framework : React, ( Vue, Angular, Svelte )

Static Site Generators (SSG) : Gatsby(React), GridSome(Vue), 11ty(JS)

Server Side Rendering(SSR) : Next.js(React), Nuxt.js(Vue), Universal(Angular), Sapper(Svelte)

 

기타 Tool

Git : version control system, GitHub, Bitbucket, GitLab

Package Manager : npm, yarn

Module Bundler : Webpack, Rollup, Parcel, 자바스크립트에 포함

 

테스트

Test Pyramid : Jest, Cypress, Enzyme, react-testing-library

CI/CD : 어려움

Good test principles

 

Publish

Azure, Github Pages, Vercel, AWS, Netlify, Heroku

 

Backend

Public APIs

Firebase

Backend 직접 개발

RestAPI

 

Web Assembly : javascript 개발 완료후 성능 향상, 비디오 이미지 관련해서 효과적

GraphQL : Apollo, Relay

Cross platform : Desktop(Electron), Mobile(PWA, Cordova, React Native, Flutter)

AI : Tensorflow, Synaptic, Brain.js
Web3.0