😎 프론트엔드

프론트엔드 개발을 쉽고 빠르게 하는 프레임워크입니다. 각종 레이아웃, 입력창, 버튼 같은 HTML UI 컴포넌트를 CSS와 자바스크립트를 이용해 쓰기 편하게 제공합니다. 문서 참고 Bootstrap 시작하기

MDN, BOX & ITEM, Block & Inline, <a> 태그, <ol> 태그, <ul> 태그, <li> 태그, input 태그, label 태그

<br> 태그, <p> 태그, <img> 태그, <meta> 태그, <link> 태그

웹사이트 만들기

선택자 (selector), padding, margin, border, 결합자, CSS 셀렉터 연습

display / position / static / relative / absolute / fixed / sticky / visibility / 길이

Flexbox / flex-direction / align-items / justify-content

font / background-color / border / padding / margin

Axios 는 Node.js를 위한 Promise API를 활용하는 HTTP 비동기 통신 라이브러리이다. 백엔드와 프론트엔드와의 통신을 쉽게 하기 위해 AJAX 와 더불어 사용한다.

HTML, CSS 및 JavaScript를 사용하여 벡터 아이콘을 제공하는 무료 오픈 소스 아이콘 툴킷입니다.

Javascript ? / 자료형 (Data Type) / var / let / var와 let, const의 차이?

대입 연산자 / 사칙 연산자 / 산술 연산자 / 증감 연산자 / 관계 연산자 / 동등 연산자 / 일치 연산자 / 이진 논리 연산자 / 함수

React ? / Virtual DOM ? / Component-Based / 재사용성(Reusability) / React Native

기존 웹페이지에 React 추가하기, Create React App 사용하기

JSX ? / JSX 코드와 JavaScript 코드의 차이 / JSX 코드의 장점 / 태그의 속성값에 사용하기 / 자식(children)에 사용하기

Element ? / createElement함수 파라미터 / Element의 불변성 / Element 렌더링

React Component / Props / 함수 컴포넌트(Function Component) / 클래스 컴포넌트(Class Component) / Component 렌더링 / Component 합성과 추출

State / Lifecycle

클래스 컴포넌트와 함수 컴포넌트의 차이 / Hooks / useState() / useEffect() / useMemo() / useCallback() / useRef() / Callback ref

Hook의 규칙 / eslint-plugin-react-hooks / Custom Hook

Event / Event Handler / Arguments

조건부 렌더링 / truthy와 falsy / Element Variavles / Inline If / Inline If-Else / Component 렌더링 중지하는 법

List / Key / map()

React의 Form / Controlled Components / Textarea 태그 / Select 태그 / File input 태그 / Multiple inputs / Input Null Value

Shared State

Composition / Containtment / Specialization /

Context / React.createContext() / Context.Provider / Class.contextType / Context.Consumer / function as a child / Context.displayName / useContext()

Automatic Batching / Transitions / Suspense / 클라이언트와 서버 렌더링 API 업데이트 / 새로운 Strict 모드 작동 방식 / 새로운 훅

CSS 문법을 그대로 사용하면서 결과물을 스타일링된 컴포넌트 형태로 만들어주는 오픈소스 라이브러리입니다. 컴포넌트 개념을 사용하기 때문에 React 개발에 많이 사용됩니다.

JWT ? JSON Web Token의 준말로, json 객체를 사용해서 토큰 자체의 정보들을 저장하고 있는 웹 토큰을 말합니다. JWT 는 RFC 7519 웹 표준으로 지정되어 있습니다. JWT 공식 홈페이지 JWT 는 header, payload, signa

AJAX , fetch API, Axios