Sql ๋ฐ์ดํ„ฐ ์ •๊ทœํ™” ์ดํ•ดํ•˜๊ธฐ
ยท
study
https://youtu.be/Y1FbowQRcmI https://youtu.be/rVxcheAkMSk sql ๋ฐ์ดํ„ฐ ์ •๊ทœํ™” ๋ถ€๋ถ„์„ ๊ณต๋ถ€ํ•˜๊ณ  ์žˆ๋Š”๋ฐ ๋„์ €ํžˆ ์ดํ•ด๊ฐ€ ์–ด๋ ค์› ๋‹ค. ์ •๊ทœํ™” ๊ฐ•์˜๋ฅผ ์ฐพ๋‹ค๊ฐ€ ๋‘ ๊ฐœ ์˜์ƒ์„ ๋ณด๊ณ  ์กฐ๊ธˆ ๋งฅ๋ฝ์ด ์žกํžˆ๋Š” ๊ฒƒ ๊ฐ™์•„ ๊ณต์œ ํ•ฉ๋‹ˆ๋‹ค. ๋ชจ๋‘๋ชจ๋‘ ํ™”์ดํŒ… ! ์ œ1์ •๊ทœํ™” ์ •๊ทœํ˜• ์ œ2์ •๊ทœํ˜• ์ œ3์ •๊ทœํ˜•,, ํ—ท๊ฐˆ๋ฆฌ๋Š”๊ฑธ ๋‹ค์‹œ ๋ณต์Šต
[css] video ํƒœ๊ทธ ์‚ฌ์šฉ ์‹œ ํ…Œ๋‘๋ฆฌ ๊ฒ€์ •์„  ์ˆจ๊ธฐ๊ธฐ
ยท
html, css
video { outline: none; border: 0; } ๋น„๋””์˜ค ํ…Œ๋‘๋ฆฌ๋ฅผ ์ œ๊ฑฐ ํ•˜๋Š” ๋ฐฉ๋ฒ•์œผ๋กœ ๋น„๋””์˜ค ํƒœ๊ทธ ์ž์ฒด์— ์„ ํƒ์˜์—ญ์„ ์—†์• ๋ฒ„๋ฆฌ๊ธฐ๊ฐ€ ์žˆ์ง€๋งŒ ์œ„ ๋ฐฉ๋ฒ•์ด ์ ์šฉ ์•ˆ๋˜๋Š” ๊ฒฝ์šฐ๋„ ์žˆ๋‹ค. video { -webkit-mask-image: -webkit-radial-gradient(white, black); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; } ์ถ”๊ฐ€๋กœ ์ ์šฉํ•˜์—ฌ ํ•ด๊ฒฐํ•˜์˜€๋‹ค. https://stackoverflow.com/questions/52508598/html5-video-element-on-iphone-has-border/53779216
[๊ฐœ๋ฐœ] ๊ฐœ๋ฐœ๊ณผ ํ˜‘์—…์— ๋Œ€ํ•œ ํƒœ๋„์™€ ์ž์„ธ
ยท
์ฐธ๊ณ ์ž๋ฃŒ
https://pxd-fed-blog.web.app/hrt/ ๋ฒ ํ‘ธ๋Š” ๋ฐฉ๋ฒ•๊ณผ ๋น„ํŒ์„ ๋ฐ›์•„๋“ค์ด๋Š” ๋ฐฉ๋ฒ• ์ข‹์€ ํ˜‘์—…, ์ข‹์€ ํŒ€์„ ๋งŒ๋“ค๊ธฐ ์œ„ํ•ด์„œ ํ•„์š”ํ•œ ๊ฒƒ๋“ค pxd-fed-blog.web.app ๊ฐœ์ธ์ ์œผ๋กœ ์ข‹์€ ๊ธ€์ด๋ผ ๋‚จ๊ฒจ๋ด…๋‹ˆ๋‹ค.
[CSS] ๊ตญ๊ฐ€๋ณ„ ์›น ๊ธฐ๋ณธ ๊ธ€๊ผด (ํ•œ/์˜/์ผ/์ค‘)
ยท
html, css
์ด๋ฉ”์ผ html ์ž‘์—…์„ ํ•˜๋˜ ์ค‘์— ๋‚˜๋ผ๋ณ„ ๊ธฐ๋ณธ ์›นํฐํŠธ ์ ์šฉ ๊ธ€๊ผด์— ๋Œ€ํ•ด ์•Œ์•„๋ณด์•˜๋‹ค. ๋งˆ์นจ ๋”ฑ ํ•„์š”ํ•œ ๋‚ด์šฉ์„ ์ž˜ ์ •๋ฆฌ๋œ ๋ธ”๋กœ๊ทธ ๋ถ„๊ป˜์„œ ์˜ฌ๋ ค์ฃผ์…”์„œ ๊ฐ์‚ฌํ•˜๊ฒŒ๋„ ์˜ฎ๊ฒจ ๊ธฐ๋กํ•ด๋ณด์•˜์Œ ํ•œ๊ตญ์–ด /* MAC */ body{font-family:'apple sd gothic neo', sans-serif} /* window */ body{font-family:'Malgun Gothic', sans-serif} /** * APPLE SD Gothic Neo๋Š” MAC OS X ๋ฐ iOS์˜ ๊ธฐ๋ณธ ๊ตญ๋ฌธ ํฐํŠธ์ด๋‹ค * Malgun Gothic์€ window ๊ธฐ๋ณธ ๊ตญ๋ฌธ ํฐํŠธ์ด๋‹ค * sans-serif๋Š” ๊ณ ๋”•์ฒด๋ฅผ ๋‚˜ํƒ€๋‚ธ๋‹ค. */ ์˜์–ด /* MAC */ body{font-family:'apple sd gothic neo', sans-se..
ChatGPT์™€ ์ธ๊ณต์ง€๋Šฅ AI ์„œ๋น„์Šค ๊ด€๋ จ ๊ธฐ์‚ฌ ์Šคํฌ๋žฉ
ยท
study
ChatGPT๋Š” OpenAI๊ฐ€ ๊ฐœ๋ฐœํ•œ ํ”„๋กœํ† ํƒ€์ž… ๋Œ€ํ™”ํ˜• ์ธ๊ณต์ง€๋Šฅ ์ฑ—๋ด‡์ด๋‹ค ์ „ ์„ธ๊ณ„์ ์œผ๋กœ ์ฑ—GPT๊ฐ€ ํ™”์ œ๋‹ค. ChatGPT๋Š” OpenAI๊ฐ€ ๊ฐœ๋ฐœํ•œ ํ”„๋กœํ† ํƒ€์ž… ๋Œ€ํ™”ํ˜• ์ธ๊ณต์ง€๋Šฅ ์ฑ—๋ด‡์ด๋‹ค ๋‹จ์ˆœํ•œ ์ •๋ณด ๊ฒ€์ƒ‰์„ ๋„˜์–ด ๋ฌธ์„œ ์ž‘์„ฑ,์š”์•ฝ,๋ฒˆ์—ญ, ๋Œ€ํ™” ์žฌ๊ฐ€๊ณต ์žฌ์ƒ์‚ฐ๋“ฑ์„ ์ด๋ฃจ์–ด ๋‚ด์—ˆ๋‹ค๊ณ  ํ•œ๋‹ค. ๊ด€๋ จํ•˜์—ฌ ์ „๋ง ์ง„ํ–‰ ๋“ฑ ์ „๋ฌธ ๊ธฐ์‚ฌ๋“ค์„ ์Šคํฌ๋žฉ ํ•ด๋ดค๋‹ค. ์ด๋Š” ๊ฐœ์ธ๊ณต๋ถ€๋ฅผ ์œ„ํ•œ ๋‹จ์ˆœํ•œ ์Šคํฌ๋žฉ ์ž…๋‹ˆ๋‹ค. ์ด์— ๋”ฐ๋ฅธ ๊ตฌ๊ธ€ '๋ฐ”๋“œ' ์ถœ์‹œ ์ค‘๊ตญ ๋˜ํ•œ AI ์‹œ์žฅ์— ๋›ฐ์–ด ๋“ค์–ด .. ์„ธ์ƒ ๋’ค์ง‘์„ AI ์ „์Ÿ…๊ตฌ๊ธ€, ์ฑ—GPT์™€ ๋Œ€๊ฒฐ ์ฑ—GPT๋ฐœ ๋น…ํ…Œํฌ ๊ธฐ์—… ๋Œ€์ „ ๊ฒ€์ƒ‰์˜ ์‹œ๋Œ€์—์„œ ์ธ๊ณต์ง€๋Šฅ(AI)๊ณผ์˜ ๋Œ€ํ™” ์‹œ๋Œ€๋กœ ๋„˜์–ด๊ฐ€๋Š” ๊ฑธ๊นŒ. ‘๊ฒ€์ƒ‰์˜ ์ œ์™•’ ๊ตฌ๊ธ€์ด “์•ž์œผ๋กœ๋Š” ์ •๋‹ต ์—†๋Š” ๋ฌธ์ œ์—๋„ ํ†ต์ฐฐ๋ ฅ์„ ์ œ๊ณตํ•ด ๋„์›€์„ ์ฃผ๋Š” AI ์„œ๋น„์Šค๋ฅผ ํ•˜๊ฒ  n.news.naver.co..
๋‘ ๊ฐœ swiper๋ฅผ ์ด์šฉํ•œ ๋ถ€๋“œ๋Ÿฝ๊ฒŒ ํ๋ฅด๋Š” ์Šฌ๋ผ์ด๋“œ ๋งŒ๋“ค๊ธฐ
ยท
js
๊ฐ„ํ˜น ์ž‘์—…ํ•˜๋‹ค๋ณด๋ฉด ํ๋ฅด๋Š” ๋ฐฐ๋„ˆ์ผ๊นŒ ์Šฌ๋ผ์ด๋“œ์ผ๊นŒ ํ•˜๋Š” ๋ถ€๋ถ„์ด ํ•„์š”ํ•  ๋•Œ๊ฐ€ ์žˆ๋‹ค ์• ๋‹ˆ๋ฉ”์ด์…˜ ์š”์†Œ๋กœ๋„ ๋งŒ๋“ค ์ˆ˜ ์žˆ์ง€๋งŒ swiper๋ฅผ ์ด์šฉํ•œ ์Šฌ๋ผ์ด๋“œ๋กœ ๋งŒ๋“ค์–ด๋ณด๊ธฐ smooth motion of slide ๐Ÿงต ์กฐ๊ฑด ์Šฌ๋ผ์ด๋“œ 2๊ฐœ๊ฐ€ ์„œ๋กœ ๋‹ค๋ฅธ ๋ฐฉํ–ฅ์œผ๋กœ ํ˜๋Ÿฌ๊ฐ€์•ผํ•จ ( ์˜ค๋ฅธ์ชฝ->์™ผ์ชฝ / ์™ผ์ชฝ ->์˜ค๋ฅธ์ชฝ) swiper loop ์˜ต์…˜์„ ์‚ฌ์šฉํ•˜์—ฌ ๋ฌดํ•œ์œผ๋กœ ๋Œ์•„์•ผํ•จ ๋ถ€๋“œ๋Ÿฝ๊ฒŒ ํ๋ฅด๋Š” ์ด๋ฏธ์ง€ ๐Ÿ”ง HTML/CSS/JS 1. HTML 1 2 3 4 5 6 7 8 9 10 1 2 3 4 5 6 7 8 9 10 html layout ์€ swiper js Doc ๊ธฐ๋ณธ๊ตฌ์กฐ๋ฅผ ์ ์šฉํ•˜์—ฌ ์ง„ํ–‰ํ–ˆ๋‹ค. ๋‘ ๊ฐœ์˜ ์Šฌ๋ผ์ด๋“œ๊ฐ€ ์„œ๋กœ ๋‹ค๋ฅธ ๋ฐฉํ–ฅ์œผ๋กœ ํ˜๋Ÿฌ๊ฐ€์•ผ ํ•˜๊ธฐ ๋•Œ๋ฌธ์— ltr rtl ๋ฅผ ์‚ฌ์šฉํ•ด์•ผ ํ•œ๋‹ค. ์ปจํ…Œ์ด๋„ˆ ์š”์†Œ์— ์Šฌ๋ผ์ด๋“œ ๋ฐฉํ–ฅ์„ ์ง€์ •ํ•ด์ฃผ๋Š” ๊ฒƒ์ธ๋ฐ l..
[ํ”„๋กœ๊ทธ๋ž˜๋จธ์Šค] LV0 ์ค‘์•™๊ฐ’ ๊ตฌํ•˜๊ธฐ
ยท
์•Œ๊ณ ๋ฆฌ์ฆ˜
๋ฌธ์ œ ์„ค๋ช… ์ค‘์•™๊ฐ’์€ ์–ด๋–ค ์ฃผ์–ด์ง„ ๊ฐ’๋“ค์„ ํฌ๊ธฐ์˜ ์ˆœ์„œ๋Œ€๋กœ ์ •๋ ฌํ–ˆ์„ ๋•Œ ๊ฐ€์žฅ ์ค‘์•™์— ์œ„์น˜ํ•˜๋Š” ๊ฐ’์„ ์˜๋ฏธํ•ฉ๋‹ˆ๋‹ค. ์˜ˆ๋ฅผ ๋“ค์–ด 1, 2, 7, 10, 11์˜ ์ค‘์•™๊ฐ’์€ 7์ž…๋‹ˆ๋‹ค. ์ •์ˆ˜ ๋ฐฐ์—ด array๊ฐ€ ๋งค๊ฐœ๋ณ€์ˆ˜๋กœ ์ฃผ์–ด์งˆ ๋•Œ, ์ค‘์•™๊ฐ’์„ return ํ•˜๋„๋ก solution ํ•จ์ˆ˜๋ฅผ ์™„์„ฑํ•ด๋ณด์„ธ์š”. ์ œํ•œ์‚ฌํ•ญ array์˜ ๊ธธ์ด๋Š” ํ™€์ˆ˜์ž…๋‹ˆ๋‹ค. 0
[ํ”„๋กœ๊ทธ๋ž˜๋จธ์Šค] LV0 ์ค‘๋ณต๋œ ์ˆซ์ž ๊ฐœ์ˆ˜
ยท
์•Œ๊ณ ๋ฆฌ์ฆ˜
๋ฌธ์ œ ์„ค๋ช… ์ •์ˆ˜๊ฐ€ ๋‹ด๊ธด ๋ฐฐ์—ด array์™€ ์ •์ˆ˜ n์ด ๋งค๊ฐœ๋ณ€์ˆ˜๋กœ ์ฃผ์–ด์งˆ ๋•Œ, array์— n์ด ๋ช‡ ๊ฐœ ์žˆ๋Š” ์ง€๋ฅผ return ํ•˜๋„๋ก solution ํ•จ์ˆ˜๋ฅผ ์™„์„ฑํ•ด๋ณด์„ธ์š”. ์ œํ•œ์‚ฌํ•ญ 1 ≤ array์˜ ๊ธธ์ด ≤ 100 0 ≤ array์˜ ์›์†Œ ≤ 1,000 0 ≤ n ≤ 1,000 ์ž…์ถœ๋ ฅ ์˜ˆarraynresult [1, 1, 2, 3, 4, 5] 1 2 [0, 2, 3, 4] 1 0 ์ž…์ถœ๋ ฅ ์˜ˆ ์„ค๋ช… ์ž…์ถœ๋ ฅ ์˜ˆ #1 [1, 1, 2, 3, 4, 5] ์—๋Š” 1์ด 2๊ฐœ ์žˆ์Šต๋‹ˆ๋‹ค. ์ž…์ถœ๋ ฅ ์˜ˆ #2 [0, 2, 3, 4] ์—๋Š” 1์ด 0๊ฐœ ์žˆ์Šต๋‹ˆ๋‹ค. ๋‚ดํ’€์ด function solution(array, n) { var answer = 0; //๋ฆฌํ„ด๊ฐ’์œผ๋กœ ์“ธ ์ •์ˆ˜ for ( i=0; i < array.length; i ++..
๋ž˜๋‹ˆ
'๋ถ„๋ฅ˜ ์ „์ฒด๋ณด๊ธฐ' ์นดํ…Œ๊ณ ๋ฆฌ์˜ ๊ธ€ ๋ชฉ๋ก (16 Page)