์ธ๋ค์ผ ๊ท์ฐฎ๋ค์ธ๋ค์ผ ์์ฌ๋ฆฌ๋ฉด ๋ธ๋ก๊ทธ ๋ ์ด์์์ด ์์ด๋ป์ ์ด์ฉ ์ ์์ด ์ฌ๋ฆฐ๋ค >๋ฐ๋น ์ ์์ ๋ฐ๋ก ์ ๋ค์ด์๋ธ๋ก๊ทธ ํ ์๊ฐ์ด ์๋คใ
ใ
ใ
ใ
์ค๋ ๋ธ๋ก๊ทธ PC๋ฒ์ ์ปค์คํ
ํ ๋ด์ฉ๋ฌด๋ฃ ์ ์๊ถ ์๋ ๋ฐฐ๊ฒฝ์์
(์บ๋กค) ๋ฑ๋ก์ฌ์ด๋๋ฐ ๋ฉ๋ด hover ํ๋ฉด ๊ธ์จ ํํฌ ๊ทธ๋ผ๋ฐ์ด์
๋ฉ์ธ ํค๋ ์์ ๊ณ ํ์ดํฌ๊ทธ๋ํผ ์ปค์คํ
๋ฉ์ธํค๋/์ธ๋ค์ผํค๋ → ๋๋ค ๋ช
์ธ ์์ฑ๊ธฐ์ธ๋ค์ผ ํค๋์ 2024 ์ธ์ฌ๋ง ๋ด์ผ 6์๋ฐ ํ์ ์ ์๋น ์์ฝ12์ 1์ผ -> ์ธํ๋ฐ ์คํ๋ง, ์ฝ๋ฉ์ ํ ๊ฐ์ ๊ตฌ๋งค๊ตฌ๋
๋ฒํผ ์ ๋จ๋ ๋ฌธ์ ํด๊ฒฐํ๊ธฐLiquid Button ํฐ์คํ ๋ฆฌ ๊ตฌ๋
๋ฒํผ ํ๊ทธ ์ฒ์์ ๊ตฌ๋
๋ฒํผ ์ปค์คํ
ํ๋ ค๊ณ ํ๋๋ฐ ์ ๋ ์ ์ด์ํ๋ค ์๊ฐํ๋คํ์ฐธ ์ค์ ๋ค์ด๊ฐ์ ๊ตฌ๋
๋ฒํผ ํ์ธํ๋ค๊ฐํ๊ทธ๋ฅผ ์์ธํ ์ดํด ๋ณด๋ owner์ด๋ฉด ์๋จ๋๊ฑฐ๊ตฌ๋...๊ทธ๋์ ๊ตฌ๋
๋ฒํผ์ ํ์ธํ๋ ค..
My Tech Blog (์ ์ฒด ๊ธ)
๐ ๐ต๐ ๐๐๐๐ก๐๐๐ข๐, ๐ ๐๐๐ก๐ก๐๐ ๐๐๐๐๐๐๐๐๐ก๐๐๐ ๐๐๐๐ ๐ ๐๐๐๐ ๐ค๐๐ฆ โจ๐ฟ๐๐๐ ๐๐ ๐ ๐๐๐๐๐. ๐ธ๐๐๐๐ฆ ๐๐๐ ๐ต๐๐๐๐ ๐๐๐ฆ.์ฝ๋ฉ ์ ํ ๋ณด๋ค๊ฐ ์ข์ ๋ด์ฉ์ด ์์ด์ ์คํฌ๋ฉ ์ค๋๋ ์ฌ์ง๋ค์ด๋ ์ธํฐ๋ท์์ ๋๊ณ ๋๋ ์ฌ์ง์์๋ ์ฌ์ง์ฒ๋ผ ๊นจ์ ธ ์๋ ๊ฒฝ์ฐ๊ฐ ๋ง๋ค.์ JPEG๋ ๋์งํธ ํํ๊ฐ ์๊ธธ๊น? ๋ง์ฝ ์ค๋งํธํฐ์ผ๋ก ์ฐ์ 1000*1000px ์ฌ์ง์ ์
๋ก๋ํ๋ ค๋ฉด ์ ์ฅ ๊ณต๊ฐ์ด ์ผ๋ง๋ ํ์ํ ๊น? ๋จผ์ ์์ ํ๋(ํ๋์ ํฝ์
)๋ฅผ ์ ์ฅํ๋ ค๋ฉด 3Byte์ ์ฉ๋์ด ํ์ํ๋ค. ํ๋์ ํฝ์
์๋ํ๋์ RGB์์์ด ๋ค์ด ์๋๋ฐ์ผ๋ฐ์ ์ผ๋ก RGB๋ Red, Green, Blue 3๊ฐ์ ์์์ ์กฐํฉํด์ผ ํ๋์ ์์์ด ๋์จ๋ค. ๋ฐ๋ผ์ ํ๋์ ๊ฐ๋ก ์ธ๋ก 1000ํฝ์
์ธ ์ฌ์ง ํ ์ฅ์ ์ ์ฅํ๋๋ฐ์๋ ์ ์ด๋ 3mb์ ๊ณต๊ฐ์ด ํ์ํ๋ค๊ณ ๊ณ์ฐ ํด ๋ณผ ์ ์๋ค.ํ๋์ ์ฌ์ง ์ฉ๋ = 1000*1000*3Byte = 3mb ๊ทผ๋ฐ ์ฐ๋ฆฌ๊ฐ ์ธํฐ๋ท์ ์ฌ์ง์ ์
๋ก๋ ํด ๋ณด๋ฉด? ํจ..
์๋ธ๋ฆฟ์ ํฌ์๋ ๋ฐฉ๋ฒ 4๊ฐ์งredirect, Refresh, location, dispatch ์์ฃผ ์ฌ์ฉ๋๋ ๊ฒsendRedirect์ forward(์คํ๋ง์์ ๋ง์ด ์ฌ์ฉ) โกRedirect- HttpServletResponse ๊ฐ์ฒด์ sendRedirect()- ์น๋ธ๋ผ์ฐ์ ์ ์ฌ์์ฒญ ํ๋ ๋ฐฉ์- ๋ค๋ฅธ ์น ์ปจํ
์ด๋์ ์๋ ์ฃผ์๋ก ์ด๋ ๊ฐ๋ฅ- ์ถ๊ฐ์ ์ผ๋ก ๋ฐ์ํ๋ ์ฒ๋ฆฌ์ ์ํด ํฌ์๋ฉ๋ณด๋ค ์ฑ๋ฅ์ด ๋๋ฆฌ๋ค.sendRedirect("ํฌ์๋ํ Servlet ๋๋ JSP") โกlocation- ์๋ฐ์คํฌ๋ฆฝํธ location ๊ฐ์ฒด์ href ์์ฑ์ ์ด์ฉ- ์๋ฐ์คํฌ๋ฆฝํธ์์ ์ฌ์์ฒญํ๋ ๋ฐฉ์location.href = '์์ฒญํ ์๋ธ๋ฆฟ ๋๋ JSP' โกdispatch- ์ผ๋ฐ์ ์ผ๋ก ํฌ์๋ฉ ๊ธฐ๋ฅ์ ์ง์นญ- ์๋ธ๋ฆฟ์ด ์ง์ ์์ฒญ- Requ..
1. form ํ๊ทธencrype์์ฃผ ์ฌ์ฉ๋๋ ์์ฑ๊ฐ "name", "method", "actioin", "encrype" ํ์ผ์ด๋ ์ด๋ฏธ์ง ์
๋ก๋๊ฐ ์๋ ํผ์ ๋ฐ๋์ enctype="multipart/from-data" ์ด ํ์
์ผ๋ก ์ง์ ์ ํด์ผ ํ์ผ ์
๋ก๋(์ ์ก)์ด ๋๋ค. ๊ทธ๋์ผ ์๋ฒ์ ํ์ผ์ ์ ์ฅํด์ ์ฒ๋ฆฌ ํ ์ ์๋ค. ๋ณด์๋๋ฌธ์ ์๋์์ฑ์ด๋ ์
๋ ฅ ๊ฐ ์ฒดํฌ๋ฅผ ํ์ง ์๋๋ก ํ๋ ค๋ฉด qutocomoplete="off" ํผ ์์ฑ๊ณผ "novalidate" ์์ฑ ์ฌ์ฉ + + 2. input ํ๊ทธplaceholder="ํ
์คํธ"์
๋ ฅ ํ๋์ ์์๋๋ ์ถ์ฒ ๊ฐ์ ๋ฏธ๋ฆฌ๋ณด๊ธฐ ํ๋ ์ฉ๋ ํ๊ทธ ํฌ์ปค์ค ๋๋ฉด ์ฌ๋ผ์ง readonly์ฝ๊ธฐ ์ ์ฉ. ์
๋ ฅํ๋๊ฐ ์ฌ์ฉ์ ์
๋ ฅ ๋ถ๊ฐํ ์ํ๊ฐ ๋จ. ..
[HTML]div 6๊ฐ ๋ง๋ค์ด์ฃผ๊ณ container๋ก ๊ฐ์๋ค. 1 2 3 4 5 6 [CSS]html, bodyhtml,body { margin: 0; padding: 0; box-sizing: border-box; height: 100dvh; width: 100%;} ํ์ด์ง์ ๊ธฐ๋ณธ ์ฌ๋ฐฑ, ํจ๋ฉ ์ ๊ฑฐ, html๊ณผ body์ ํฌ๊ธฐ๋ฅผ ๋ธ๋ผ์ฐ์ ์ฐฝ์ 100% ๋๋น์ 100dvh ๋์ด๋ก ์ค์ . box-sizing: border-box;์ผ๋ก ์ฝํ
์ธ ํฌ๊ธฐ์ ํจ๋ฉ, ํ
๋๋ฆฌ๋ฅผ ํฉ์ณ์ ๊ณ์ฐ `box-sizing`์ ์์ฑ์ ์์์ ํฌ๊ธฐ๋ฅผ ๊ณ์ฐํ๋ ๋ฐฉ๋ฒ์ ๊ฒฐ์ ํ๋ค. `content-box` (๊ธฐ๋ณธ๊ฐ)๋ width์ height๊ฐ ์์์ ์ฝํ
์ธ ์์ญ ํฌ๊ธฐ๋ง์ ..
๐ 1. ๋ฌธ์ ์ค๋ช
๐ก 2. ์ ๊ทผ๋ฐฉ์FILE_PATH ์ถ๋ ฅ ์์๋ฅผ ๋ณด๊ณ '/home/grep/src/' + F.BOARD_ID + '/' + F.FILE_ID + F.FILE_NAME + F.FILE_EXT์ด๋ ๊ฒ ๋ฌธ์์ด์ด ๊ฒฐํฉ๋ ๊ตฌ์กฐ๋ผ๋ ๊ฑธ ์ ์ ์์๋ค. CONCAT์ผ๋ก ํด๋น ๋ฌธ์์ด์ ๋ชจ๋ ๊ฒฐํฉ ํด ์ค๋ค. ์ฒ์์๋ ํท๊ฐ๋ ค์ + ์ฐ์ฐ์๋ก ํ๋๋ฐ ,๋ก ๊ฒฐํฉ์ ํด ์ค์ผ ํ๋ค. ๋ ํ
์ด๋ธ ์กฐ์ธํ ๋๋ BOARD_ID ์ปฌ๋ผ์ ๊ธฐ์ค์ผ๋ก ์กฐ์ธ ํด ์ค๋ค. WHERE ์ ์์ ์๋ธ์ฟผ๋ฆฌ๋ฅผ ์ด๋ค. ๋จผ์ USED_GOODS_BOARD๋ฅผ ์กฐํ์ ์ปฌ๋ผ(VIEW) ๊ธฐ์ค์ผ๋ก ๋ด๋ฆผ์ฐจ์ ํด ์ฃผ๊ณ ๊ทธ ์ค ๊ฐ์ฅ ๋์ ๊ฒ๋ง ๊ฐ์ ธ์์ผ ํ๋๊น LIMIT1 ์ ๊ฑธ์ด์ค๋ค. ๋ง์ง๋ง์ผ๋ก FILE_ID๋ก ๋ด๋ฆผ์ฐจ์ ์ ๋ ฌํ๋ฉด ๋~! ์ฝ๋คโญ 3. ์ ๋ต์ฝ๋..
๐ 1. ๋ฌธ์ ์ค๋ช
๐ก 2. ์ ๊ทผ๋ฐฉ์๋ง๋ค์ด์ค ๋ฉ์๋๋ 4๊ฐ์ง - ์คํ๋ ๋ ์์น๋ก ์ด๋ํ๋ `SkipOp()` ๋ฉ์๋- ๋ช
๋ น์ด "next" ์ด๋ฉด 10์ด ๋ค๋ก ์ด๋ํ๋ `moveToNext()`๋ฉ์๋- ๋ช
๋ น์ด "prev" ์ด๋ฉด 10์ด ์์ผ๋ก ์ด๋ํ๋ `moveToPrev()` ๋ฉ์๋- String ํ์
์ผ๋ก ์
๋ ฅ ๋ฐ์ ์๊ฐ์ LocalTime์ผ๋ก ํ๋ณํ ํ๋ `getTime()`๋ฉ์๋ "mm:ss" ํ์์ผ๋ก ๋ฐ์์จ ์๊ฐ์ ":" ๊ธฐ์ค์ผ๋ก ๋ถ, ์ด ๋จ์๋ก ๋๋์ด ๋ฐฐ์ด์ ์ ์ฅํ๋ค.LocalTime์ด ๊ฐ์ง ๋ฉ์๋๋ก ์๊ฐ ๊ณ์ฐ์ ํ๊ณ , ๋ฐํํ ๋๋ ๋ค์ "mm:ss" ํ์์ผ๋ก ํฌ๋งคํ
ํด์ ๋ฐํํด ์ฃผ์ด์ผ ํจ.ํ์ฌ ์๊ฐ์ด ์คํ๋ ์์น ์์ ์์ ๋๋ ์๋์ผ๋ก SkipOp() ๋ฉ์๋๊ฐ ํธ์ถ๋๋ค. โญ 3. ์ ๋ต์ฝ๋imp..
1. ์ฝ๋ฌ ๋ํ๊ต์ ์ฌํ ์คํ ๋ฅ๋ ฅ์ด ๋ถ์กฑํ ์ฌ๋์ ์์ ์ ๋ฅ๋ ฅ์ ๊ณผ๋ํ๊ฐํ๊ณ , ๋ฅ๋ ฅ์ด ๋ฐ์ด๋ ์ฌ๋์ ์์ ์ ๋ฅ๋ ฅ์ ๊ณผ์ํ๊ฐํ๋ ํ์.์ฆ, ๋ชจ๋ ์ฌ๋๋ค์ด "๋๋ ์ค์์๊ถ(25~50%)์ฏค ๋์ง ์์๊น?"๋ผ๊ณ ์๊ฐํ๋ ํ์. ๋ฌด์ํ๋ฉด ์ฉ๊ฐํ๋ค๋ ๋ง์ด ์ฝ๋ฌ๋ํ๊ต์ ์ฌํ ์คํ์ผ๋ก ์ฆ๋ช
๋ ๊ฒ์ด๋ค. ์ฆ, ์ฐฝ์
ํ ๋ ์์ ๊ฐ์ด ์ต๊ณ ์กฐ์ธ ์ด์ ๊ฐ ๋ฐ๋ก ์ด๊ฒ ๋๋ฌธ์ด๋ค ใ
ใ
ใ
ใ
ใ
ใ
์ด๊ฒ์ด ๋ฐ๋ก ๊ทธ ๋๊ตฌ๋ผ๋ ๊ฒธ์ํด์ผ ํ๋ ์ด์ ์ด๋ค. ์๋๋ณด๋ค๋ ์๋ฅผ ๋ณด๊ณ , ๊ฒธ์ํ๊ฒ ์ด์.... ใ
ใ
ใ
ใ
ใ
๋๋ ํฌ๋ฃจ๊ฑฐ ํจ๊ณผ๋ ์ธ์ง ํธํฅ ์ค ํ๋์ธ๋ฐ, ์ฝ๋ฌ ๋ํ๊ต ์ฌํ์ฌ๋ฆฌํ ๊ต์ ๋ฐ์ด๋น๋ ๋๋(David Dunning)๊ณผ ๋ํ์์ ์ ์คํด ํฌ๋ฃจ๊ฑฐ(Justin Kruger)๊ฐ ์ฝ๋ฌ ๋ํ๊ต ํ๋ถ์๋ค์ ๋์์ผ๋ก ์คํํ ๊ฒฐ๊ณผ๋ฅผ ํ ๋๋ก ์ ์ํ ์ด๋ก ์ด..
โญ ์ ์์ ๊ฐ์ดํ๊ฒ ๊นจ์ด๋๋ ๋น๋ฒ… '90๋ถ ๋ฐฐ์'๋ก ์๊ธฐโญ ๋ฐค์ ์ฒซ 90๋ถ ์๋ฉด์ ์ง, ๋ค์๋ ์ํ์ ์ง ์ข์ฐ ์ด๋ค ๋ ์ ๋ง์ด ์ค๋๋ฐ๋ ๋ชธ์ด ๊ฐ์ดํ์ง ์๊ณ , ์ด๋ค ๋ ์ ์กฐ๊ธ ์ค๋๋ฐ๋ ๊ฐ์ดํ๊ฒ ๋์ ๋ฌ๋ค ์ ๊ทธ๋ฐ๊ฑธ๊น? 90๋ถ ์ฃผ๊ธฐ๋ฅผ ๋ณด์ด๋ ์ ์ธ๊ฐ์ ์๋ฉด์ ์ฃผ๊ธฐ๋ 90๋ถ ์ฌ์ดํด๋ก ์ด๋ฃจ์ด์๋ค.๊ทธ๋ฆฌ๊ณ ์ฌ์ดํด์ ๊น์ ์๋ฉด, REM ์๋ฉด, ๊ฒฝ์๋ฉด์ ์ธ ๊ฐ์ง ๋จ๊ณ๋ก ๋๋๋ค.์ด๋ฌํ ๋จ๊ณ๋ค์ ์ ์ฒด ํ๋ณต๊ณผ ๋๋ ๊ธฐ๋ฅ ํฅ์์ ํ์์ ์ธ ์ญํ ์ ํ๋ค. ์ฌ๋์ ์๋ฉด์ฃผ๊ธฐ์ธ 90๋ถ ๋์ ์ผ์ด๋๋ ์ผ์ ์ดํด ๋ณด์. ์ฒ์์๋ ์์ ์ ์ธ REM์๋ฉด์์ ์์๋์ด ์ ์ฐจ ๊น์ ์๋ฉด์ผ๋ก ๋ค์ด๊ฐ๋ค. ๊ทธ๋ฆฌ๊ณ ๋ค์ ์ ์ฐจ ์์ ์๋ฉด ์ํ๋ก ๋์ ์จ๋ค. ์ด ๊ณผ์ ์ด ํ๋ฃจ์ ์ ์ ์๋ ๋์ 4~5๋ฒ ๋ฐ๋ณต๋๋ค. ์ด ๋, ์์ ์ ์ธ REM ์๋ฉด ์ํ์์ ๊นจ..