일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- JSX문법
- 모던 딥다이브
- 코딩애플
- 패스트캠퍼스 후기
- 한화시스템 부트캠프
- 자바스크립트
- 패스트캠퍼스 강의 패키지
- 엘리스트랙 프리트랙
- deep dive
- 유사배열
- 프론트엔드 강의
- 코딩애플자바스크립트
- 노마드코더
- 프론트엔드웹개발의모든것초격차패키지Online
- 노마드코더 #북클럽
- 노마드코더 #개발자북클럽
- 자바스크립트 연산자
- 원시값
- 프론트엔드강의
- 문자열과 불변성
- 리액트JSX문법
- 한화시스템 5기
- 한화시스템 부트캠프 5기
- 코딩애플 자바스크립트
- 프론트엔드웹개발의모든것초격차패키지
- 패스트캠퍼스 프론트엔드
- 프론트엔드 강의 패키지
- 강의 패키지
- 딥 다이브
- 노마드북챌리닞
- Today
- Total
목록코딩지식/REACT (2)
개발자 연쨘
변수에 잠깐 데이터 저장하고 html에 {데이터바인딩} ! 중요하고 자주 바뀌는 데이터는 state에 저장하는게 좋습니다 ! 🐰 state 만드는법 🐰 import { useState } from 'react'; /*위에 이거 작성*/ let [a,b] = useState('코트 추천'); /*let [데이터, 데이터변경 도와줌] = useState('보관할 자료')*/ 맨 윗줄에 import {useState} from 'react' 하고 원하는 곳에서 useState('보관할 자료') 쓰면 state에 자료를 잠깐 저장할 수 있습니다. 그리고 저장한 자료를 나중에 쓰고 싶으면 let [a,b] = useState('코트 추천'); a 자리에 state 이름을 자유롭게 작명한 다음 나중에 자유롭게 사용..
리액트에서는 html이 아니라 JSX라는 문법을 사용합니다! 리액트에서는 하나 만들기 위해서는 자바스크립트로 React.createElement('div', null) 이렇게 사용해야하는데 그러면 복잡하고 어려우므로 JSX를 사용하는겁니다!! 오늘은 이 JSX문법을 실제로 어떻게 적용하는지 알아보았습니다. 🐰 class 넣을땐 className 🐰 스타일을 주기 위한 class명을 넣을땐 className을 사용합니다. class를 쓰면 안되는 이유는 자바스크립트에서 사용하는 예약어인 class라는 키워드를 사용하면 안되기 때문입니다. function App() { return ( 블로그 ); } export default App; 🐰 변수를 html에 넣을땐 {} 중괄호 사용 🐰 function App..