| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | 2 | 3 | 4 | |||
| 5 | 6 | 7 | 8 | 9 | 10 | 11 |
| 12 | 13 | 14 | 15 | 16 | 17 | 18 |
| 19 | 20 | 21 | 22 | 23 | 24 | 25 |
| 26 | 27 | 28 | 29 | 30 | 31 |
- state
- 자바스크립트
- TypeScript
- til
- JS
- Frontend
- 리액트
- firebase
- 컴포넌트
- 원티드
- 프로그래머스
- 프론트엔드
- 파이어베이스
- CORS
- es6
- 타입스크립트
- react
- localstorage
- react localStorage
- Redux
- axios
- Reducer
- v9
- 비트 연산자
- 프리온보딩
- array
- 브라우저
- 알고리즘
- JavaScript
- Component
- Today
- Total
목록react (50)
도리쓰에러쓰
useState() 함수 이용하여 좋아요(👍) 버튼 만들기 아래 코드에서 좋아요(👍)버튼을 누르면 숫자가 1씩 증가하는 코드를 구현하겠습니다. 남자 코트 추천 👍 0 2월 17일 발행 useState() 구조 let [state, setState] = useState(initiailState); useState()는 배열로 반환합니다. 배열의 첫번째 요소 (state) : 상태값 저장 변수 배열의 두번째 요소 (setState) : 상태값 갱신 함수 initiailState : state 초기값 App.js에서 맨 윗줄에 useState를 import 해줍니다. import React, { useState } from 'react'; useState() 함수를 이용하여 like 변수는 0으로 초기값을 잡..
[React] 리액트(React) 시작하기 및 설치 방법 (2021-12-19ver.)
1. 리액트(React)란? 페이스북(Facebook)이 만든 사용자를 위한 라이브러리 2. 리액트(React)의 특징 * 컴포넌트(Component) 기반의 라이브러리 컴포넌트(Component)란 프로그래밍에 있어 재사용이 가능한 각각의 독립된 모듈을 말합니다. * JSX 문법 JSX는 JavaScript를 확장한 문법이며, JavaScript 안에서 HTML 문법을 사용합니다. 리액트(React)는 JSX 사용이 필수는 아니지만, JavaScript 코드 안에서 UI 관련 작업을 할 때 시각적으로 도움이 되어 암묵적으로 JSX 문법을 사용하고 있습니다. 아래 코드가 JSX 코드인데, 지금은 대충 이런 구조가 JSX 문법인 것을 확인하기만 하겠습니다. function App() { return ( H..