프론트앤드 개발지식
Frontend 개발
웹 프론트앤드 개발자를 위한 필요한 기술을 나열하고
학습 할 수 있는 링크와 내용을 정리했다
HTML
- HTML Basics
- Forms
- Graphics
- APIs
- Accessibility
- Tag List
- Attributes
CSS
- CSS Basics
- CSS Advanced
- Responsive
- Grid Layout
- CSS Properties
- Selectors
JavaScript
- JavsScript Basic
- ECMAScript
- Forms
- Objects
- Functions
- DOM
- BOM
- AJAX
- JSON
- jQuery
Web Security Knowledge
- HTTPS
- Content Security Policy
- CORS
- OWASP Security Risks
Package Managers
- npm
- yarn
CSS Architecture
- BEM
- OOCSS
- SMACSS
CSS Preprocessors
- Sass
- PostCSS
Build Tools
- Task Runners
- npm scripts
- Gulp
- Linters and Formatters
- Prettier
- ESLint
- Module Bundlers
- Webpack
- Rollup
- Parcel
Web Framework
- React.js
- Redux
- MobX
- Angular
- RxJS
- NgRx
- Vue.js
- VueX
Modern CSS
- Styled Components
- CSS Modules
- Styled JSX
- Emotion
Web Components
- HTML Templates
- Custom Elements
- Shadow DOM
CSS Frameworks
- Reactstrap
- Material UI
- Tailwind CSS
- Chakra UI
- Bootstrap
- Basics
- Grid
- Theme
- Materialize CSS
- Bulma
Testing
- Jest
- react-testing-library
- Cypress
- Enzyme
- Mocha
- Chai
- Ava
- Jasmine
Type Checkers
- TypeScript
Progressive Web Apps
- Storage
- Web Sockets
- Service Workers
- Location
- Notifications
- Device Orientation
- Payments
- Credentials
Performance
- PRPL Pattern
- RAIL Model
- Performance Metrics
- Using Lighthouse
- Using DevTools
Server Side Rendering (SSR)
- React.js
- Next.js
- Angular
- Universal
- Vue.js
- Nuxt.js
GraphQL
- Apollo
- Relay Modern
Static Site Generators
- Next.js
- GatsbyJS
- Nuxt.js
- Vuepress
- Jekyll
- Hugo
- Hexo
Mobile Applications
- React Native
- NativeScript
- Flutter
- Ionic
Desktop Applications
- Electron