- Today
- Total
๋ชฉ๋ก์ ์ฒด ๊ธ (355)
DATA101
Step 1. ๊ธฐ์กด Repository ์ฐ๊ฒฐ ํด์ git remote remove origin Step 2. ์๋ก์ด Repository ์ฐ๊ฒฐ git remote add origin [์๋ก์ด Repository URL] ํฌ์คํ ๋ด์ฉ์ ์ค๋ฅ๊ฐ ์๋ค๋ฉด ์๋์ ๋๊ธ ๋จ๊ฒจ์ฃผ์ธ์. ๊ณ ๋ง์ต๋๋ค :)
์๋ฌ ์ํฉ React ๊ธฐ๋ฐ ํ๋ฉด UI ๊ตฌํ ์ค ์๋ ์๋ฌ ๋ฉ์์ง ํ์ธ ์๋ฌ ๋ฉ์์ง JSX expressions must have one parent element. ์๋ฌ ์์ธ - JSX ๋ฌธ๋ฒ์์ Component๊ฐ ์ฌ๋ฌ ๊ฐ ์๋ค๋ฉด ๋ฐ๋์ parent element๋ก ๊ฐ์ธ์ผ ํ๋๋ฐ ๊ทธ๋ ์ง ์์์ ๋ฐ์ํ ์ด์ - Component ๋ด๋ถ๋ ํ๋์ DOM Tree ๊ตฌ์กฐ๋ก ์ด๋ฃจ์ด์ ธ์ผ ํ๋ค๋ ๊ท์น์ ๋ฐ๋ผ์ผ ํจ ํด๊ฒฐ์ฑ ๊ฐ๋จํ๊ฒ div ํ๊ทธ ๋๋ fragment ํ๊ทธ ๋๋ ์ค๊ดํธ{}๋ก ์ฌ๋ฌ Component๋ฅผ ๊ฐ์ธ๋ parent element๋ฅผ ์ฌ์ฉํ๋ฉด ์ฝ๊ฒ ํด๊ฒฐ ๊ฐ๋ฅ ํด๊ฒฐ์ฑ ์์1: div ํ๊ทธ ... ํด๊ฒฐ์ฑ ์์2: fragment ํ๊ทธ ... ํด๊ฒฐ์ฑ ์์3: ํ๊ทธ๋ช ์๋ต๊ฐ๋ฅ ... ํฌ์คํ ๋ด์ฉ์ ์ค๋ฅ๊ฐ ์๋ค๋ฉด ์..
์๋ฌ ์ํฉ React ์๋ฒ ์คํ ์ค์ ์๋์ ๊ฐ์ ์๋ฌ ๋ฉ์์ง ํ์ธ ์๋ฌ ๋ฉ์์ง 'react-scripts'์(๋) ๋ด๋ถ ๋๋ ์ธ๋ถ ๋ช ๋ น, ์คํํ ์ ์๋ ํ๋ก๊ทธ๋จ, ๋๋๋ฐฐ์น ํ์ผ์ด ์๋๋๋ค. ํด๊ฒฐ์ฑ npm update ํ ์๋ฒ ์ฌ์์ npm update npm update ํ์๋ ์๋ฒ ์คํ์ด ์ ๋๋ค๋ฉด react-scripts ์ค์น ํ ์๋ฒ ์ฌ์์ npm install -g react-scripts npm start ํฌ์คํ ๋ด์ฉ์ ์ค๋ฅ๊ฐ ์๋ค๋ฉด ์๋์ ๋๊ธ ๋จ๊ฒจ์ฃผ์ธ์. ๊ณ ๋ง์ต๋๋ค :)
์๋ฌ ์ํฉ Repository์์ ์๋ก์ด Branch๊ฐ ์ ๋ฐ์ดํธ๋์ด checkout ์๋ ์ค ์๋์ ๊ฐ์ ์๋ฌ ๋ฐ์ ์๋ฌ ๋ฉ์์ง error: pathspec 'development' did not match any file(s) known to git ๋ฌธ์ ์์ธ Branch ์ ๋ฐ์ดํธ๊ฐ ์ ๋์ด ์๋ฌ ๋ฐ์ ํด๊ฒฐ์ฑ git remote update git checkout [branch ์ด๋ฆ] ํฌ์คํ ๋ด์ฉ์ ์ค๋ฅ๊ฐ ์๋ค๋ฉด ์๋์ ๋๊ธ ๋จ๊ฒจ์ฃผ์ธ์. ๊ณ ๋ง์ต๋๋ค :)
MySQL Shell ๋ฃจํธ ๊ถํ ์ ๊ทผ ํฐ๋ฏธ๋์ ์๋ ๋ช ๋ น์ด ์ ๋ ฅ mysql -u root -p ๋ฃจํธ ๊ณ์ ๋น๋ฐ๋ฒํธ ์ ๋ ฅ ๊ธฐ์กด ๋น๋ฐ๋ฒํธ ์ ๋ ฅ MySQL Shell์ ๋ฃจํธ๊ถํ์ผ๋ก ์ ๊ทผํ์๋ค๋ฉด, ์๋์ ๊ฐ์ด ์ฌ์ฉ์ ์ด๋ฆ๊ณผ ๋ณ๊ฒฝํ ๋น๋ฐ๋ฒํธ ์ ๋ ฅ ALTER USER '์ฌ์ฉ์ ์ด๋ฆ'@'localhost' IDENTIFIED BY '์๋ก์ด ๋น๋ฐ๋ฒํธ'; FLUSH PRIVILEGES; OK๋ฌธ์ด ๋์๋ค๋ฉด ๋น๋ฐ๋ฒํธ ๋ณ๊ฒฝ ์๋ฃ ํฌ์คํ ๋ด์ฉ์ ์ค๋ฅ๊ฐ ์๋ค๋ฉด ์๋์ ๋๊ธ ๋จ๊ฒจ์ฃผ์ธ์. ๊ณ ๋ง์ต๋๋ค :)
์๋ฃจ์ ํฐ๋ฏธ๋์์ ์๋์ ๊ฐ์ด branch ์ด๋ฆ๊ณผ ์ ์ฅ์ URL ์ ๋ ฅ git clone -b {Branch ์ด๋ฆ} --single-branch {์ ์ฅ์ URL} ์์ฑ ์์ git clone -b development --single-branch https://github.com/[...].git ํฌ์คํ ๋ด์ฉ์ ์ค๋ฅ๊ฐ ์๋ค๋ฉด ์๋์ ๋๊ธ ๋จ๊ฒจ์ฃผ์ธ์. ๊ณ ๋ง์ต๋๋ค :)
๐ฅ ๋ชฉํ DAO, DTO, VO์ ๊ธฐ๋ณธ์ ์ธ ๊ฐ๋ ๊ณผ ํน์ง์ ์ดํดํ๋ค. 1. Data Access Object(DAO) Database์ Access ํ๋ Transaction Object Domain Logic์์ Persistence Mechanism ๋ ธ์ถ ์์ด ๋ฐ์ดํฐ ์กฐํ, ์ฝ์ , ์ญ์ , ์ ๋ฐ์ดํธ(i.e., CRUD) ๊ธฐ๋ฅ ์ํ Domain Logic๊ณผ ๋น์ฆ๋์ค ๋ก์ง ๋ถ๋ฆฌ๋ฅผ ์ํด ์ฌ์ฉ 2. Data Transfer Object(DTO) 2.1. ๊ฐ๋ ๋ฐ ํน์ง ๊ณ์ธต ๊ฐ ๋ฐ์ดํฐ ๊ตํ์ด ์ฃผ๋ ๋ชฉ์ ์ธ ๊ฐ์ฒด๋ก, ํน๋ณํ Logic์ ๋ฐ๋ก ๊ฐ์ง ์์ ํด๋ผ์ด์ธํธ ์ธก๊ณผ ์ง์ ๋ง์ฃผํ๋ ๊ณ์ธต(e.g., Controller, View, Business Layer, Persistence Layer)์ Entity๋ฅผ ์ง์ ์ ๋ฌ..
๐ฅ ๋ชฉํ Entity์ ๊ธฐ๋ณธ ๊ฐ๋ ๊ณผ ๋งตํ ๋ฐฉ๋ฒ์ ์ดํดํ๋ค. 1. Entity ๊ฐ๋ 2์ฐจ์ Table ์์ฒด๋ฅผ Entity๋ผ๊ณ ๋ถ๋ฆ Table ๋ด ๊ฐ Row๊ฐ Entity ๊ฐ์ฒด์ด๋ฉฐ, ๊ฐ Column์ด Field Entity๋ Table๊ณผ 1๋1 ๋์๋๋ค๊ณ ํํ Table ๋ด ๋ชจ๋ Column์ Field๋ก ๋ฐ๋์ ์ ์ํด์ผ ํจ Entity ํด๋์ค๋ ๋ค๋ฅธ ํด๋์ค๋ฅผ ์์๋ฐ๊ฑฐ๋ ์ธํฐํ์ด์ค์ ๊ตฌํ์ฒด๋ก์ ์ฌ์ฉ๋ถ๊ฐ 2. Entity ํด๋์ค ์ฌ์ฉ ๊ท์น Entity ํด๋์ค๋ ํด๋์ค ์์ฑ ์ Entity Annotation์ ๋ถ์ฌ ํด๋น ํด๋์ค๊ฐ Entity ํด๋์ค์์ ๋ช ์ํด์ผ ํจ Entity ํด๋์ค์์ Domain ๋ก์ง๋ง ๊ตฌํํ๊ณ Presentation ๋ก์ง์ ๊ตฌํํ์ง ์์ Proxy ์์ฑ์ ์ํด ๊ธฐ๋ณธ ์์ฑ์๋ ํ์์ด๋ฉฐ, p..