๋ชฉ๋ก2022/03 (46)
whatisthis?
ํด๋ Add - Commit - Push ํ๊ธฐ ๋ช ๋ น์ด ์์: $ git status $ git add ํด๋ ์ด๋ฆ $ git commit -m "์ปค๋ฐ ๋ก๊ทธ" $ git remote -v $ git push origin main 1. git status ๋ช ๋ น์ด๋ก working directory ์ํ ํ์ธ 2. git add ๋ช ๋ น์ด๋ก staging area๋ก ํด๋ ์ด๋ 3. git commit๊ณผ git push ๋ช ๋ น์ด๋ก commitํ ์ฌํญ์ repository๋ก ์ต์ข ์ ๋ก๋ ํ์ผ๊ณผ ๋ฌ๋ฆฌ ์ถ๊ฐ๋๋ ์ ์ด ์๋ค๋ฉด 4๋ฒ์งธ ๋ผ์ธ์ "git remote -v" ๋ผ๋ ๋ช ๋ น์ด์. ์ ๋ก๋ ํ๋ ค๋ ํด๋์ ์์ํด๋์ git์ด ์ฐ๊ฒฐ(.git ํด๋๊ฐ ์์)๋ผ์๊ธฐ ๋๋ฌธ์ ํด๋น ๋ช ๋ น์ด๋ฅผ ์ด์ฉํด ๋ด github repository(์๊ฒฉ ..
Landscape = ๋ชจ๋ฐ์ผ ํ๋ฉดํ์ (๊ฐ๋ก ver) @media (orientation: landscape) { /* ์์ฑ */ }
For You ์ธํ ๋ฆฌ์ด ์ฌ๋ฌด ์ ๋ณด ๊ด๋ฆฌ ์ฌ์ดํธ project โช ํ์คํ ํ๋ก์ ํธ (Server-side, DB, Front-end) โช ๊ธฐํ์ โ ํ๋ก์ ํธ๋ฅผ ์์ํ๋ฉฐ ๊ธฐํ + ๋๋ต์ ๊ตฌ์ฑ + ๊ฐ๋ฐ์คํ ๊ณ ๋ฏผ์ ํ๋ค๋ณด๋ ๋ฒ์จ 2-3์ฃผ๊ฐ ์ง๋๊ฐ๋ค. ์ฒ์์ ํ๋ก ํธ์๋๋ง ๋ด๋นํ๋ ์ค ์์๋ ํ๋ก์ ํธ๊ฐ ๋์์ธํด๋ ๋ถ์กฑํ ์ค๋ ฅ์ด์ง๋ง ๋ค๋ฃจ๊ฒ ๋๊ณ , ํ๋ก ํธ ๋ง๊ณ ์๋ฒ์ฌ์ด๋๋ DB์ชฝ ์ง์๋ ์๊ฒ ๋์๋ค. ํนํ node.js๋ ๋ฐฑ์๋์ชฝ์ด๋ผ๊ณ ๋จ์ ์ง๊ณ ์ณ๋ค๋ ์๋ณด๋ ์์ด์๋๋ฐ, ๋ฆฌ์กํธ๋ฅผ ์ ํ๋ฉด์ ์ฐธ npm๊ณผ ์นํด์ง ๊ฒ ๊ฐ๋ค :) ์์ง์ ๋ฐฐ์ฐ๋ ๊ฑธ๋ก ๊ตฌํ์ ํ๊ฒ ์ง๋ง, ์ ์ ์ฐพ์๋ณด๋ค๋ณด๋ next.js์ typescript ๊ฐ์ ์ ๊ธฐ์ (?)์ด ํ๋๊ธฐ ์์ํ๋ค. ๋, css๋ ์ง๊ธ์ ๊ทธ๋ฅ module.css๋ฅผ ๋ชฉํ๋ก ํ์ง๋ง, ๋์ค์..
en) MDN ๋ฌธ์ ์์ด๋ก ๊ณต๋ถํ๊ธฐ - ์์ด ๊ณต๋ถ๋ ํ๊ณ , (๋ฌธ์ฅ๊ตฌ์กฐ+์ฝ๋ฉ์ฉ์ด+์๋ฌธ) - ์ฝ๋ฉ ์ง์๋ ์ป์ ์ ์์ - ํ๋ฃจ 30๋ถ์ฉ๋ง ๋งค์ผ๋งค์ผ ๐ฏ๐ฏ ๐ ์ด๋ฒ์ ๋ณผ ๋ฌธ์๋? - React ์์ํ๊ธฐ React ์์ํ๊ธฐ - Web ๊ฐ๋ฐ ํ์ตํ๊ธฐ | MDN ์ด ๋ฌธ์์์๋ React๋ฅผ ์๊ฐํฉ๋๋ค. ์ฐ๋ฆฌ๋ React์ ๋ํ ์ฝ๊ฐ์ ๋ฐฐ๊ฒฝ์ง์๊ณผ ์ฌ์ฉ ์์, ๋ก์ปฌ ์ปดํจํฐ์ React ํด์ฒด์ธ์ ์ค์ ํ๋ ๋ฐฉ๋ฒ์ ๋ฐฐ์ฐ๊ณ ํ๋ก์ธ์ค์์์ React ๋์ ์๋ฆฌ๋ฅผ ๋ฐฐ์ฐ๊ธฐ ์ํด์ ๊ฐ๋จ developer.mozilla.org
GitHub - thisisyjin/Bootstrap-prac: Practice BootStrap Grid System+ Page Layout (HTML/CSS) Practice BootStrap Grid System+ Page Layout (HTML/CSS) - GitHub - thisisyjin/Bootstrap-prac: Practice BootStrap Grid System+ Page Layout (HTML/CSS) github.com Project. ๋ฐ์ํ ํ์ด์ง ์ ์๊ธฐ๊ฐ : 1์ผ Design, Assetst REF : ํฌ์คํ ํ๋จ ์ฐธ์กฐ - Bootstrap Grid System + CSS MediaQuery ์ฐ์ต์ฉ - Page-Layout ์ฐ์ต์ฉ ๐ป gh-pages๋ก ๊ตฌํํด๋ด. Final Pr..
(7) Footer Section ๐ HTML + CSS ์์ฑ - html ๋งํฌ์ ๊ตฌ์ฑ ๋งค์ฐ ๊ฐ๋จ! col-12 ์ง๋ฆฌ ์ธ๊ฐ๋ง๋ค๊ธฐ. index.html Terms Privacy License style.css /* Footer Page */ .footer { padding: 24px 0; } .footer-link { margin-bottom: 8px; } .footer-link:last-child { margin-bottom: 0; } .footer-link a { font-size: 14px; line-height: 1.71428571; letter-spacing: -0.01em; color: #807f81; } +) media query (Desktop) /* footer */ .footer-link..
(6) Subscription Section ๐ HTML + CSS ์์ฑ - html ๋งํฌ์ ๊ตฌ์ฑ ์ด๋ฒ์๋ section ๋ง๊ณ aside๋ก ๊ฐ์ธ์ฃผ์. ๋์์ธ์์์ ๋ณด๋ฉด, image๋ถ๋ถ๊ณผ ๋๋จธ์ง title+p+form ๋ถ๋ถ์ผ๋ก ๋๋ ์ง๊ณ , col-12(col-md-5)์ col-12(col-md-7)๋ก ๋๋๋ค. row๋ฅผ ๋๋๋ ๊ธฐ์ค์ ??? - ์ค๋ฐ๊ฟ ํ๋ฉด row ๋ฐ๋ก ์ ๊ธฐ. ์ด๋ฒ์ ๊ฐ์์ค์ ์์ผ๋ฏ๋ก row>col+col index.html Stay with us Subscribe to our email newsletter to stay up to date on the latest updates Get started Cancel any time. Check out Terms of Use. ๋์ค์ input์..
(5) Curriculum Section ๐ HTML + CSS ์์ฑ - html ๋งํฌ์ ๊ตฌ์ฑ desktop์์๋ ์ด๋ฏธ์ง๊ฐ ๋ฑ์ฅํจ. row๋ ๋์ค๋ก, col-12(col-md-6) ๋๊ฐ์ฉ ๊ตฌ์ฑํจ. Curriculum Dive into the web development Dive into the software development environment and the basics of computing, networks, and data structures. Apply now Real-World Projects. Solve challenges that professional engineers face as you work individually and in teams with designers. Instr..
(4) Program Section ๐ HTML + CSS ์์ฑ - html ๋งํฌ์ ๊ตฌ์ฑ ์ง๋ ํฌ์คํ ์์ ๋ง๋ strong+h1+p ๊ตฌ์ฑ์ด ํ๊ฐ์ row์๋ค๋ฉด ์๋ก์ด row๋ฅผ ๋ง๋ค์ด์ฃผ๊ณ , col-12๋ฅผ ์ด 3๊ฐ ๋ง๋ค์ด col-md-4 ๋ก ์ง์ ํด์ค๋ค. ์ง๊ธ๊น์ง section.program ์ ๊ตฌ์ฑ์ ์ดํด๋ณด๋ฉด ๋ค์๊ณผ ๊ฐ๋ค. section > container > row > col-12 (col-md-10) > row > col-12 (col-md-4) * 3 index.html Full-Time On Campus Full-Time Remote Part-Time Flex style.css /* Program Page */ .program-card { display: block; text-align: cente..
(4) Program Section ๐ HTML + CSS ์์ฑ - html ๋งํฌ์ ๊ตฌ์ฑ ๋์์ธ์ ๋ณด๋ ์ ๋ชฉ+๋ณธ๋ฌธ ๋ถ๋ถ์ col-12 ์์ col-10์ผ๋ก ์ค์ด๋ค๊ณ , ์๋ ์ด๋ฏธ์ง ์ธ๊ฐ๋ ๋ชจ๋ฐ์ผ์ผ๋๋ col-12 ์ธ๊ฐ์ด๊ณ , ๋ฐ์คํฌํ์ผ๋ col-md-4 ๊ฐ ๋๋๋ก ์ค์ . - ์ถํ์ ๋งํฌ์ ํ ๋ถ๋ถ์ธ Curriculum ๋ถ๋ถ๊ณผ Program ๋ถ๋ถ์ด ๋งค์ฐ ๋น์ทํ๋ค. >> strong, heading, p๋ถ๋ถ์ ๋ชจ๋ํํด์ ์ฌ์ฉํ์! Program Frontend Dev. Immersive Course Your best course for career transformation in front-end developement. This full-time bootcamp features expert instruction..