Develop Study ๐ป (106) ์ธ๋ค์ผํ ๋ฆฌ์คํธํ Mysql study์ผ์ง 2 Read๋ถํฐ INSERT www.tcpschool.com/mysql/mysql_basic_insert SELECT SELECT * FROM table_name; - ๋ชจ๋ ๋ฐ์ดํฐ(ํ) ์ถ๋ ฅ SELECT a,b,c,d FROM table_name - a,b,c,d์ ํด๋นํ๋ ํ๋ง ์ถ๋ ฅ SELECT a,b,c,d FROM table_name WHERE ํ์ด๋ฆ='์ด๋ด์ฉ' - ํ์ด๋ฆ์์ '์ด๋ด์ฉ'์ธ ๋ฐ์ดํฐ๋ง ๋ฝ์์ ์ถ๋ ฅ youtu.be/FCnJH6fLc64 Mysql study์ผ์ง 1 dev.mysql.com/downloads/mysql/ ํ์ผ ๋ค์ด ํ ์ค์น 'cd /usr/local/mysql/bin/โฉ ํ๊ณ ๋ค์ด๊ฐ์ ./mysql -uroot -p ํ๊ณ ๋น๋ฒ ์ ๋ ฅ NOT NULL - NULL์ ํ์ฉํ์ง ์๋๋ค NULL - NULL์ด์ฌ๋ ๊ฐ๋ฅ AUTO_INCREMENT - ์๋์ผ๋ก ์ซ์ ํ๋์ฉ ํค์์ ์ ๋ ฅํด์ค (id์ ์ฌ์ฉ) PRIMARY KEY - ์ฑ๋ฅ์ ์ธ ์ธก๋ฉด / ์ค๋ณต์ ๋ฐฉ์งํ๋ ์ธก๋ฉด ์จ์นํ๋ค ์ฐพ์๊ฒ - ํ๊ธ์ค๋ช ์ผ๋ก ์ฝ๊ฒ ์ค๋ช ํด๋จ๋ค www.tcpschool.com/mysql/mysql_basic_create ์ฝ๋ฉ๊ต์ก ํฐ์จํผ์ค์ฟจ 4์ฐจ์ฐ์ ํ๋ช , ์ฝ๋ฉ๊ต์ก, ์ํํธ์จ์ด๊ต์ก, ์ฝ๋ฉ๊ธฐ์ด, SW์ฝ๋ฉ, ๊ธฐ์ด์ฝ๋ฉ๋ถํฐ ์๋ฐ ํ์ด์ฌ ๋ฑ tcpschool.com SQL์ด ๋ญ๊ฐ ์ต์ํด์ ์๊ฐํด๋ณด๋ ์๋ .. ์ด๋ชจํฐ์ฝ react / ์ปดํฌ๋ํธ ์ ์ / ํ์๊ฐ์ ํ๋ฉด ๊ตฌํ React study / sass ์ฐ๊ฒฐ์ Node Sass version 5.0.0 is incompatible with ^4.0.0. ์ถฉ๋๋์ ๊ทธ๋ผ ์ง์ ๋ค๊ฐ 4.0.0๋ฒ์ ์ผ๋ก ๋ค์ ๊น๋ฉด ๋๋ค npm์ด๋ฉด uninstall yarn์ด๋ฉด remove ๋ก ์ง์์ฃผ๋ฉด ๋จ ๐ ํด๊ฒฐ๋ฐฉ๋ฒ https://guswnl0610.github.io/react/react-sass-error/ react study / ๋ฐฐ์ด ์ ๋ ฅ / ์์ / ์ญ์ app.js import './App.css'; import React from 'react'; import { useRef } from 'react'; import { useState } from 'react'; import UserList from './UserList'; import CreateUser from './CreateUser' function App() { const [inputs, setInputs] = useState({ username: '', email: '' }); const { username, email } = inputs; const onChange = e => { const { name, value } = e.target; setInputs({ ...inputs, [nam.. react study / input์ฒ๋ฆฌํ๊ธฐ / ์ฌ๋ฌ๊ฐ input ์ฒ๋ฆฌ https://binggamel.tistory.com/m/100 react study / ์ปดํฌ๋ํธ์์ ๊ฐ ๋ฐ์ ๋ฐ๊พธ๊ธฐ Counter.js import React from 'react'; import { useState } from 'react'; function Counter() { const [number, setNumber] = useState(0); const onIncrease = () => { setNumber(prevNumber => prevNumber +.. binggamel.tistory.com ๐์ปดํฌ๋ํธ ๊ฐ ๋ฐ๊พธ๊ธฐ / useState ์ฌ์ฉ input์ ๋ฐ์ ์ฒ๋ฆฌํ๊ธฐ import React from 'react'; import { useState } from 'react'; function.. react study / ์ปดํฌ๋ํธ์์ ๊ฐ ๋ฐ์ ๋ฐ๊พธ๊ธฐ Counter.js import React from 'react'; import { useState } from 'react'; function Counter() { const [number, setNumber] = useState(0); const onIncrease = () => { setNumber(prevNumber => prevNumber + 1); } const onDecrease = () => { setNumber(prevNumber => prevNumber- 1); } return ( {number} +1 -1 ) } export default Counter; ๋งค์ฐ ์ฌ์ด ์์ ! ํ๋ฒ ํด๋ณด์ ๋ฒํผ์ ๋ฌ์์ฃผ๊ณ ๋๋ฅด๋๋๋ก ์ซ์ ๋ฐ๊พธ๊ธฐ onClick ์ด๋ฒํธ๋ฅผ ๋ฃ์ด์ค๋ค on์ด๋ฒคํธ์ด๋ฆ = {์คํํ๊ณ ์.. ์ด์ 1 ยทยทยท 5 6 7 8 9 10 11 ยทยทยท 14 ๋ค์