어떤걸 컴포넌트로 만들면 좋은가? 1. 반복적인 html을 사용할 때 2. 큰 페이지들 3. 자주 변경되는 것들 단점 - state를 가져다 쓸 때에 다른 함수에 들어있으면 부를 수가 없다. //방식 1 const Modal = () => { return ( 제목 날짜 상세내용 ) } Modal = 'asd'; //const로 만들면 좋은 이유는 만약 다른 작업자가 실수로 Modal = 'asfas'로 바꾸어도 바뀌지 않음 //방식 2 function Modal(){ return( 제목 날짜 상세내용 ) }
function App() { let post = "강남 우동 맛집"; let [글제목,b] = useState("남자 코트 추천"); return ( 블로그임 {글제목} 2월 17일 발행 ); } 위처럼 useState라는 함수를 통해 데이터를 보관하며 [a,b] 중에 a를 중괄호에 넣어 {a}로 사용한다. state는 변경할 때에 b를 사용한다. b는 변경해주는 function이다. 주의할 점은 기존 변수가 신규 변수가 아닐 경우 변경이 안된다 그래서 let copy = [...글제목] 으로 카피문법을 사용한 후에 변경이 가능하다 참고 코드 import logo from './logo.svg'; import './App.css'; import { useState } from 'react'; funct..
.js 파일 안에서는 JSX를 사용한다. (그냥 html 쓴다고 생각하면 됌) 1 . JSX에서는 class는 문법이므로 실제로 html의 class 속성은 className으로 넣어줘야한다 2. 데이터를 저런 js문법으로 길게 값을 넣지 않고 {} 중괄호를 사용한다. 3. 만약 스타일을 넣으려면 이렇게 오브젝트 문법으로 넣어줘야 한다.(만약 font-size를 사용한다면 fontSize로 해야한다. 여기는 js이다 카멜케이스로 써줘야한다)
일단 node.js 를 설치한다 그 뒤에 바탕화면에 폴더를 만들고 폴더 우클릭 -> 터미널 열기를 클릭한다 그 뒤에 npx create-react-app (프로젝트명) 입력한다. npx create-react-app react_study 비주얼 스튜디오를 통해 다운받은 react 앱을 시작해보자 상단의 터미널 -> new 터미널을 열어준다 명령어로 npm start라고 입력 해준다. 방금 위에 한 것은 그냥 react코드를 쳐도 되지만, create_react_app이라는 라이브러리를 받아서 쓰는 것이 시간이 훨씬 절약된다.(이게 일반적인 방법이랜다) https://create-react-app.dev/ Create React App Set up a modern web app by running one ..
- Total
- Today
- Yesterday
- reject
- hypertexttransferprotocol
- react실행
- filter
- 스프링공부
- 향해플러스
- thymleaf
- Intercepter
- 예외처리
- 향해플러스백엔드
- SpringBoot
- 향해99
- 컨트
- jpa api
- 리터럴
- 인터셉터
- 백엔드 개발자 역량
- 항해99
- 항해플러스
- 스프링부트
- JPA
- ArgumentResolver
- 로그인
- Java
- exception
- rejectValue
- HTTP
- BindingResult
- React
- 백엔드 개발자 공부
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |