์ผ | ์ | ํ | ์ | ๋ชฉ | ๊ธ | ํ |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
Tags
- Spring Data JDBC
- ์๋ฃ๊ตฌ์กฐ
- ๊ทธ๋ฆฌ๋
- CLI๋ช ๋ น์ด
- ๊ณ์ฐ๊ธฐ๋ง๋ค๊ธฐ
- ๊ฑฐ๋ญ์ ๊ณฑ
- Spring Security
- ๋ฐฑ์ค์๊ณ ๋ฆฌ์ฆ
- ์คํ๋ง
- FilterChain
- ํ์ดํ๋ก๊ทธ๋๋ฐ
- HTML
- ๋ฌธ์์ด๋ค์ง๊ธฐ
- ๋ฐฑ์๋
- spring data jpa
- ์ฒซ๊ธ์๋๋ฌธ์
- ๋ถํธ์บ ํ
- ๋ฐ์ผ๋ฆฌ์ฝ๋ฉ
- CSS
- ํ๊ณ
- Publishing
- ์๋ฐ
- ์ปฌ๋ ์ ํ๋ ์์ํฌ
- testing
- ์ธํ ๋ฆฌ์ ์ด
- ๊นํ๋ธ
- ์ ๋ค๋ฆญ์ค
- java
- fibonacci
- ์๊ณ ๋ฆฌ์ฆ
Archives
- Today
- Total
๋์ ๋ชจ์
003 | HTML, CSS ๋ณธ๋ฌธ
๐ค HTML(HyperText Markup Language)
- ํ๊ทธ(tag)๋ค์ ์งํฉ
- tag: <>๋ก ๋ฌถ์ธ HTML์ ๊ธฐ๋ณธ ๊ตฌ์ฑ ์์
- Semantic Tag: ๊ฐ ์์์ ์ญํ ์ ๋ช ํํ๊ฒ ๊ท์ ํด์ฃผ๋ ๊ฒ, ์ง๊ด์ ์ธ ๋ด์ฉ ํ์
- ์ด๊ณ <(opening tag) ๋ซ๊ณ />(closing tag) ๊ฐ ํ ์์ด์ง๋ง,
- ๋ซ๋ ํ๊ทธ๊ฐ ์์ ๊ฒฝ์ฐ <input ๋ด์ฉ๋ด์ฉ /> ์ฐ ํ๊ทธ ๋งจ ๋ง์ง๋ง์ / ๋ถ์ฌ์ฃผ๋ฉด ๋จ(Self-Closing tag)
- ํธ๋ฆฌ๊ตฌ์กฐ(Tree Structure)
๐คท๐ปโ๏ธ ๋น์ทํ๋ฏ ๋ค๋ฅธ, ์ฌ์ฉ๋ฒ์ด ํท๊ฐ๋ฆฌ๋ ํ๊ทธ ๐ต
๋๋ณด๊ธฐ
- <div> vs <span>
- div: ํ ์นธ ์ฐจ์ง
- span: ์ฝํ ์ธ ํฌ๊ธฐ๋งํผ ๊ณต๊ฐ ์ฐจ์ง
- ๋ฆฌ์คํธ ํ๊ทธ: <ol>, <ul>, <li> - ์ค์ฒฉ ๊ฐ๋ฅ
- ul(unordered list) - ์์๊ฐ ์ค์ํ์ง ์์ ๋
- ol(ordered list) - ์์๊ฐ ์ค์ํ ๋
- li(list item)
- dl(description list) - ์ฌ์ ๊ฐ์ด ์ ์ ์ค๋ช
ํ ๋
- dt(description term) - ์ํ๋ ๋จ์ด
- dd(description detail) - dt์ ๋ํ ๋จ์ด ์ค๋ช
- ์
๋ ฅ ํผ: <input />, <textarea>, <radiobox>, <checkbox>
- radiobox vs checkbox
- radiobox: ๋ ์ค ํ๋ ์ ํ
- name ์์ฑ์ผ๋ก ๊ทธ๋ฃนํํด์ค์ผ๋จ (name ๋๊ฐ์ด ์ฐ๊ธฐ)
- checkbox: ์ฌ๋ฌ๊ฐ ์ ํ ๊ฐ๋ฅ
- radiobox: ๋ ์ค ํ๋ ์ ํ
- radiobox vs checkbox
- <button> vs <a>
- ๋ฒํผ: onClick ์ก์ ์ค ๋ ์ฌ์ฉ
- a: anchor์ ์ค์์ผ๋ก, ๋ค๋ฅธ ํ์ด์ง๋ก ์ด๋ํ ๋ ์ธ์ฌ์ฉ
- href="url" ์์ฑ๊ณผ ๊ฐ์ด ์ฌ์ฉ
- <img > vs ๋ฐฑ๊ทธ๋ผ์ด๋ ์ด๋ฏธ์ง
- ์ด๋ฏธ์งํ๊ทธ: ์ด๋ฏธ์ง๊ฐ ์ค์ํ ์์์ผ ๋ html ์์ ํฌํจ์ํค๋ ๊ฒ์ด ์ข์
- ๋ฐฑ๊ทธ๋ผ์ด๋ ์ด๋ฏธ์ง: ๋ด์ฉ๊ณผ ์๊ด์๋ ์ด๋ฏธ์ง, ๋จ์ํ ๋ฐฐ๊ฒฝ๋ง ํ์ํ ๊ฒฝ์ฐ
- table vs css(grid)
- table: ํ + ์ด๋ก ๋ฐ์ดํฐ๊ฐ ํ์ํ ๋ ์ฌ์ฉ - ๋ฌธ์ ๋ด์์ ํ์
- css - flex, grid: ์์ดํ ์ ๋จ์ ๊ทธ๋ฆฌ๋ ํ์์ผ๋ก ๋ํ๋ผ ๋ ์ฌ์ฉ - ์คํ์ผ๋ง
- self-closing tag <ํ๊ทธ ๋ด์ฉ />
- <img />, <input />, <hr />, <br /> ๋ฑ์ด ์์
- ๋๋ ๊ฐ์ธ์ ์ผ๋ก ๋งํฌ์ ํ ๋ ๋ง์ง๋ง์ /๋ฅผ ํด์ฃผ์ด ํ๊ทธ๋ฅผ ๋ซ์์ฃผ๋ ๋๋(?)์ ์ฃผ๋๋ฐ,๊ทธ ์ด์ ๋ html์ด ๋งํฌ์ ์ธ์ด์ด๊ณ ๊ตฌ์กฐ๋ฅผ ์ค์ํ๊ธฐ ๋๋ฌธ์ ๋ค๋ฅธ ๋ซ๋ ํ๊ทธ์ ๊ท์น์ ๊ฐ์ด ํ๊ธฐ ์ํจ์ด๋ค.
HTML ์ฐ์ตํ ์ ์๋ ์ฌ์ดํธ
๐ค CSS(Cascading Style Sheets)
๐ซ ์ฌ์ฉ์ ์ธํฐํ์ด์ค(UI, User Interface)
- ๊ธฐ๊ณ์ ์ฌ์ฉ์์ ์ค๊ฐ์์ ์๋ก ์ํธ์์ฉ์ ํ ์ ์๊ฒ ์ฐ๊ฒฐํด์ฃผ๋ ๋งค๊ฐ์ฒด
- ์๊ฐ์ ์ผ๋ก ์ฌ์ฉ์๊ฐ ์ด์ฉํ๊ธฐ ํธ๋ฆฌํ๊ฒ ํด์ค
๐ซ ์ฌ์ฉ์ ๊ฒฝํ(UX, User eXperience)
- ์น์ด๋ ์ฑ์ ์ด์ฉํ๋ ์ฌ์ฉ์๋ค์ด ํ๋ ๋ชจ๋ ๊ฒฝํ
๐ซ CSS
- ๋ผ๋(HTML)์ ์ด(CSS)์ ๋ถ์ด๋ ๊ฒ์ด๋ฏ๋ก, ๋ผ๋์ธ HTML์ด ์์ด์ผ ์ฌ์ฉ ๊ฐ๋ฅ
- ๊พธ๋ฏธ๊ณ ์ถ์ ์์๋ฅผ ์ง์นญํ๋ selector / ์ง์นญํ ์์๋ฅผ ๊พธ๋ฏธ๋ ์ ์ธ๋ถ ํํธ declaration
- ์
๋ ํฐ์ ์ ์ธ๋ธ๋ก์ผ๋ก ๊ตฌ๋ถ๋์ด์์
- ์ ์ธ๋ธ๋ก ์์๋ ์์ฑ๊ณผ ์์ฑ๊ฐ์ผ๋ก ๊ตฌ๋ถ๋์ด์์
- ์ ์ธ ๋ง์ง๋ง์๋ ; ๋ถ์ฌ์ค
๐ซ ์ ํ์(Selector)
๋๋ณด๊ธฐ
- id
- ๋ฌธ์ ๋ด ํ๊ฐ๋ง ์กด์ฌํ ์ ์์
- id ์ ํ ๊ธฐํธ: #
- <h1 id="username"> kexon </h1>
- css ์ ์ฉ
- #username { font-style: italic; }
- class
- ํ๊ทธ ์ ํด๋์ค ์์ฑ์ ์ ์ ๊ฐ(title) ์ ํ
- class ์ ํ ๊ธฐํธ: . (comma)
- <h1 class="title"> Make today better than yesterday! </h1>
- css ์ ์ฉ
- .title { color: #808080; }
- ๊ทธ ์ธ ์ ํ์
๐ซ ํ ์คํธ ๊พธ๋ฏธ๊ธฐ
๋๋ณด๊ธฐ
์์
- ์์ฑ: color
.box {
color: pink; /* ๊ธ์ ์์ ๋ณ๊ฒฝ */
background-color: #fff0f5; /* ๋ฐฐ๊ฒฝ ์์ ๋ณ๊ฒฝ */
border-color: #808080; /* ํ
๋๋ฆฌ ์์ ๋ณ๊ฒฝ */
}
๊ธ๊ผด
- ์์ฑ: font-family
.title {
font-family: 'Roboto', sans-serif;
}
- ์ฌ์ฉํ๋ ค๋ ๊ธ๊ผด์ด ์กด์ฌํ์ง ์๊ฑฐ๋ ์ง์์ด ๋ถ๊ฐํ ๋๋ฐ์ด์ค์ ๋๋นํ์ฌ fallback ๊ธ๊ผด ์ถ๊ฐ ๊ฐ๋ฅ
- ํฌ๊ธฐ
- ์์ฑ: font-size
.title {
/* title class์ ๊ธ์ํฌ๊ธฐ 24 ์ ์ฉ */
font-size: 24px;
}
- ๋ค์ํ ๊ธ๊ผด ์ ๊ณต
๊ธ๊ผด ๋จ์
- ์ ๋ ๋จ์: px, pt ๋ฑ
- ๋ณดํต px ์ฌ์ฉ
- px๋ ๊ธ๊ผด์ ํฌ๊ธฐ๋ฅผ ๊ณ ์ ํด ์ฌ์ฉ์ ์ ๊ทผ์ฑ์ ์ข์ง ์์
- ์ฌ์ฉ์๊ฐ ๋ธ๋ผ์ฐ์ ์ ๊ธฐ๋ณธ ๊ธ๊ผด ํฌ๊ธฐ๋ฅผ ๋ ํฌ๊ฒ ์ค์ ํด๋ ํฌ๊ธฐ๊ฐ ๊ณ ์ ๋จ
- ์ฌ์ฉ์์ ํ๊ฒฝ์ ๋ฐ๋ผ ์ผ๋ฐ ํ ์คํธ๋ณด๋ค ์๊ฑฐ๋ ํฌ๊ฒ ๋ณด์
- ์๊ฑฐ๋ ํฐ ํ๋ฉด(๋ชจ๋ฐ์ผ, ๊ณ ํด์๋ ๋ชจ๋ํฐ)์์ ๊นจ์ง ์ ์์
- ์ฌ์ด์ฆ๊ฐ ์ ํด์ ธ ์๋ ๊ฒฝ์ฐ(์ธ์ ๋ฑ) ์ฌ์ฉ
- ์๋ ๋จ์: %, em, rem, vh, vw, ch ๋ฑ
- rem ์ฌ์ฉ
- ๊ธฐ๋ณธ ๊ธ์ ํฌ๊ธฐ: 1rem
- ๊ธฐ๋ณธ ๊ธ์ ํฌ๊ธฐ์ ๋ฐ๋ผ 2rem(2๋ฐฐ), 0.8rem(0.8๋งํผ ์๊ฒ) ๋ฑ์ผ๋ก ์ ์ฐํ๊ฒ ์ฌ์ฉ ๊ฐ๋ฅ
- ์ฌ์ฉ์๊ฐ ์ค์ ํ ๊ธฐ๋ณธ ๊ธ๊ผด ์ค์ ์ ๋ฐ๋ฅด๋ฏ๋ก ์ ๊ทผ์ฑ์ ์ ๋ฆฌ
๐ซ ๋ฐ์ค๋ชจ๋ธ
๋๋ณด๊ธฐ
- ์น ํ์ด์ง ๋ด ๋ชจ๋ ์ปจํ ์ธ ๋ ๊ณ ์ ์ ์์ญ์ ๊ฐ์ง๊ณ ์๋๋ฐ, ์ด๋ฅผ ‘๋ฐ์ค'๋ผ๊ณ ๋ถ๋ฆ
- ๋ฐ์ค ์ข
๋ฅ
- ์ค๋ฐ๊ฟ ๋๋ ํ๊ทธ(block-level elements): h1, p, div, ul, li, ๋ฑ
- ์ค๋ฐ๊ฟ ์ ๋๋ ํ๊ทธ(inline/inline-block elements): span, a, strong, img, ๋ฑ
- inline ๋ฐ์ค์์๋ width, height ์์ฑ ์ ์ฉ ๋ถ๊ฐ
- inline ์์ฑ ์ฌ์ฉํ๋ ค๋ฉด display: inline-block; ์ฌ์ฉ
- Inline elements - HTML: HyperText Markup Language | MDN
- ๋ฐ์ค ํน์ฑ ์ ๋ฆฌblock inline-block inline
์ค๋ฐ๊ฟ ์ฌ๋ถ O X X ๊ธฐ๋ณธ width 100% ๊ธ์๊ฐ ์ฐจ์งํ๋ ๋งํผ ๊ธ์๊ฐ ์ฐจ์งํ๋ ๋งํผ width, height ์ฌ์ฉ ๊ฐ๋ฅ ์ฌ๋ถ O O X
- <aside> ๐ก ์์ฑํ ํ๊ทธ ๋ฐ์ค ํ์ธ: F12 ๋๋ Cmd + Opt + i
๐ซ ๋ฐ์ค ๊ตฌ์ฑ์์
๋๋ณด๊ธฐ
- border ๊ธฐ์ค์ผ๋ก padding(์์ชฝ ์ฌ๋ฐฑ)๊ณผ margin(๋ฐ๊นฅ ์ฌ๋ฐฑ)์ด ์์
- ํ๋์: Content ์์ญ
border(ํ ๋๋ฆฌ)
- ์์ 1: pํ๊ทธ์ ๋๊ป๊ฐ 1px์ธ ๋ถํ์ ์ค์ ์ถ๊ฐ
p {
border: 1px solid pink;
}
- ์ ์ฉ๋ ๊ฐ๊ฐ์ ๊ฐ: ํ ๋๋ฆฌ์ ๋๊ป(border-width) ์คํ์ผ(border-style) ์์(border-color)
- ์์ 2: ํ ๋๋ฆฌ ๋๊ป๊ฐ 1px์ธ ๋ฅ๊ทผ ๋ชจ์๋ฆฌ์ ์ ์ ์ผ๋ก ๋ง๋ค๊ณ ๋ฐ์ค ๋ฐ๊นฅ์ชฝ์ ๊ทธ๋ฆผ์ ๋ฃ๊ธฐ
p {
border: 1px dotted pink;
border-radius: 5px;
box-shadow: 3px 3px pink;
}
margin(๋ฐ๊นฅ ์ฌ๋ฐฑ)
- border ๊ธฐ์ค์ผ๋ก ๋ฐ์ค ์ธ๋ถ(๋ฐ๊นฅ) ์ฌ๋ฐฑ ์ง์
- ๊ฐ ๊ฐ์ ์๊ณ๋ฐฉํฅ → top, right, bottom, left
p {
margin: 10px 20px 30px 40px;
}
- ๊ฐ ํ ๊ฐ๋ง ๋ฃ์ผ๋ฉด,
p {
margin: 10px;
}
- ๊ฐ ๋ ๊ฐ ๋ฃ์ผ๋ฉด,
p {
margin: 10px 20px;
}
- ํน์ ์์ญ ์ง์
p {
margin-top: 10px;
margin-right: 20px;
margin-bottom: 30px;
margin-left: 40px;
}
- ๋ฐ๊นฅ ์ฌ๋ฐฑ์ ์์ ๊ฐ ์ง์ ๊ฐ๋ฅ
- ๋ค๋ฅธ ์์๋ค๊ณผ์ ๊ฐ๊ฒฉ์ด ์ค์ด๋ฆ
p {
margin-top: -2rem;
}
padding(์์ชฝ ์ฌ๋ฐฑ)
- border ๊ธฐ์ค์ผ๋ก ๋ฐ์ค ๋ด๋ถ ์ฌ๋ฐฑ ์ง์
- ๊ฐ ๊ฐ์ ์๊ณ๋ฐฉํฅ → top, right, bottom, left (margin๊ณผ ๋์ผ)
p {
padding: 10px 20px 30px 40px;
}
๐ซ ๋ฐ์ค๋ฅผ ๋ฒ์ด๋๋ ์ฝํ ์ธ ์ฒ๋ฆฌ
๋๋ณด๊ธฐ
- ์ฝํ
์ธ ๊ฐ ๋ฐ์ค๋ฅผ ๋ซ๊ณ ๋๊ฐ๋ ๊ฒฝ์ฐ ์ฒ๋ฆฌ
- ์ฝํ ์ธ ๋ฅผ ๋ฐ์ค ํฌ๊ธฐ์ ๋ง์ถ๊ฑฐ๋
- ์ฝํ ์ธ ๋ฅผ ํ์ธํ ์ ์๊ฒ ์คํฌ๋กค ์ถ๊ฐ
p {
height: 40px;
overflow: auto;
}
- overflow + ์์ฑ
- auto: ์ฝํ ์ธ ๊ฐ ๋์น ๋ ์คํฌ๋กค ์์ฑ
- hidden: ๋์น๋ ์ฝํ ์ธ ๋ด์ฉ ์๋ฅด๊ธฐ
- overflow-x, overflow-y: ๋ฐฉํฅ ์ง์
๐ซ ๋ฐ์ค ํฌ๊ธฐ ์ธก์
๋๋ณด๊ธฐ
- ๋ฐ์ค ์ฌ๋ฐฑ์ ๊ณ ๋ คํ์ง ์๊ณ ๋ฐ์ค ํฌ๊ธฐ๋ฅผ ๋์์ธํ ๊ฒฝ์ฐ ๋ ์ด์์์ ๋ฒ์ด๋ ์ ์์
- ์์
<div id="container">
<div id="inner">
์์ชฝ box
</div>
</div>
#container {
width: 300px;
padding: 10px;
background-color: yellow;
border: 2px solid red;
}
#inner {
width: 100%;
height: 200px;
border: 2px solid green;
background-color: lightgreen;
padding: 30px;
}
- #container
300px (์ฝํ ์ธ ์์ญ) + 10px (padding-left) + 10px (padding-right) + 2px (border-left) + 2px (border-right)
- #container์ ๋๋น๋ 300px์ด ์๋๋ผ padding๊ณผ border๊ฐ์ด ๋ค ๋ํด์ ธ ์ต์ข 324px์ด ๋จ
- #inner
300px (300px์ 100%) + 30px (padding-left) + 30px (padding-right) + 2px (border-left) + 2px (border-right)
- #inner์ 100%๋ 300px์ด ์๋๋ผ padding๊ณผ border๊ฐ์ด ๋ค ๋ํด์ ธ ์ต์ข 364px์ด ๋จ
- ํด๊ฒฐ๋ฐฉ๋ฒ
- ๋ชจ๋ ๋ฐ์ค ์์์ ์ฌ๋ฐฑ๊ณผ ํ ๋๋ฆฌ ๋๊ป๋ฅผ ํฌํจํด์ ๊ณ์ฐ
- ์ผ๋ฐ์ ์ผ๋ก HTML ๋ฌธ์ ์ ์ฒด์ ์ ์ฉ
* { box-sizing: border-box; }
CSS ์ฐ์ตํ ์ ์๋ ์ฌ์ดํธ
๐ค HTML์ CSS ์ถ๊ฐํ๊ธฐ
1. ํ๊ทธ๋ก ์ฝ์ (= ํ์ผ ์ถ๊ฐ)
- ๋ณ๋์ css ํ์ผ์ด ์๋ ๊ฒฝ์ฐ
- ์ถ๊ฐ ์์น: <title /> ๋ฐ
- ์ถ๊ฐํ ๋ด์ฉ
<link rel=”stylesheet” href=”cssํ์ผ์ด๋ฆ.css”>
<!-- ํ์ผ ๋ช
์ด style.css์ธ ๊ฒฝ์ฐ -->
<link rel=”stylesheet” href=”style.css”>
2. HTML Tag ์์ ์ง์ ์ฝ์ - inline sheet
- ์ถ๊ฐ ์์น: HTML ํ๊ทธ ๋ด
- ์์
<aside style="background: #fff0f5, color: #4a4a4a">๋ด์ฉ</aside>
3. <head /> ์์ <style /> ์ฃผ๊ธฐ - internal style shseet
- ์ถ๊ฐ ์์น: <head />ํ๊ทธ ๋ด
- ์์
<html>
<head>
<style type="text/css">
body {
font-size: 80%;
}
</style>
</head>
</html>
๐ซ ๊ด์ฌ์ฌ ๋ถ๋ฆฌ
๋๋ณด๊ธฐ
- ๊ด์ฌ์ฌ ๋ถ๋ฆฌ: ํ๋ก๊ทธ๋จ์ ์ญํ ์ ๋ฐ๋ผ ๋๋ ์ฃผ๋ ๋์์ธ ์์น
- ๊ด์ฌ์ฌ ๋ถ๋ฆฌ - ์ํค๋ฐฑ๊ณผ, ์ฐ๋ฆฌ ๋ชจ๋์ ๋ฐฑ๊ณผ์ฌ์
- HTML์ CSS ์ถ๊ฐํ๊ธฐ 2, 3๋ฒ์ ๊ด์ฌ์ฌ ๋ถ๋ฆฌ ์ธก๋ฉด์์ ๊ถ์ฅ๋์ง ์์
- html ํ์ผ ์์ css๋ฅผ ์ ์ฉํ๋ฉด ํ์ผ ๋ด์ฉ์ด ์ปค์ง
- ์ ์ง๋ณด์, ๋ญ๊ฐ ์ด๋์๋์ง ์ง๊ด์ ์ผ๋ก ํ์ ํ๊ธฐ ์ด๋ ค์
- css ์ฝ๋๊ฐ ๋ง์ง ์์ ํ์ผ์ ๋ฐ๋ก ์์ฑํ์ง ์์๋ ๋ ๊ฒฝ์ฐ, 2๋ฒ์ด๋ 3๋ฒ ์ฌ์ฉ
๐ ์๋ก ๋ฐฐ์ด ๋ด์ฉ
- ํฐ์คํ ๋ฆฌ ๋๋ณด๊ธฐ-๋ซ๊ธฐ ๊ธฐ๋ฅ
๐ ์ดํด๊ฐ ๋ ํ์ํ ๋ด์ฉ
- CSS ์ ํ์ Combinators ์์ ํท๊ฐ๋ฆฐ๋ค. ์ด๊ฑธ ์ด๋ป๊ฒ ๋ณด์..
๐ ๋๋์
ํ... ํฐ์คํ ๋ฆฌ ๋ธ๋ก๊ทธ ๊ธ์ฐ๊ธฐ ํ ๋งํ์............๐
๊ณต๋ถํด์ผ๋๋๋ฐ ์ฃผ๊ฐ์ ๋๋ ๋๋์ด๋ค......
์ ํฐ์คํ ๋ฆฌ๋ฅผ ๋ง์ด ์ฐ๋๊ฑธ๊น. ์์ง ๋ด๊ฐ ๋ชจ๋ฅด๋ ์ฅ์ ์ด ์๋๊ฑธ๊น??!
๊ทธ๋๋ ๋ช์๊ฐ ์ด๊ฑฐ์๋ง ๋งค๋ฌ๋ ค ์์ผ๋๊น ์กฐ~๊ธ ์ต์ํด์ง๋ ๊ฒ ๊ฐ๋ค.
์ญ์ ๋ญ๋ ๋ง์ด ๋ณด๊ณ ์ต์ํด์ง๊ณ ์๋๊ฒ ๋ง์์ง๋๊ฒ ๋ต์ธ๊ฑด๊ฐ!!!
๊ฒฐ๋ก ์,
ํฐ์คํ ๋ฆฌ์ ์ค์ฌ์์ ๋ ธ!!!์ !!!!!์ ์ธ์น๋ค!!!!! ๋ ธ์ ์งฑ!!!!!!!!๐ญ
'SEB > TIL' ์นดํ ๊ณ ๋ฆฌ์ ๋ค๋ฅธ ๊ธ
006 | Linux Basic (0) | 2022.06.30 |
---|---|
005 | Practical | Twittler Mockup Implement (0) | 2022.06.29 |
004 | Page Layout, Web/App ํ๋ฉด ์ค๊ณ (0) | 2022.06.28 |
002 | ์ปดํจํฐ์ ํ๋ก๊ทธ๋๋ฐ์ ์ดํด / ์น ํด๋ผ์ด์ธํธ์ ์น ์๋ฒ (0) | 2022.06.24 |
001 | Orientation (0) | 2022.06.23 |
Comments