일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- 2021 정보처리기사
- Vue.js 시작하기
- router replace
- Props
- vuex 새로고침
- State
- vue 히스토리 모드
- router push
- 2021 정보처리기사 실기
- 2021 정처기 실기
- 클래스형 컴포넌트
- 컴포넌트
- React
- 2021 정처기
- router go
- Vue.js 입문
- 중첩 라우트
- router 네비게이션
- 백준 1110 시간 초과
- 정보처리기사
- vue.js
- 라이프사이클
- propsTypes
- vue.js 로그인
- defaultProps
- 정처기
- React 시작하기
- vuex
- 함수형 컴포넌트
- vue 로그인
- Today
- Total
목록React (2)
개발 일기

react의 컴포넌트는 함수형 컴포넌트, 클래스형 컴포넌트 두가지로 나눌 수 있다. import React from 'react' import './App.css' function App() { const framework = "리액트"; return {framework}; } export default App; 함수형 import React, { Component } from "react"; class App extends Component { render() { const framework = "리액트"; return {framework}; } } export default App; 클래스형 함수형 컴포넌트와 클래스형 컴포넌트의 차이점은 클래스형 컴포넌트에서 state 기능 및 라이프사이클 기능을 사..

Node.js 설치 리액트 프로젝트를 생성하기 위해서는 Node.js가 먼저 설치되어 있어야 한다. https://nodejs.org/ko/download/ 다운로드 | Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org 설치 이후에 터미널에서 node -v 명령어로 버전을 확인할 수 있다. yarn 설치 다음으로는 npm말고 yarn이라는 패키지 관리자 도구를 설치하도록 하겠다. npm에 익숙해져 있으나 더 빠르고 효율적인 캐시 시스템과 기타 부가 기능을 제공한다고 하니 써보는 것도 좋을 것 같았다. https://classic.yarnpkg.com/en/docs/install#debian-..