It(3)
-
npm ๊ทธ๋ฆฌ๊ณ node.js
npm ๊ทธ๋ฆฌ๊ณ node.js NodeJS๋? node.js๋ ์๋ฐ์คํฌ๋ฆฝํธ ์คํํ ์์๋ ํ๊ฒฝ์ด๋ค. ์ด๋ฅผ ์ด์ฉํ์ฌ ๋ธ๋ผ์ฐ์ ๋ฐ์์๋ ์๋ฐ์คํฌ๋ฆฝํธ๋ฅผ ์ฌ์ฉ๊ฐ๋ฅํ๊ธฐ์ ๋ค์ดํฐ๋ธ ์ฑ, ์ปค๋งจ๋๋ผ์ธ ๋ช ๋ น์ด ๊ฐ๋ฐ, ํ๋ก ํธ์๋ ๊ฐ๋ฐ, ๋ฐฑ์๋ ๊ฐ๋ฐ ๋ฑ์์ ์ฌ์ฉ์ด ๋๋ค. npm์? npm์ ์๋ฐ์คํฌ๋ฆฝํธ๋ก ์ด๋ฃจ์ด์ง ๋ผ์ด๋ธ๋ฌ๋ฆฌ๋ฅผ ๊ด๋ฆฌํ๋ ๋๊ตฌ์ด๋ค. ์ด๋ฅผ ์ด์ฉํ์ฌ ์ ์ฉํ ๋ผ์ด๋ธ๋ฌ๋ฆฌ๋ค์ ์์ฝ๊ฒ ์ค์นํ๊ณ ์ญ์ ํ๊ณ ์ค์ ์ ๊ด๋ฆฌํ ์ ์๋ค. npm init -y๋ฅผ ํ๋ฉด ๊ธฐ๋ณธ๊ฐ์ผ๋ก package.jsonํ์ผ์ด ์์ฑ๋๋ค. package.json ํ์ผ ๋ด๋ถ๋ ์๋์ ๊ฐ๋ค. { "name": "npm", "version": "1.0.0", "description": "", "main": "index.js", "scripts": { "test": ..
2022.01.03 -
Css-Flex
Css-Flex Css๋ฐฐ์น์ ์์ด์ ๊ฝ์ธ Flex๋ฅผ ๋ค๋ค๋ณด์. ๋จผ์ . Flex๋ฅผ ์ ๋ฐฐ์ฐ๋์ง ๋ถํฐ ์์๋ณด์. 1) ๊ฐ๋จํ๊ณ ๋์ ์ธ ๋ถ๋ถ์์๋ ํจ์จ์ ์ด๋ค 2) ์ํ์ ์ธ ๋ถ๋ถ์์ ์ ๋ ฌ์ ํ๊ณ ์ถ๋ค 1. Flex์ ๊ธฐ๋ณธ Flex์ ๊ธฐ๋ณธ๊ตฌ์กฐ๋ ์๋์ ๊ฐ๋ค. class๋ช ์ธ container์ item์ ๊ด๋ก์ ์ผ๋ก ์ฌ์ฉํ๋ฉฐ, ๋ป ๊ทธ๋๋ก ์์์์ ๋ฌผ๊ฑด๋ค์ด ์๋ค๊ณ ์๊ฐํ๋ฉด ํธํ๋ค. ์ฐ๋ฆฌ๋ ๋ฌผ๊ฑด์ ์ธ๋ก๋ก ๋ฐฐ์นํ ์ง, ๊ฐ๋ก๋ก ๋ฐฐ์นํ ์ง, ๋์์ ๋ฐฐ์นํ ์ง ๋ฑ ์ฌ๋ฌ๊ฐ์ง ๋ฐฉ๋ฒ๋ค๋ก ๋ฐฐ์น๋ฅผ ํ ๊ฒ์ด๋ค. ์ด ๋ ํญ์ margin์ด๋ padding์ ์ค์ผ๋ก์จ ๊ฐ๊ฒฉ์ ์ฃผ๋ ๊ฒ์ ์๋นํ ๋นํจ์จ์ ์ด๋ผ๊ณ ๋ณผ ์ ์๋ค. ๊ทธ๋์ ์ฐ๋ฆฌ๋ "flex"๋ฅผ ์ฌ์ฉํ๋ค. ์ด์ ์์ฑ์ ๋ถ๋ชจ์์์ธ "container"์ ์ ์ฉํ ๊ฒ์ธ๊ฐ? ์์์์์ธ "item"..
2021.08.25 -
์ปดํจํฐ ๊ตฌ์กฐ - ๋ฒ์ค ์ค์ฌ
์ปดํจํฐ ๊ตฌ์กฐ - ๋ฒ์ค ์ค์ฌ CPU, ์ฃผ๊ธฐ์ต์ฅ์น, ๋ชจ๋ํฐ, ํค๋ณด๋, ํ๋ฆฐํฐ, ์บ์์ ์๋์ ์ ๋ถ "์์คํ ๋ฒ์ค"๋ฅผ ํตํด์ ์๋์ด ๋๋ค. ์ด ์์คํ ๋ฒ์ค์ ์ข ๋ฅ์๋ 3๊ฐ์ง(๋ฐ์ดํฐ ๋ฒ์ค, ์ฃผ์ ๋ฒ์ค, ์ ์ด ๋ฒ์ค)๊ฐ ์กด์ฌํ๋ค. ๊ทธ๋ฆฌ๊ณ ์์คํ ๋ฒ์ค์ ์ ์๋๋ ์์๋ค ์ค์์ ์ด๋ฌํ ๋ฒ์ค ์ฌ์ฉ์ ์ฃผ์ฒด๊ฐ ๋๋ ์์๋ค์ "๋ฒ์ค ๋ง์คํฐ"๋ผ๊ณ ๋ถ๋ฅธ๋ค. ๋ฒ์ค ๋ง์คํฐ๋ค์ ํ ์๊ฐ์ ํ ๊ฐ์ ๋ฒ์ค ๋ง์คํฐ๋ง ์์คํ ๋ฒ์ค๋ฅผ ์ด์ฉํ ์ ์๊ธฐ ๋๋ฌธ์ ์ฐ๋ฆฌ๋ "๋ฒ์ค ์ค์ฌ"๋ฅผ ํด์ฃผ์ด์ผ ํ๋ค. ์ค๋ ๋ฐฐ์๋ณผ ๋ด์ฉ์ ๋ฒ์ค ์ค์ฌ์ด๋ค. ๋ฒ์ค ์ค์ฌ - ๋ ๊ฐ ์ด์์ ๋ฒ์ค ๋ง์คํฐ๋ค์ด ๋์์ ๋ฒ์ค ์ฌ์ฉ์ ์์ฒญํ ๊ฒฝ์ฐ์ ์์๋ฅผ ๊ฒฐ์ ํด์ฃผ๋ ์์คํ ๋์. ๋ฒ์ค๋ฅผ ์ค์ฌํ๊ธฐ ์ํด์๋ 3๊ฐ์ง ์ ์ด ์ ํธ๊ฐ ํ์ํ๋ค. (๋ฒ์ค ์๊ตฌ ์ ํธ, ๋ฒ์ค ์น์ธ ์ ํธ, ๋ฒ์ค ์ฌ์ฉ์ค..
2020.12.08