๋ชฉ๋กDEV_IN (89)
let's get IT with DAVINA ๐ป

window.open(์์ฐฝ ์ด๊ธฐ) ์น๋ธ๋ผ์ฐ์ ์์ ์์ฐฝ(ํ์ ์ฐฝ) ์ด๊ธฐ window.open('ํ์ ์ฃผ์', 'ํ์ ์ฐฝ ์ด๋ฆ', 'ํ์ ์ฐฝ ์ค์ '); window.open(url, name, option); window.open( res.data.url, "์นด์นด์คํก ๊ฒฐ์ ", "top=100px, left=100px height=800px, width=500px" ); url ์์ฐฝ(ํ์ ์ฐฝ)์ ๋ณด์ฌ์ง ์ฃผ์, ๊ธฐ๋ณธ๊ฐ: blank ⇒ ๋น ์ฐฝ์ด ๋ณด์ name ์๋ก ์ด๋ฆด ์ฐฝ์ ์ด๋ฆ ๋๋ ์์ฑ ์ง์ ๊ธฐ๋ณธ๊ฐ: _blank (์ ์ฐฝ์ผ๋ก ์ฐ๋ค) _parent: ๋ถ๋ชจ ํ๋ ์์ ์ด๋ฆฐ๋ค. _self: ํ์ฌ ํ์ด์ง๋ฅผ ๋์ฒดํ๋ค. _top: ๋ก๋๋ ํ๋ ์์ ์ ๋์ฒดํ๋ค. _name(์์์ ์ด๋ฆ): ์ ์ฐฝ์ด ์ด๋ฆฌ๊ณ ์ฐฝ์ ์ด๋ฆ ์ง์ option ..
const ReviewContent = styled.div` text-overflow: ellipsis; //๋ง ์ค์ํ ์๋ต๊ธฐํธ overflow: hidden; //๋์ด๊ฐ ๋ถ๋ถ(๊ธ์) ์๋ณด์ฌ์ฃผ๊ธฐ white-space: nowrap; //์ฌ๋ฌ์ค ์๋ณด์ด๊ฒ ํ๊ธฐ `; return ( {review.content} {review.content.length >= 30 ? ( ๋๋ณด๊ธฐ {openModal ? ( ) : null} ) : ( "" )} )

Position ๋ฌธ์ ์์ ์์๋ฅผ ๋ฐฐ์นํ๋ ๋ฐฉ๋ฒ์ ์ง์ ํ๋ค. top, right, bottom, left ์์ฑ์ ํตํด ์์์ ์ต์ข ์์น๋ฅผ ๊ฒฐ์ ํ๋ค. ์ฌ์ฉ๋ฒ ๊ธฐ์ค์ ์ก๋๋ค. (ex. position: relative;) ์ด๋์ํจ๋ค. (ex. top: 50px;) block : ํ ์ค ๋ชจ๋ ์ฐจ์ง (๋ํ element - , ) inline : ์ฝํ ์ธ ํฌ๊ธฐ ๋งํผ๋ง ์ฐจ์ง (๋ํ element - ) ๊ฐ ์๋ฏธ static ๊ธฐ์ค ์์ (๋ฐฐ์น ๋ถ๊ฐ๋ฅ / ๊ธฐ๋ณธ๊ฐ) relative ์์ ์๊ธฐ ์์ ์ ๊ธฐ์ค์ผ๋ก ๋ฐฐ์น absolute ๋ถ๋ชจ(์กฐ์) ์์๋ฅผ ๊ธฐ์ค์ผ๋ก ๋ฐฐ์น fixed ๋ทฐํฌํธ ๊ธฐ์ค์ผ๋ก ๋ฐฐ์น stickey ์คํฌ๋กค ์์ญ ๊ธฐ์ค์ผ๋ก ๋ฐฐ์น Relative ์์๋ฅผ ์ผ๋ฐ์ ์ธ ๋ฌธ์ ํ๋ฆ์ ๋ฐ๋ผ ๋ฐฐ์นํ๋ค. ์์ ์๊ธฐ ์์ ์ ์๋ ์..

TypeScript Javascript with syntax for types a strongly typed programming language that builds on JavaScript, giving you better tool at any scale JS์ ํ์ ์์ ์ฑ โฌ ๋ฒ์ ! TypeScript & VS Code ⇒ ๋ ๋ค Microsoft์์ ๊ฐ๋ฐํด์ ์ฃฝ์ด ์ ๋ง์ JavaScript VS TypeScript JS ⇒ ๊ฐ๋ฐ์๋ค์ด ๋ฉ์ฒญํ ์ค์๋ฅผ ํด๋ ์ดํดํด์ฃผ๋ ค ํ๋ ์ ์ฐํ ์ธ์ด [1,2,3,4]+ false(boolean) = “1,2,3,4false”(string) ⇒ TS๋ ๋ง๋ ์๋๋ ํธ์ถ์ ํ์ฉํ์ง ์์ ๋ฌธ์ ์๋ ํธ์ถ์ ์ ์ ์ ์ปดํจํฐ์์ ์ด๋ฏธ ์คํํ๊ณ ๋์ ์๋ฌ๋ผ๊ณ ๋งํด์ค ์ด๊ฒ์ด ๋ฐํ..

Git๊ณผ Github ์ฌ์ฉ๋ฒ์ ๋ธ๋ก๊น ํ๋ฉฐ ์นดํ ๊ณ ๋ฆฌ๋ฅผ ๋ถ๋ฅํ๋๋ฐ ๋ฌธ๋ ์ด ๋์ ์ฐจ์ด๋ฅผ ๋ช ํํ ์๊ณ ์๋์ง ๊ถ๊ธํด์ก๋ค. Git ์์ค ์ฝ๋๋ฅผ ํจ์จ์ ์ผ๋ก ๊ด๋ฆฌํ๊ธฐ ์ํด ๋ง๋ค์ด์ง ๋ถ์ฐํ ๋ฒ์ ๊ด๋ฆฌ ์์คํ VCS: Version Control System ์์ค ์ฝ๋ ์์ ์ ๋ฐ๋ฅธ ๋ฒ์ ์ ๊ด๋ฆฌํด์ฃผ๋ ์์คํ ๋ก์ปฌ ์ ์ฅ์๋ฅผ ์ฌ์ฉ (๋ค๋ฅธ ๊ฐ๋ฐ์์ ํ์ ์ ๊ฐ๋ X) Github ๋ถ์ฐ ๋ฒ์ ๊ด๋ฆฌ ํด์ธ Git์ ์ฌ์ฉํ๋ ํ๋ก์ ํธ๋ฅผ ์ง์ํ๋ ์นํธ์คํ ์๋น์ค ์ธ์ , ์ด๋์๋ ํ์ ์ด ๊ฐ๋ฅ ๋ก์ปฌ์์ ๋ฒ์ ๊ด๋ฆฌํ ์์ค์ฝ๋๋ฅผ ํด๋ผ์ฐ๋ ์๋ฒ๋ฅผ ์ฌ์ฉํ์ฌ ์ ๋ก๋ํด์ ๊ณต์ ๊ฐ๋ฅ Git์ผ๋ก ๋ก์ปฌ ์ ์ฅ์์์ ์์ -> Github์ ์ ๋ก๋ & Github์ ์๋ ์์ ๋ฌผ์ ๋ด๋ ค๋ฐ์์์ ์์ Local Repository : ๋ด PC์ ์ ์ฅ๋๋ ๊ฐ์ธ ์ ..

1. main (๋ฐฐํฌ์ฉ) ํ์ฌ ์ฝ๋์ → ์ ๊ฑด๋ค์ง ๋ง๊ณ ์ผ๋จ ์์ → 4๋ฒ ๊ณผ์ ๊น์ง ๋ค ์์ฑ๋๋ฉด mergeํด์ ๋ฐฐํฌ! 2. develop (๊ฐ๋ฐ์ฉ) 3๋ฒ feature์์ ์๋๋ฉด develop ๋ธ๋์น์ mergeํ๊ณ 3. feature (develop์ ๊ธฐ๋ฅ์ถ๊ฐ์ฉ) ๋ถ๋ฅ๋ฅผ ์ธ์ธํ๊ฒ ๋๋๊ธฐ๋ฅผ ์ํ๋ ํ์ฌ์์๋ refactor, fix, docs, chore์ ๊ฐ์ด ์ธ์ธํ๊ฒ ์ปค๋ฐ ๋ฉ์์ง๋ ๋ธ๋์น ๋ช ์ prefix๋ฅผ ๋ฌ๊ธฐ๋ ํฉ๋๋ค. hash (๋ธ๋์น ๋ช ) ์ปค๋ฐ ๋ฉ์์ง 2f85eea (feat/create-todo) feat: Todo ์ถ๊ฐ ๊ธฐ๋ฅ 2ad0805 (fix/var-name) fix: ๋ณ์ ๋ค์ด๋ฐ ์ปจ๋ฒค์ ์ ๋ง๊ฒ ๋ณ์๋ช ๋ณ๊ฒฝ (ismale => isMale) e7ce3ad (refactor) refa..

โญ git ⇒ ๋ฒ์ ๊ด๋ฆฌ ํ๋ก๊ทธ๋จ repository ⇒ git์ด ํ์ผ ๊ธฐ๋กํด๋๋ ์ฅ์ ์๊ฒฉ ์ ์ฅ์ = ์จ๋ผ์ธ repository - ์ปดํจํฐ ๊ณ ์ฅ๋๋ ์์ฌ - ํ์ ์ด ๊ฐ๋ฅ - ex) github ๋ด ์ฝ๋ ์ฌ๋ฆด ๋? git push //local ํ๊ฒฝ์์ repository ์์ฑ git init //๊ธฐ๋ณธ๋ธ๋์น ์ด๋ฆ์ main์ผ๋ก ๋ฐ๊พธ๊ธฐ git branch -M main //๋ก์ปฌ -> ์๊ฒฉ์ผ๋ก ๋ณด๋ด๊ธฐ git push -u ์๊ฒฉ์ ์ฅ์์ฃผ์ ์ฌ๋ฆด๋ก์ปฌ๋ธ๋์น๋ช //์๊ฒฉ์ ์ฅ์์ฃผ์ ๋ ๊ธธ์ด์ -> ๋ณ์ ๋ฌธ๋ฒ ์ฌ์ฉํ๊ธฐ git remote add ๋ณ์๋ช ์ฃผ์ git push -u ๋ณ์๋ช ์ฌ๋ฆด๋ก์ปฌ๋ธ๋์น๋ช //์ผ๋ก ์ฌ์ฉ ๊ฐ๋ฅํด์ง! //-u๋ฅผ ์ฌ์ฉํ๋ฉด ๊ทธ ์ดํ๋ถํฐ ์ฃผ์๊ฐ ๊ธฐ์ต๋๊ธฐ ๋๋ฌธ์ git push //๋ง ํด๋ ์๋์ผ๋ก ๋ณด๋ด..

ํ์ผ ๋ณต๊ตฌํ๊ธฐ //๋ฐ๋ก ์ commit ์์ ์ผ๋ก ํ์ผ ๋ณต๊ตฌํ๋ ๋ฒ git restore ํ์ผ๋ช //ํน์ commit ์์ ์ผ๋ก ํ์ผ ๋ณต๊ตฌํ๋ ๋ฒ git restore --source ์ปค๋ฐ์์ด๋ ํ์ผ๋ช //staging ์ทจ์ํ๋ ๋ฒ git restore --staged ํ์ผ๋ช commit ์ทจ์ํ๊ธฐ git revert ์ปค๋ฐ์์ด๋1 ์ปค๋ฐ์์ด๋2 //์ต๊ทผ ์ปค๋ฐ ์ทจ์ git revert HEAD ๊ณผ๊ฑฐ๋ก ๋ชจ๋ ๊ฑธ ๋๋๋ฆฌ๊ธฐ git reset --hard ์ปค๋ฐ์์ด๋ //๋ฆฌ์ ์ธ๋ฐ ๋ณ๋์ฌํญ ์ง์ฐ์ง ๋ง๊ณ ์คํ ์ด์ง ํด๋๊ธฐ git reset --soft ์ปค๋ฐ์์ด๋ //๋ฆฌ์ ์ธ๋ฐ ๋ณ๋์ฌํญ ์ง์ฐ์ง ๋ง๊ณ unstage ํด๋๊ธฐ git reset --mixed ์ปค๋ฐ์์ด๋ ๐ซ ERROR ISSUE ํ์๋ถ์ด dev/front์์ ์์ ์ค์, ๋ด..