It(5)
-
[์ค๋ธ์ ํธ 4์ฅ] - ์ค๊ณ ํ์ง๊ณผ ํธ๋ ์ด๋ ์คํ
[์ค๋ธ์ ํธ 4์ฅ] - ์ค๊ณ ํ์ง๊ณผ ํธ๋ ์ด๋ ์คํ ์ด๋ฒ ์ฅ์ ์ํ ์๋งค ์์คํ ์ ์ฑ ์์ด ์๋ ์ํ๋ฅผ ํํํ๋ ๋ฐ์ดํฐ ์ค์ฌ์ ์ค๊ณ๋ฅผ ์ดํด๋ณด๊ณ ๊ฐ์ฒด์งํฅ์ ์ผ๋ก ์ค๊ณํ ๊ตฌ์กฐ์ ์ด๋ค ์ฐจ์ด์ ์ด ์๋์ง ์ดํด๋ณด๋ ์ฑํฐ์ ๋๋ค. ๋ฐ์ดํฐ ์ค์ฌ์ ์ํ ์๋งค ์์คํ ๋ฐ์ดํฐ ์ค์ฌ ์ค๊ณ๋ '๋ฐ์ดํฐ๊ฐ ๋ฌด์์ธ๊ฐ'๋ฅผ ๋ฌป๋ ๊ฒ์ผ๋ก ์์ํ๋ค. ๋จผ์ Movie์ ์ ์ฅ๋ ๋ฐ์ดํฐ๋ฅผ ๊ฒฐ์ ํ๋ ๊ฒ์ผ๋ก ์์ํ์. ํธ์๋ฅผ ์ํด ์ ๊ทผ์์ ์์ ์๋ ๋กฌ๋ถ์ผ๋ก ๋์ฒดํ๋ค. @Getter@Setterpublic class Movie { private String title; private Duration runningTime; private Money fee; private List discountConditions; privat..
2024.07.07 -
[์ค๋ธ์ ํธ 3์ฅ] - ์ญํ , ์ฑ ์, ํ๋ ฅ
[์ค๋ธ์ ํธ 3์ฅ] - ์ญํ , ์ฑ ์, ํ๋ ฅ ํ๋ ฅ ๊ฐ์ฒด๋ค์ด ์ ํ๋ฆฌ์ผ์ด์ ์ ๊ธฐ๋ฅ์ ๊ตฌํํ๊ธฐ ์ํด ์ํํ๋ ์ํธ์์ฉ์ "ํ๋ ฅ"์ด๋ผ๊ณ ํ๋ค. ๊ฐ์ฒด๊ฐ ํ๋ ฅํ๊ธฐ ์ํด ์ํํ๋ ๋ก์ง์ "์ฑ ์"์ด๋ผ๊ณ ๋ถ๋ฅธ๋ค. ๊ฐ์ฒด๋ค์ด ํ๋ ฅ ์์์ ์ํํ๋ ์ฑ ์๋ค์ด ๋ชจ์ฌ ๊ฐ์ฒด๊ฐ ์ํํ๋ "์ญํ "์ ๊ตฌ์ฑํ๋ค. ์์จ์ ์ธ ๊ฐ์ฒด๋ ์์ ์๊ฒ ํ ๋น๋ ์ฑ ์์ ์ํํ๋ ์ค์ ํ์ํ ์ ๋ณด๋ฅผ ์์ง ๋ชปํ๊ฑฐ๋ ์ธ๋ถ์ ๋์์ด ํ์ํ ๊ฒฝ์ฐ ์ ์ ํ ๊ฐ์ฒด์๊ฒ ๋ฉ์์ง๋ฅผ ์ ์กํด์ ํ๋ ฅ์ ์์ฒญํ๋ค. ์ด์ฒ๋ผ ๊ฐ์ฒด๋ค ์ฌ์ด์ ํ๋ ฅ์ ๊ตฌ์ฑํ๋ ์ผ๋ จ์ ์์ฒญ๊ณผ ์๋ต์ ํ๋ฆ์ ํตํด ์ ํ๋ฆฌ์ผ์ด์ ์ ๊ธฐ๋ฅ์ด ๊ตฌํ๋๋ค. ํ๋ ฅ์ด ์ค๊ณ๋ฅผ ์ํ ๋ฌธ๋งฅ์ ๊ฒฐ์ ํ๋ค ๊ฐ์ฒด์ ํ๋์ ๊ฒฐ์ ํ๋ ๊ฒ์ ๊ฐ์ฒด๊ฐ ์ฐธ์ฌํ๊ณ ์๋ ํ๋ ฅ์ด๋ค. ํ๋ ฅ์ด ๋ฐ๋๋ฉด ๊ฐ์ฒด๊ฐ ์ ๊ณตํด์ผ ํ๋ ํ๋ ์ญ์ ๋ฐ๋์ด์ผ ํ๋ค. ํ..
2024.07.07 -
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