Notice
Recent Posts
Recent Comments
ยซ   2024/12   ยป
์ผ ์›” ํ™” ์ˆ˜ ๋ชฉ ๊ธˆ ํ† 
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
Archives
Today
In Total
๊ด€๋ฆฌ ๋ฉ”๋‰ด

๋ชฉ๋ก๋ถ„๋ฅ˜ ์ „์ฒด๋ณด๊ธฐ (552)

A Joyful AI Research Journey๐ŸŒณ๐Ÿ˜Š

[11] 230410 ํฌํŠธํด๋ฆฌ์˜ค 11์ผ ์ฐจ Mon) ๋ฐฑ์—”๋“œ, ํ”„๋ก ํŠธ์—”๋“œ, ๋‚ด์šฉ ์ฒดํฌ๋ฆฌ์ŠคํŠธ [K-๋””์ง€ํ„ธ ํŠธ๋ ˆ์ด๋‹ 71์ผ]

2304010 Mon 71st class ์ œ์ผ ์ค‘์š”) ๋ฐฑ์—”๋“œ๋ฅผ ํฌํŠธํด๋ฆฌ์˜ค ์•ˆ์— ๋„ฃ๊ธฐ ๋ฐฑ์—”๋“œ ํ•  ๊ฒƒ ๋ฆฌ์ŠคํŠธ 4/14(๊ธˆ)๊นŒ์ง€ ํšŒ์›๊ฐ€์ž… ๋งŒ๋“ค๊ธฐ => ์™„๋ฃŒ ๋กœ๊ทธ์ธ ๋งŒ๋“ค๊ธฐ => ์™„ My Page ๋งŒ๋“ค๊ธฐ ํšŒ์›์ •๋ณด์ˆ˜์ • ๋งŒ๋“ค๊ธฐ (๊ฒŒ์‹œํŒ ๊ธ€์“ฐ๊ธฐ) ๊ฐœ์ธํ”„๋กœ์ ํŠธ1์— ๋ฐฑ์—”๋“œ ์ ์šฉ ๋ฐฉ๋ฒ•์€ ์—ฌ๋Ÿฌ๊ฐ€์ง€์ด๋‹ค. - ๋ฉ”์ด๋ธ - Gradle + Spring Security ์Šคํ”„๋ง๋ถ€ํŠธ: ํšŒ์›๊ฐ€์ž…, ๋กœ๊ทธ์ธ https://wikidocs.net/162141 3-06 ํšŒ์›๊ฐ€์ž… wikidocs.net [์™„์„ฑ ์†Œ์Šค] : https://github.com/pahkey/sbb3/tree/3-06 [์‹ค์Šต ์˜์ƒ] : https://youtu.be/VEEu1N7Edws https://wikidocs.net/162255 3-07 ๋กœ๊ทธ์ธ๊ณผ ๋กœ๊ทธ์•„์›ƒ wikido..

[9, 10] 230408, 230409 ํฌํŠธํด๋ฆฌ์˜ค 9์ผ, 10์ผ ์ฐจ Sat, Sun) ๋ฐฑ์—”๋“œ, ํ”„๋ก ํŠธ์—”๋“œ, ๋‚ด์šฉ ์ฒดํฌ๋ฆฌ์ŠคํŠธ

230408 Sat 230409 Sun ์˜ค๋Š˜ ์•ˆ์— ๋ฐฑ์—”๋“œ ์Šคํ”„๋ง๋ถ€ํŠธ - Gradle๋กœ ๋๋‚ด์ž https://n2infotech.co.kr/251 => 230409 Gradle์ด๋ž‘ Java ๋ฒ„์ „์ด ์•ˆ ๋งž๋‹ค๋ณด๋‹ˆ ์‹คํ–‰์ด ์•ˆ ๋˜๊ณ  ์žˆ๋‹ค. ์šฐ์„  ์ฑ… ์˜ˆ์ œ๋ฅผ STS ์ดํด๋ฆฝ์Šค์—์„œ Gradle ๋ฒ„์ „์œผ๋กœ ๋งŒ๋“ค๊ธด ํ–ˆ๋Š”๋ฐ, ์ฝ”๋“œ๊ฐ€ ๋ช‡ ๋…„ ์ „์ด๋‹ค๋ณด๋‹ˆ ์ตœ์‹ ํ˜•์œผ๋กœ ๋ฐ”๊ฟจ๋Š” ๋ฐ ์˜ค๋ฅ˜๊ฐ€ ์žˆ๋‹ค. * ๋ฐฑ์—”๋“œ ํ•  ๊ฒƒ ๋ฆฌ์ŠคํŠธ 1๋ฒˆ์งธ) 4/14๊นŒ์ง€ ๋ฐฑ์—”๋“œ๋ฅผ ํฌํŠธํด๋ฆฌ์˜ค ์•ˆ์— ๋„ฃ๊ธฐ ํšŒ์›๊ฐ€์ž… ๋กœ๊ทธ์ธ My Page ํšŒ์›์ •๋ณด์ˆ˜์ • (๊ฒŒ์‹œํŒ ๊ธ€์“ฐ๊ธฐ) 2๋ฒˆ์งธ) ๊ฐœ์ธํ”„๋กœ์ ํŠธ1์— ๋ฐฑ์—”๋“œ ์ ์šฉํ•˜๊ณ  (๋ฆฌ์•กํŠธ+Node.jsํ•ด๋„ ๋จ) ํฌํŠธํด๋ฆฌ์˜ค์˜ "์„น์…˜: ํ”„๋กœ์ ํŠธ ์„ค๋ช…" ๋ฐ ๊นƒํ—ˆ๋ธŒ ์ˆ˜์ •ํ•˜๊ธฐ * ํ”„๋ก ํŠธ์—”๋“œ ๋ฐ ๋‚ด์šฉ ์ˆ˜์ • ํ•  ๊ฒƒ ๋‚ด์šฉ ์ ์ ˆํ•œ์ง€ ์ฒดํฌํ•˜๊ธฐ ์„น์…˜๋“ค "์ด๋ฏธ์ง€" ์ฑ„..

Spring Boot: ์Šคํ”„๋ง๋ถ€ํŠธ ํ”„๋กœ์ ํŠธ์˜ ๊ตฌ์กฐ

ํ˜„์žฌ ์Šคํ”„๋ง๋ถ€ํŠธ ์˜ˆ์ œ๋ฅผ ํ†ตํ•ด์„œ ๋กœ๊ทธ์ธ/ํšŒ์›๊ฐ€์ž… ๋งŒ๋“ค๊ณ  ์žˆ๋Š”๋ฐ ๊ตฌ์กฐ๋Š” ๋‹ค์Œ๊ณผ ๊ฐ™๋‹ค. ์Šคํ”„๋ง๋ถ€ํŠธ์˜ ํŒŒ์ผ ๊ตฌ์กฐ src/main/java ๋””๋ ‰ํ„ฐ๋ฆฌ src/main/java ๋””๋ ‰ํ„ฐ๋ฆฌ์˜ com.mysite.sbb ํŒจํ‚ค์ง€๋Š” ์ž๋ฐ” ํŒŒ์ผ์„ ์ž‘์„ฑํ•˜๋Š” ๊ณต๊ฐ„์ด๋‹ค. ์ž๋ฐ” ํŒŒ์ผ๋กœ๋Š” HelloController์™€ ๊ฐ™์€ ์Šคํ”„๋ง๋ถ€ํŠธ์˜ ์ปจํŠธ๋กค๋Ÿฌ, ํผ๊ณผ DTO, ๋ฐ์ดํ„ฐ ๋ฒ ์ด์Šค ์ฒ˜๋ฆฌ๋ฅผ ์œ„ํ•œ ์—”ํ‹ฐํ‹ฐ, ์„œ๋น„์Šค ํŒŒ์ผ๋“ฑ์ด ์žˆ๋‹ค. src/main/java/com/mysite/sbb/SbbApplication.java ํŒŒ์ผ ๋ชจ๋“  ํ”„๋กœ๊ทธ๋žจ์—๋Š” ์‹œ์ž‘์„ ๋‹ด๋‹นํ•˜๋Š” ํŒŒ์ผ์ด ์žˆ๋‹ค. ์Šคํ”„๋ง๋ถ€ํŠธ ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜์—๋„ ์‹œ์ž‘์„ ๋‹ด๋‹นํ•˜๋Š” ํŒŒ์ผ์ด ์žˆ๋Š”๋ฐ ๊ทธ ํŒŒ์ผ์ด ๋ฐ”๋กœ + Application.java ํŒŒ์ผ์ด๋‹ค. ์Šคํ”„๋ง๋ถ€ํŠธ ํ”„๋กœ์ ํŠธ๋ฅผ ์ƒ์„ฑํ• ๋•Œ "Sbb"๋ผ๋Š” ์ด๋ฆ„์„ ์‚ฌ์šฉํ•˜๋ฉด ๋‹ค..

CSS: ๋ฐ˜์‘ํ˜• ์›น ํ…์ŠคํŠธ ๋งŒ๋“ค๊ธฐ word-break: break-word

๋ฐ˜์‘ํ˜• ์›น์„ ๋งŒ๋“ค๊ณ  ์žˆ๋Š”๋ฐ ๊ฐœ๋ฐœ์ž ๋„๊ตฌ์—์„œ ํฐ์œผ๋กœ ๋ณด๋ฉด ์—ฌ๋Ÿฌ ๋ฐฉ๋ฒ•๋“ค์„ ๊ณ„์† ์จ๋ด๋„ ํ…์ŠคํŠธ์— ๊ฐ€๋กœํ˜• ์Šคํฌ๋กค๋ฐ”๊ฐ€ ๊ณ„์† ๋‚˜ํƒ€๋‚ฌ๋‹ค. ํ•ด๊ฒฐ์ฑ…์œผ๋กœ ๊ฐ€์žฅ ์‰ฌ์šด ๋ฐฉ๋ฒ•์€ css์— word-break: break-word;๋กœ ์ง€์ •ํ•˜๋Š” ๊ฒƒ์ด๋‹ค. word-break: break-word; ๋‚ด๊ฐ€ ์“ด ์ฝ”๋“œ) ๊ทธ๋ฆฐ์ปดํ“จํ„ฐ์•„์นด๋ฐ๋ฏธ ์šธ์‚ฐ์บ ํผ์Šค์—์„œ ์ง„ํ–‰ํ•œ ํŒ€ํ”„๋กœ์ ํŠธ์ž…๋‹ˆ๋‹ค. ์ฃผ์š” ๊ธฐ๋Šฅ: 4์›” 17์ผ์—์„œ 6์›” 15์ผ๊นŒ์ง€ ์ง„ํ–‰ ์™„๋ฃŒ ํ›„ ์ ์„ ์˜ˆ์ •์ž…๋‹ˆ๋‹ค. GitHub: github.com/yjyuwisely/Team-Project-2023 Frontend: 4์›” 17์ผ์—์„œ 6์›” 15์ผ๊นŒ์ง€ ์ง„ํ–‰ ์™„๋ฃŒ ํ›„ ์ ์„ ์˜ˆ์ •์ž…๋‹ˆ๋‹ค. Backend: 4์›” 17์ผ์—์„œ 6์›” 15์ผ๊นŒ์ง€ ์ง„ํ–‰ ์™„๋ฃŒ ํ›„ ์ ์„ ์˜ˆ์ •์ž…๋‹ˆ๋‹ค. word-break: break-word; ์ถ”..

CSS: ๋ฐฐ๊ฒฝ ํˆฌ๋ช…๋„ Opacity ์กฐ์ •ํ•  ๋•Œ ํ…์ŠคํŠธ๋Š” ๊ทธ๋Œ€๋กœ ์œ ์ง€ํ•˜๋Š” ๋ฒ•: rgba ์‚ฌ์šฉํ•˜๊ธฐ

๋ถ€ํŠธ์ŠคํŠธ๋žฉ์„ ์“ฐ๋ฉด์„œ opacity-75์ฒ˜๋Ÿผ ํˆฌ๋ช…๋„๋ฅผ ์กฐ์ •ํ•˜๋‹ˆ๊นŒ ํ…์ŠคํŠธ๊นŒ์ง€ ํˆฌ๋ช…ํ•ด์ ธ์„œ ์•Œ์•„๋ณด๊ฒŒ๋˜์—ˆ๋‹ค. background: rgba(3, 172, 240, 0.5); ์ •๋‹ต์€ rgba๋ฅผ ์‚ฌ์šฉํ•œ๋‹ค. ์ œ์ผ ๋’ค์˜ 4๋ฒˆ์งธ ๊ฐ’์ด ํˆฌ๋ช…๋„(Opacity) ์กฐ์ ˆ์ด๋‹ค. rbga(0~255, 0~255, 0~255, 0~1 ์‚ฌ์ด์˜ ๊ฐ’) ์˜ˆ๋ฅผ ๋“ค๋ฉด ์•„๋ž˜์™€ ๊ฐ™๋‹ค. rgba(0, 0, 0, opacity 0~1์‚ฌ์ด์˜ ๊ฐ’): ๊ฒ€์ •์ƒ‰ rgba(255, 255, 255, opacity 0~1์‚ฌ์ด์˜ ๊ฐ’ ): ํฐ์ƒ‰ ์•„๋ž˜๋Š” ํฌํŠธํด๋ฆฌ์˜ค ๋งŒ๋“ค๋ฉด์„œ ์“ด ์ฝ”๋“œ์ธ๋ฐ style์„ ์“ฐ๋ฉด์„œ ๋ถ€ํŠธ์ŠคํŠธ๋žฉ๊ณผ ๊ฐ™์ด ์“ฐ๊ฒŒ ๋๋‹ค. ์ฐธ๊ณ : https://dev.to/jungjungie/how-to-change-background-opacity-without-affect..