๋ณธ๋ฌธ ๋ฐ”๋กœ๊ฐ€๊ธฐ

Study137

ํ”„๋กœ๊ทธ๋ž˜๋จธ์Šค lv.1 ๊ฐ€์šด๋ฐ ๊ธ€์ž ๊ฐ€์ ธ์˜ค๊ธฐ Programmers Lv.1 : ๊ฐ€์šด๋ฐ ๊ธ€์ž ๊ฐ€์ ธ์˜ค๊ธฐ ๋‹จ์–ด s์˜ ๊ฐ€์šด๋ฐ ๊ธ€์ž๋ฅผ ๋ฐ˜ํ™˜ํ•˜๋Š” ํ•จ์ˆ˜, solution์„ ๋งŒ๋“ค์–ด ๋ณด์„ธ์š”. ๋‹จ์–ด์˜ ๊ธธ์ด๊ฐ€ ์ง์ˆ˜๋ผ๋ฉด ๊ฐ€์šด๋ฐ ๋‘๊ธ€์ž๋ฅผ ๋ฐ˜ํ™˜ํ•˜๋ฉด ๋ฉ๋‹ˆ๋‹ค. s๋Š” ๊ธธ์ด๊ฐ€ 1 ์ด์ƒ, 100์ดํ•˜์ธ ์ŠคํŠธ๋ง์ž…๋‹ˆ๋‹ค. ๋‚ด ํ’€์ด function solution(s) { var answer = ''; if (s.length %2 == 0) { //s ์˜ ๊ธธ์ด๊ฐ€ ์ง์ˆ˜์ผ ๋•Œ answer = s[s.length / 2 - 1] + s[s.length / 2] // s ๊ธธ์ด์˜ ๋ฐ˜ - 1 ๊ฐ’์— ํ•ด๋‹นํ•˜๋Š” index ๊ฐ’ + s ๊ธธ์ด์˜ ๋ฐ˜ ๊ฐ’์— ํ•ด๋‹นํ•˜๋Š” index ๊ฐ’ } else { //s ์˜ ๊ธธ์ด๊ฐ€ ํ™€์ˆ˜์ผ ๋•Œ answer = s[Math.floor(s.length/2)] // s ๊ธธ์ด์˜ ๋ฐ˜ ๊ฐ’์—์„œ ๋ฐ˜.. 2022. 11. 21.
ํ”„๋กœ๊ทธ๋ž˜๋จธ์Šค lv.1 ์—†๋Š” ์ˆซ์ž ๋”ํ•˜๊ธฐ Programmers Lv.1 : ์—†๋Š” ์ˆซ์ž ๋”ํ•˜๊ธฐ 0๋ถ€ํ„ฐ 9๊นŒ์ง€์˜ ์ˆซ์ž ์ค‘ ์ผ๋ถ€๊ฐ€ ๋“ค์–ด์žˆ๋Š” ๋ฐฐ์—ด numbers๊ฐ€ ๋งค๊ฐœ๋ณ€์ˆ˜๋กœ ์ฃผ์–ด์ง‘๋‹ˆ๋‹ค. numbers์—์„œ ์ฐพ์„ ์ˆ˜ ์—†๋Š” 0๋ถ€ํ„ฐ 9๊นŒ์ง€์˜ ์ˆซ์ž๋ฅผ ๋ชจ๋‘ ์ฐพ์•„ ๋”ํ•œ ์ˆ˜๋ฅผ return ํ•˜๋„๋ก solution ํ•จ์ˆ˜๋ฅผ ์™„์„ฑํ•ด์ฃผ์„ธ์š”. 1 ≤ numbers์˜ ๊ธธ์ด ≤ 9 0 ≤ numbers์˜ ๋ชจ๋“  ์ˆ˜ ≤ 9 numbers์˜ ๋ชจ๋“  ์ˆ˜๋Š” ์„œ๋กœ ๋‹ค๋ฆ…๋‹ˆ๋‹ค. ๋‚ด ํ’€์ด function solution(numbers) { var answer = 0; for(let i=0; i false, false -> true JS default false ๊ฐ’: "", false, NaN, undefined, null, 0 ๋‹ค๋ฅธ ์‚ฌ๋žŒ๋“ค์˜ ํ’€์ด function solution(numbers) {.. 2022. 11. 21.
ํ”„๋กœ๊ทธ๋ž˜๋จธ์Šค lv.1 ์Œ์–‘ ๋”ํ•˜๊ธฐ Programmers Lv.1 : ์ œ์ผ ์ž‘์€ ์ˆ˜ ์ œ๊ฑฐํ•˜๊ธฐ ์–ด๋–ค ์ •์ˆ˜๋“ค์ด ์žˆ์Šต๋‹ˆ๋‹ค. ์ด ์ •์ˆ˜๋“ค์˜ ์ ˆ๋Œ“๊ฐ’์„ ์ฐจ๋ก€๋Œ€๋กœ ๋‹ด์€ ์ •์ˆ˜ ๋ฐฐ์—ด absolutes์™€ ์ด ์ •์ˆ˜๋“ค์˜ ๋ถ€ํ˜ธ๋ฅผ ์ฐจ๋ก€๋Œ€๋กœ ๋‹ด์€ ๋ถˆ๋ฆฌ์–ธ ๋ฐฐ์—ด signs๊ฐ€ ๋งค๊ฐœ๋ณ€์ˆ˜๋กœ ์ฃผ์–ด์ง‘๋‹ˆ๋‹ค. ์‹ค์ œ ์ •์ˆ˜๋“ค์˜ ํ•ฉ์„ ๊ตฌํ•˜์—ฌ return ํ•˜๋„๋ก solution ํ•จ์ˆ˜๋ฅผ ์™„์„ฑํ•ด์ฃผ์„ธ์š”. absolutes์˜ ๊ธธ์ด๋Š” 1 ์ด์ƒ 1,000 ์ดํ•˜์ž…๋‹ˆ๋‹ค. absolutes์˜ ๋ชจ๋“  ์ˆ˜๋Š” ๊ฐ๊ฐ 1 ์ด์ƒ 1,000 ์ดํ•˜์ž…๋‹ˆ๋‹ค. signs์˜ ๊ธธ์ด๋Š” absolutes์˜ ๊ธธ์ด์™€ ๊ฐ™์Šต๋‹ˆ๋‹ค. signs[i] ๊ฐ€ ์ฐธ์ด๋ฉด absolutes[i] ์˜ ์‹ค์ œ ์ •์ˆ˜๊ฐ€ ์–‘์ˆ˜์ž„์„, ๊ทธ๋ ‡์ง€ ์•Š์œผ๋ฉด ์Œ์ˆ˜์ž„์„ ์˜๋ฏธํ•ฉ๋‹ˆ๋‹ค. ์ž…์ถœ๋ ฅ ์˜ˆ ๋‚ด ํ’€์ด function solution(absolutes, signs) { for(let.. 2022. 11. 21.
Programmers Lv.1 : ์ œ์ผ ์ž‘์€ ์ˆ˜ ์ œ๊ฑฐํ•˜๊ธฐ Programmers Lv.1 : ์ œ์ผ ์ž‘์€ ์ˆ˜ ์ œ๊ฑฐํ•˜๊ธฐ ์ •์ˆ˜๋ฅผ ์ €์žฅํ•œ ๋ฐฐ์—ด, arr ์—์„œ ๊ฐ€์žฅ ์ž‘์€ ์ˆ˜๋ฅผ ์ œ๊ฑฐํ•œ ๋ฐฐ์—ด์„ ๋ฆฌํ„ดํ•˜๋Š” ํ•จ์ˆ˜, solution์„ ์™„์„ฑํ•ด์ฃผ์„ธ์š”. ๋‹จ, ๋ฆฌํ„ดํ•˜๋ ค๋Š” ๋ฐฐ์—ด์ด ๋นˆ ๋ฐฐ์—ด์ธ ๊ฒฝ์šฐ์—” ๋ฐฐ์—ด์— -1์„ ์ฑ„์›Œ ๋ฆฌํ„ดํ•˜์„ธ์š”. ์˜ˆ๋ฅผ๋“ค์–ด arr์ด [4,3,2,1]์ธ ๊ฒฝ์šฐ๋Š” [4,3,2]๋ฅผ ๋ฆฌํ„ด ํ•˜๊ณ , [10]๋ฉด [-1]์„ ๋ฆฌํ„ด ํ•ฉ๋‹ˆ๋‹ค. arr์€ ๊ธธ์ด 1 ์ด์ƒ์ธ ๋ฐฐ์—ด์ž…๋‹ˆ๋‹ค. ์ธ๋ฑ์Šค i, j์— ๋Œ€ํ•ด i ≠ j์ด๋ฉด arr[i] ≠ arr[j] ์ž…๋‹ˆ๋‹ค. ๋‚ด ํ’€์ด function solution(arr) { if (arr.length === 1) return [-1]; let i = 0; for (let j = 0; j arr[j]).. 2022. 11. 17.
Programmers Lv.1 : ๋‚˜๋ˆ„์–ด ๋–จ์–ด์ง€๋Š” ์ˆซ์ž ๋ฐฐ์—ด Programmers Lv.1 : ๋‚˜๋ˆ„์–ด ๋–จ์–ด์ง€๋Š” ์ˆซ์ž ๋ฐฐ์—ด array์˜ ๊ฐ element ์ค‘ divisor๋กœ ๋‚˜๋ˆ„์–ด ๋–จ์–ด์ง€๋Š” ๊ฐ’์„ ์˜ค๋ฆ„์ฐจ์ˆœ์œผ๋กœ ์ •๋ ฌํ•œ ๋ฐฐ์—ด์„ ๋ฐ˜ํ™˜ํ•˜๋Š” ํ•จ์ˆ˜, solution์„ ์ž‘์„ฑํ•ด์ฃผ์„ธ์š”. divisor๋กœ ๋‚˜๋ˆ„์–ด ๋–จ์–ด์ง€๋Š” element๊ฐ€ ํ•˜๋‚˜๋„ ์—†๋‹ค๋ฉด ๋ฐฐ์—ด์— -1์„ ๋‹ด์•„ ๋ฐ˜ํ™˜ํ•˜์„ธ์š”. arr์€ ์ž์—ฐ์ˆ˜๋ฅผ ๋‹ด์€ ๋ฐฐ์—ด์ž…๋‹ˆ๋‹ค. ์ •์ˆ˜ i, j์— ๋Œ€ํ•ด i ≠ j ์ด๋ฉด arr[i] ≠ arr[j] ์ž…๋‹ˆ๋‹ค. divisor๋Š” ์ž์—ฐ์ˆ˜์ž…๋‹ˆ๋‹ค. array๋Š” ๊ธธ์ด 1 ์ด์ƒ์ธ ๋ฐฐ์—ด์ž…๋‹ˆ๋‹ค. ๋‚ด ํ’€์ด function solution(arr, divisor) { var answer = []; for(i=0; i a - b); return answer; } ๋ฐฐ์—ด์„ divisor๋กœ ๋‚˜๋ˆด์„๋•Œ ๋‚˜์˜ค๋Š” ๊ฐ’์ด 0์ด๋ฉด ๋‚˜๋ˆ„์–ด ๋–จ์–ด.. 2022. 11. 14.
Programmers Lv.1 : ํ•ธ๋“œํฐ ๋ฒˆํ˜ธ ๊ฐ€๋ฆฌ๊ธฐ Programmers Lv.1 : ํ•ธ๋“œํฐ ๋ฒˆํ˜ธ ๊ฐ€๋ฆฌ๊ธฐ ํ”„๋กœ๊ทธ๋ž˜๋จธ์Šค ๋ชจ๋ฐ”์ผ์€ ๊ฐœ์ธ์ •๋ณด ๋ณดํ˜ธ๋ฅผ ์œ„ํ•ด ๊ณ ์ง€์„œ๋ฅผ ๋ณด๋‚ผ ๋•Œ ๊ณ ๊ฐ๋“ค์˜ ์ „ํ™”๋ฒˆํ˜ธ์˜ ์ผ๋ถ€๋ฅผ ๊ฐ€๋ฆฝ๋‹ˆ๋‹ค. ์ „ํ™”๋ฒˆํ˜ธ๊ฐ€ ๋ฌธ์ž์—ด phone_number๋กœ ์ฃผ์–ด์กŒ์„ ๋•Œ, ์ „ํ™”๋ฒˆํ˜ธ์˜ ๋’ท 4์ž๋ฆฌ๋ฅผ ์ œ์™ธํ•œ ๋‚˜๋จธ์ง€ ์ˆซ์ž๋ฅผ ์ „๋ถ€ *์œผ๋กœ ๊ฐ€๋ฆฐ ๋ฌธ์ž์—ด์„ ๋ฆฌํ„ดํ•˜๋Š” ํ•จ์ˆ˜, solution์„ ์™„์„ฑํ•ด์ฃผ์„ธ์š”. phone_number๋Š” ๊ธธ์ด 4 ์ด์ƒ, 20์ดํ•˜์ธ ๋ฌธ์ž์—ด์ž…๋‹ˆ๋‹ค. ๋‚ด ํ’€์ด function solution(phone_number) { var answer = ''; answer = phone_number.slice(0,-4).replace(/[0-9]/g,'*') + phone_number.slice(-4); return answer; } .substring() ๊ณผ .substr.. 2022. 11. 14.
Programmers Lv.1 : ์ฝœ๋ผ์ธ  ์ถ”์ธก Programmers Lv.1 : ์ฝœ๋ผ์ธ  ์ถ”์ธก 1937๋…„ Collatz๋ž€ ์‚ฌ๋žŒ์— ์˜ํ•ด ์ œ๊ธฐ๋œ ์ด ์ถ”์ธก์€, ์ฃผ์–ด์ง„ ์ˆ˜๊ฐ€ 1์ด ๋  ๋•Œ๊นŒ์ง€ ๋‹ค์Œ ์ž‘์—…์„ ๋ฐ˜๋ณตํ•˜๋ฉด, ๋ชจ๋“  ์ˆ˜๋ฅผ 1๋กœ ๋งŒ๋“ค ์ˆ˜ ์žˆ๋‹ค๋Š” ์ถ”์ธก์ž…๋‹ˆ๋‹ค. ์ž‘์—…์€ ๋‹ค์Œ๊ณผ ๊ฐ™์Šต๋‹ˆ๋‹ค. ์˜ˆ๋ฅผ ๋“ค์–ด, ์ฃผ์–ด์ง„ ์ˆ˜๊ฐ€ 6์ด๋ผ๋ฉด 6 → 3 → 10 → 5 → 16 → 8 → 4 → 2 → 1 ์ด ๋˜์–ด ์ด 8๋ฒˆ ๋งŒ์— 1์ด ๋ฉ๋‹ˆ๋‹ค. ์œ„ ์ž‘์—…์„ ๋ช‡ ๋ฒˆ์ด๋‚˜ ๋ฐ˜๋ณตํ•ด์•ผ ํ•˜๋Š”์ง€ ๋ฐ˜ํ™˜ํ•˜๋Š” ํ•จ์ˆ˜, solution์„ ์™„์„ฑํ•ด ์ฃผ์„ธ์š”. ๋‹จ, ์ฃผ์–ด์ง„ ์ˆ˜๊ฐ€ 1์ธ ๊ฒฝ์šฐ์—๋Š” 0์„, ์ž‘์—…์„ 500๋ฒˆ ๋ฐ˜๋ณตํ•  ๋•Œ๊นŒ์ง€ 1์ด ๋˜์ง€ ์•Š๋Š”๋‹ค๋ฉด -1์„ ๋ฐ˜ํ™˜ํ•ด ์ฃผ์„ธ์š”. ์ž…๋ ฅ๋œ ์ˆ˜, num์€ 1 ์ด์ƒ 8,000,000 ๋ฏธ๋งŒ์ธ ์ •์ˆ˜์ž…๋‹ˆ๋‹ค. ๋‚ด ํ’€์ด function solution(num) { var answer = 0;.. 2022. 11. 13.
Programmers Lv.1 : ๋‘ ์ •์ˆ˜ ์‚ฌ์ด์˜ ํ•ฉ Programmers Lv.1 : ๋‘ ์ •์ˆ˜ ์‚ฌ์ด์˜ ํ•ฉ ๋‘ ์ •์ˆ˜ a, b๊ฐ€ ์ฃผ์–ด์กŒ์„ ๋•Œ a์™€ b ์‚ฌ์ด์— ์†ํ•œ ๋ชจ๋“  ์ •์ˆ˜์˜ ํ•ฉ์„ ๋ฆฌํ„ดํ•˜๋Š” ํ•จ์ˆ˜, solution์„ ์™„์„ฑํ•˜์„ธ์š”. ์˜ˆ๋ฅผ ๋“ค์–ด a = 3, b = 5์ธ ๊ฒฝ์šฐ, 3 + 4 + 5 = 12์ด๋ฏ€๋กœ 12๋ฅผ ๋ฆฌํ„ดํ•ฉ๋‹ˆ๋‹ค. a์™€ b๊ฐ€ ๊ฐ™์€ ๊ฒฝ์šฐ๋Š” ๋‘˜ ์ค‘ ์•„๋ฌด ์ˆ˜๋‚˜ ๋ฆฌํ„ดํ•˜์„ธ์š”. a์™€ b๋Š” -10,000,000 ์ด์ƒ 10,000,000 ์ดํ•˜์ธ ์ •์ˆ˜์ž…๋‹ˆ๋‹ค. a์™€ b์˜ ๋Œ€์†Œ๊ด€๊ณ„๋Š” ์ •ํ•ด์ ธ์žˆ์ง€ ์•Š์Šต๋‹ˆ๋‹ค. ๋‚ด ํ’€์ด function solution(a, b) { var answer = 0; let num = []; if (a === b) { answer = a; } else { num.push(a,b); num.sort((a,b)=>a-b); // ์˜ค๋ฆ„์ฐจ์ˆœ ์ •๋ ฌ for (le.. 2022. 11. 11.
Programmers Lv.1 : x๋งŒํผ ๊ฐ„๊ฒฉ์ด ์žˆ๋Š” n๊ฐœ์˜ ์ˆซ์ž Programmers Lv.1 : x๋งŒํผ ๊ฐ„๊ฒฉ์ด ์žˆ๋Š” n๊ฐœ์˜ ์ˆซ์ž ํ•จ์ˆ˜ solution์€ ์ •์ˆ˜ x์™€ ์ž์—ฐ์ˆ˜ n์„ ์ž…๋ ฅ ๋ฐ›์•„, x๋ถ€ํ„ฐ ์‹œ์ž‘ํ•ด x์”ฉ ์ฆ๊ฐ€ํ•˜๋Š” ์ˆซ์ž๋ฅผ n๊ฐœ ์ง€๋‹ˆ๋Š” ๋ฆฌ์ŠคํŠธ๋ฅผ ๋ฆฌํ„ดํ•ด์•ผ ํ•ฉ๋‹ˆ๋‹ค. ๋‹ค์Œ ์ œํ•œ ์กฐ๊ฑด์„ ๋ณด๊ณ , ์กฐ๊ฑด์„ ๋งŒ์กฑํ•˜๋Š” ํ•จ์ˆ˜, solution์„ ์™„์„ฑํ•ด์ฃผ์„ธ์š”. x๋Š” -10000000 ์ด์ƒ, 10000000 ์ดํ•˜์ธ ์ •์ˆ˜์ž…๋‹ˆ๋‹ค. n์€ 1000 ์ดํ•˜์ธ ์ž์—ฐ์ˆ˜์ž…๋‹ˆ๋‹ค. ๋‚ด ํ’€์ด function solution(x, n) { let answer = []; for (let i = 1; i (i + 1) * x); } 2022. 11. 11.
Programmers Lv.1 ํ•˜์ƒค๋“œ ์ˆ˜ Programmers Lv.1 : ํ•˜์ƒค๋“œ ์ˆ˜ ์–‘์˜ ์ •์ˆ˜ x๊ฐ€ ํ•˜์ƒค๋“œ ์ˆ˜์ด๋ ค๋ฉด x์˜ ์ž๋ฆฟ์ˆ˜์˜ ํ•ฉ์œผ๋กœ x๊ฐ€ ๋‚˜๋ˆ„์–ด์ ธ์•ผ ํ•ฉ๋‹ˆ๋‹ค. ์˜ˆ๋ฅผ ๋“ค์–ด 18์˜ ์ž๋ฆฟ์ˆ˜ ํ•ฉ์€ 1+8=9์ด๊ณ , 18์€ 9๋กœ ๋‚˜๋ˆ„์–ด ๋–จ์–ด์ง€๋ฏ€๋กœ 18์€ ํ•˜์ƒค๋“œ ์ˆ˜์ž…๋‹ˆ๋‹ค. ์ž์—ฐ์ˆ˜ x๋ฅผ ์ž…๋ ฅ๋ฐ›์•„ x๊ฐ€ ํ•˜์ƒค๋“œ ์ˆ˜์ธ์ง€ ์•„๋‹Œ์ง€ ๊ฒ€์‚ฌํ•˜๋Š” ํ•จ์ˆ˜, solution์„ ์™„์„ฑํ•ด์ฃผ์„ธ์š”. x๋Š” 1 ์ด์ƒ, 10000 ์ดํ•˜์ธ ์ •์ˆ˜์ž…๋‹ˆ๋‹ค. ๋‚ด ํ’€์ด function solution(x) { let sum =0; let arr = String(x).split(""); for(let i=0; i +b + +a )); } 2022. 11. 11.
programmers Lv.1 ๋ฌธ์ž์—ด ๋‚ด p์™€ y์˜ ๊ฐœ์ˆ˜ Programmers Lv.1 : ๋ฌธ์ž์—ด ๋‚ด p์™€ y์˜ ๊ฐœ์ˆ˜ ๋Œ€๋ฌธ์ž์™€ ์†Œ๋ฌธ์ž๊ฐ€ ์„ž์—ฌ์žˆ๋Š” ๋ฌธ์ž์—ด s๊ฐ€ ์ฃผ์–ด์ง‘๋‹ˆ๋‹ค. s์— 'p'์˜ ๊ฐœ์ˆ˜์™€ 'y'์˜ ๊ฐœ์ˆ˜๋ฅผ ๋น„๊ตํ•ด ๊ฐ™์œผ๋ฉด True, ๋‹ค๋ฅด๋ฉด False๋ฅผ return ํ•˜๋Š” solution๋ฅผ ์™„์„ฑํ•˜์„ธ์š”. 'p', 'y' ๋ชจ๋‘ ํ•˜๋‚˜๋„ ์—†๋Š” ๊ฒฝ์šฐ๋Š” ํ•ญ์ƒ True๋ฅผ ๋ฆฌํ„ดํ•ฉ๋‹ˆ๋‹ค. ๋‹จ, ๊ฐœ์ˆ˜๋ฅผ ๋น„๊ตํ•  ๋•Œ ๋Œ€๋ฌธ์ž์™€ ์†Œ๋ฌธ์ž๋Š” ๊ตฌ๋ณ„ํ•˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค. ์˜ˆ๋ฅผ ๋“ค์–ด s๊ฐ€ "pPoooyY"๋ฉด true๋ฅผ returnํ•˜๊ณ  "Pyy"๋ผ๋ฉด false๋ฅผ returnํ•ฉ๋‹ˆ๋‹ค. ๋ฌธ์ž์—ด s์˜ ๊ธธ์ด : 50 ์ดํ•˜์˜ ์ž์—ฐ์ˆ˜ ๋ฌธ์ž์—ด s๋Š” ์•ŒํŒŒ๋ฒณ์œผ๋กœ๋งŒ ์ด๋ฃจ์–ด์ ธ ์žˆ์Šต๋‹ˆ๋‹ค. ๋‚ด ํ’€์ด function solution(s){ let str= s.toLowerCase(); let count = 0 for(let i = 0.. 2022. 11. 11.
Programmers Lv.1 : ์ •์ˆ˜ ์ œ๊ณฑ๊ทผ ํŒ๋ณ„ Programmers Lv.1 : ์ •์ˆ˜ ์ œ๊ณฑ๊ทผ ํŒ๋ณ„ " ์ž„์˜์˜ ์–‘์˜ ์ •์ˆ˜ n์— ๋Œ€ํ•ด, n์ด ์–ด๋–ค ์–‘์˜ ์ •์ˆ˜ x์˜ ์ œ๊ณฑ์ธ์ง€ ์•„๋‹Œ์ง€ ํŒ๋‹จํ•˜๋ ค ํ•ฉ๋‹ˆ๋‹ค. n์ด ์–‘์˜ ์ •์ˆ˜ x์˜ ์ œ๊ณฑ์ด๋ผ๋ฉด x+1์˜ ์ œ๊ณฑ์„ ๋ฆฌํ„ดํ•˜๊ณ , n์ด ์–‘์˜ ์ •์ˆ˜ x์˜ ์ œ๊ณฑ์ด ์•„๋‹ˆ๋ผ๋ฉด -1์„ ๋ฆฌํ„ดํ•˜๋Š” ํ•จ์ˆ˜๋ฅผ ์™„์„ฑํ•˜์„ธ์š”. " n์€ 1์ด์ƒ, 50000000000000 ์ดํ•˜์ธ ์–‘์˜ ์ •์ˆ˜์ž…๋‹ˆ๋‹ค. ๋‚ด ํ’€์ด function solution(n) { if(Math.sqrt(n) % 1 !== 0){ return -1; } else { return(Math.sqrt(n) + 1)*(Math.sqrt(n) + 1) } } ์ œ๊ณฑ๊ทผ์˜ ๊ฐ’์ด 1๋กœ ๋‚˜๋ˆ„์—ˆ์„ ๋•Œ ๋‚˜๋จธ์ง€๊ฐ€ ์žˆ์œผ๋ฉด ์–‘์˜ ์ •์ˆ˜ x์˜ ์ œ๊ณฑ์ด ์•„๋‹ˆ๊ธฐ ๋•Œ๋ฌธ์— -1์„ ๋ฆฌํ„ดํ•˜๊ณ  ๊ทธ ์™ธ์—๋Š” x+1์„ ์ œ๊ณฑํ•œ๋‹ค. ๋‹ค๋ฅธ ์‚ฌ๋žŒ.. 2022. 11. 7.
Programmers Lv.1 : ๋ฌธ์ž์—ด์„ ์ •์ˆ˜๋กœ ๋ฐ”๊พธ๊ธฐ Programmers Lv.1 : ๋ฌธ์ž์—ด์„ ์ •์ˆ˜๋กœ ๋ฐ”๊พธ๊ธฐ " ๋ฌธ์ž์—ด s๋ฅผ ์ˆซ์ž๋กœ ๋ณ€ํ™˜ํ•œ ๊ฒฐ๊ณผ๋ฅผ ๋ฐ˜ํ™˜ํ•˜๋Š” ํ•จ์ˆ˜, solution์„ ์™„์„ฑํ•˜์„ธ์š”. " s์˜ ๊ธธ์ด๋Š” 1 ์ด์ƒ 5์ดํ•˜์ž…๋‹ˆ๋‹ค. s์˜ ๋งจ์•ž์—๋Š” ๋ถ€ํ˜ธ(+, -)๊ฐ€ ์˜ฌ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. s๋Š” ๋ถ€ํ˜ธ์™€ ์ˆซ์ž๋กœ๋งŒ ์ด๋ฃจ์–ด์ ธ์žˆ์Šต๋‹ˆ๋‹ค. s๋Š” "0"์œผ๋กœ ์‹œ์ž‘ํ•˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค. ๋‚ด ํ’€์ด function solution(s) { if(s.length >= 1 && s.length 2022. 11. 7.
Programmers Lv.1 : ์ •์ˆ˜ ๋‚ด๋ฆผ์ฐจ์ˆœ์œผ๋กœ ๋ฐฐ์น˜ํ•˜๊ธฐ Programmers Lv.1 : ์ •์ˆ˜ ๋‚ด๋ฆผ์ฐจ์ˆœ์œผ๋กœ ๋ฐฐ์น˜ํ•˜๊ธฐ " ํ•จ์ˆ˜ solution์€ ์ •์ˆ˜ n์„ ๋งค๊ฐœ๋ณ€์ˆ˜๋กœ ์ž…๋ ฅ๋ฐ›์Šต๋‹ˆ๋‹ค. n์˜ ๊ฐ ์ž๋ฆฟ์ˆ˜๋ฅผ ํฐ๊ฒƒ๋ถ€ํ„ฐ ์ž‘์€ ์ˆœ์œผ๋กœ ์ •๋ ฌํ•œ ์ƒˆ๋กœ์šด ์ •์ˆ˜๋ฅผ ๋ฆฌํ„ดํ•ด์ฃผ์„ธ์š”. ์˜ˆ๋ฅผ๋“ค์–ด n์ด 118372๋ฉด 873211์„ ๋ฆฌํ„ดํ•˜๋ฉด ๋ฉ๋‹ˆ๋‹ค. " n์€ 1์ด์ƒ 8000000000 ์ดํ•˜์ธ ์ž์—ฐ์ˆ˜์ž…๋‹ˆ๋‹ค. ๋‚ด ํ’€์ด function solution(n) { return String(n).split("").sort((a, b) => b - a).join("")/1 } ์—ฌ๋Ÿฌ ๋ฉ”์„œ๋“œ๋ฅผ ์‚ฌ์šฉํ•œ ์ˆ˜ ๋ฌธ์ž์—ด์—์„œ ์ˆซ์ž๋กœ ๋ณ€ํ™˜ํ•  ๋•Œ ์ €๋„ ์ด์ „ ๋ฌธ์ œ์ฒ˜๋Ÿผ ๋ฌธ์ž์—ด์— ๋‚˜๋ˆ„๊ธฐ๋ฅผ ํ•ด์ฃผ์—ˆ์Šต๋‹ˆ๋‹ค. ๋‹ค๋ฅธ ์‚ฌ๋žŒ๋“ค์˜ ํ’€์ด function solution(n) { var answer = ""; n = n + ""; var empty.. 2022. 11. 7.
Programmers Lv.1 : ์ˆ˜๋ฐ•์ˆ˜๋ฐ•์ˆ˜๋ฐ•์ˆ˜๋ฐ•์ˆ˜๋ฐ•์ˆ˜? Programmers Lv.1 : ์ˆ˜๋ฐ•์ˆ˜๋ฐ•์ˆ˜๋ฐ•์ˆ˜๋ฐ•์ˆ˜๋ฐ•์ˆ˜? " ๊ธธ์ด๊ฐ€ n์ด๊ณ , "์ˆ˜๋ฐ•์ˆ˜๋ฐ•์ˆ˜๋ฐ•์ˆ˜...."์™€ ๊ฐ™์€ ํŒจํ„ด์„ ์œ ์ง€ํ•˜๋Š” ๋ฌธ์ž์—ด์„ ๋ฆฌํ„ดํ•˜๋Š” ํ•จ์ˆ˜, solution์„ ์™„์„ฑํ•˜์„ธ์š”. ์˜ˆ๋ฅผ๋“ค์–ด n์ด 4์ด๋ฉด "์ˆ˜๋ฐ•์ˆ˜๋ฐ•"์„ ๋ฆฌํ„ดํ•˜๊ณ  3์ด๋ผ๋ฉด "์ˆ˜๋ฐ•์ˆ˜"๋ฅผ ๋ฆฌํ„ดํ•˜๋ฉด ๋ฉ๋‹ˆ๋‹ค. " ์กฐ๊ฑด : n์€ ๊ธธ์ด 10,000์ดํ•˜์ธ ์ž์—ฐ์ˆ˜์ž…๋‹ˆ๋‹ค. ๋‚ด ํ’€์ด function solution(n) { let answer = ''; for(i=1; i { return '์ˆ˜๋ฐ•'.repeat(n/2) + (n%2 === 1 ? '์ˆ˜' : ''); } 2022. 11. 7.
Programmers Lv.1 : ์„œ์šธ์—์„œ ๊น€์„œ๋ฐฉ ์ฐพ๊ธฐ Programmers Lv.1 : ์„œ์šธ์—์„œ ๊น€์„œ๋ฐฉ ์ฐพ๊ธฐ " Stringํ˜• ๋ฐฐ์—ด seoul์˜ element์ค‘ "Kim"์˜ ์œ„์น˜ x๋ฅผ ์ฐพ์•„, "๊น€์„œ๋ฐฉ์€ x์— ์žˆ๋‹ค"๋Š” String์„ ๋ฐ˜ํ™˜ํ•˜๋Š” ํ•จ์ˆ˜, solution์„ ์™„์„ฑํ•˜์„ธ์š”. seoul์— "Kim"์€ ์˜ค์ง ํ•œ ๋ฒˆ๋งŒ ๋‚˜ํƒ€๋‚˜๋ฉฐ ์ž˜๋ชป๋œ ๊ฐ’์ด ์ž…๋ ฅ๋˜๋Š” ๊ฒฝ์šฐ๋Š” ์—†์Šต๋‹ˆ๋‹ค. " ์กฐ๊ฑด : seoul์€ ๊ธธ์ด 1 ์ด์ƒ, 1000 ์ดํ•˜์ธ ๋ฐฐ์—ด์ž…๋‹ˆ๋‹ค. / seoul์˜ ์›์†Œ๋Š” ๊ธธ์ด 1 ์ด์ƒ, 20 ์ดํ•˜์ธ ๋ฌธ์ž์—ด์ž…๋‹ˆ๋‹ค. / "Kim"์€ ๋ฐ˜๋“œ์‹œ seoul ์•ˆ์— ํฌํ•จ๋˜์–ด ์žˆ์Šต๋‹ˆ๋‹ค. ๋‚ด ํ’€์ด function solution(seoul) { var answer = "๊น€์„œ๋ฐฉ์€ " + seoul.indexOf("Kim") + "์— ์žˆ๋‹ค"; return answer; } indexOf๋ฉ”์„œ๋“œ๋ฅผ .. 2022. 11. 3.
Programmers Lv.1 : ์ง์ˆ˜์™€ ํ™€์ˆ˜ Programmers Lv.1 : ์ง์ˆ˜์™€ ํ™€์ˆ˜ ๋ฌธ์ œ : " ์ •์ˆ˜ num์ด ์ง์ˆ˜์ผ ๊ฒฝ์šฐ "Even"์„ ๋ฐ˜ํ™˜ํ•˜๊ณ  ํ™€์ˆ˜์ธ ๊ฒฝ์šฐ "Odd"๋ฅผ ๋ฐ˜ํ™˜ํ•˜๋Š” ํ•จ์ˆ˜, solution์„ ์™„์„ฑํ•ด์ฃผ์„ธ์š”. " ์กฐ๊ฑด : num์€ int ๋ฒ”์œ„์˜ ์ •์ˆ˜์ž…๋‹ˆ๋‹ค. / 0์€ ์ง์ˆ˜์ž…๋‹ˆ๋‹ค. ๋‚ด ํ’€์ด function solution(num) { var answer = ''; if(num % 2 == 0){ answer = "Even"; } else { answer = "Odd"; } return answer; } ์ˆ˜์—…์‹œ๊ฐ„์— ๋ฐฐ์› ๋˜ ์ง์ˆ˜( % : ๋‚˜๋จธ์ง€์˜ ๊ฐ’์ด 0)์™€ ํ™€์ˆ˜(์ง์ˆ˜๋ฅผ ์ œ์™ธํ•œ ๋‚˜๋จธ์ง€ ๊ฐ’๋“ค)๋ฅผ ํ†ตํ•ด if๋ฌธ์„ ์‚ฌ์šฉํ•˜์—ฌ ๋‹ต์„ ์ž‘์„ฑํ•˜์˜€์Šต๋‹ˆ๋‹ค. ๋‹ค๋ฅธ ์‚ฌ๋žŒ๋“ค์˜ ํ’€์ด function evenOrOdd(num) { return num % 2 ? "O.. 2022. 11. 3.
Programmers Lv.1 : ํ‰๊ท  ๊ตฌํ•˜๊ธฐ Programmers Lv.1 : ํ‰๊ท  ๊ตฌํ•˜๊ธฐ ๋ฌธ์ œ : " ์ •์ˆ˜๋ฅผ ๋‹ด๊ณ  ์žˆ๋Š” ๋ฐฐ์—ด arr์˜ ํ‰๊ท ๊ฐ’์„ returnํ•˜๋Š” ํ•จ์ˆ˜, solution์„ ์™„์„ฑํ•ด๋ณด์„ธ์š”. " ์กฐ๊ฑด : arr์€ ๊ธธ์ด 1 ์ด์ƒ, 100 ์ดํ•˜์ธ ๋ฐฐ์—ด์ž…๋‹ˆ๋‹ค. / arr์˜ ์›์†Œ๋Š” -10,000 ์ด์ƒ 10,000 ์ดํ•˜์ธ ์ •์ˆ˜์ž…๋‹ˆ๋‹ค. ๋‚ด ํ’€์ด function solution(arr) { var answer = 0; let sum=0; for(let i=0; i a + b) / array.length; } Reduce๋ฉ”์„œ๋“œ๋ฅผ ์ด์šฉํ•˜์—ฌ ๋ฐฐ์—ด์˜ ์ดํ•ฉ์„ ๊ตฌํ•ด์ค€ ํ›„ ๊ธธ์ด๋งŒํผ ๋‚˜๋ˆ„์–ด์ค€ ๊ฒƒ์ž…๋‹ˆ๋‹ค. 2022. 11. 3.
ํ”„๋กœ๊ทธ๋ž˜๋จธ์Šค Lv.1 "๋‚˜๋จธ์ง€๊ฐ€ 1์ด ๋˜๋Š” ์ˆ˜ ์ฐพ๊ธฐ" ํ”„๋กœ๊ทธ๋ž˜๋จธ์Šค Lv.1 "๋‚˜๋จธ์ง€๊ฐ€ 1์ด ๋˜๋Š” ์ˆ˜ ์ฐพ๊ธฐ" ๋ฌธ์ œ : " ์ž์—ฐ์ˆ˜ n์ด ๋งค๊ฐœ๋ณ€์ˆ˜๋กœ ์ฃผ์–ด์ง‘๋‹ˆ๋‹ค. n์„ x๋กœ ๋‚˜๋ˆˆ ๋‚˜๋จธ์ง€๊ฐ€ 1์ด ๋˜๋„๋ก ํ•˜๋Š” ๊ฐ€์žฅ ์ž‘์€ ์ž์—ฐ์ˆ˜ x๋ฅผ return ํ•˜๋„๋ก solution ํ•จ์ˆ˜๋ฅผ ์™„์„ฑํ•ด์ฃผ์„ธ์š”. ๋‹ต์ด ํ•ญ์ƒ ์กด์žฌํ•จ์€ ์ฆ๋ช…๋  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. " ์กฐ๊ฑด : 3 ≤ n ≤ 1,000,000 ๋‚ด ํ’€์ด function solution(n) { for(let x = 1; x 2022. 11. 3.
ํ”„๋กœ๊ทธ๋ž˜๋จธ์Šค Lv.1 "์•ฝ์ˆ˜์˜ ํ•ฉ" ํ”„๋กœ๊ทธ๋ž˜๋จธ์Šค Lv.1 "์•ฝ์ˆ˜์˜ ํ•ฉ" ๋ฌธ์ œ : " ์ •์ˆ˜ n์„ ์ž…๋ ฅ๋ฐ›์•„ n์˜ ์•ฝ์ˆ˜๋ฅผ ๋ชจ๋‘ ๋”ํ•œ ๊ฐ’์„ ๋ฆฌํ„ดํ•˜๋Š” ํ•จ์ˆ˜, solution์„ ์™„์„ฑํ•ด์ฃผ์„ธ์š”. " ์กฐ๊ฑด : n์€ 0 ์ด์ƒ 3000์ดํ•˜์ธ ์ •์ˆ˜์ž…๋‹ˆ๋‹ค. ๋‚ด ํ’€์ด function solution(n) { let answer = 0; for(let i=0; i 2022. 11. 2.
ํ”„๋กœ๊ทธ๋ž˜๋จธ์Šค Lv.1 "์ž๋ฆฟ์ˆ˜ ๋”ํ•˜๊ธฐ" Programmers Lv.1 : ์ž๋ฆฟ์ˆ˜ ๋”ํ•˜๊ธฐ ๋ฌธ์ œ : " ์ž์—ฐ์ˆ˜ N์ด ์ฃผ์–ด์ง€๋ฉด, N์˜ ๊ฐ ์ž๋ฆฟ์ˆ˜์˜ ํ•ฉ์„ ๊ตฌํ•ด์„œ return ํ•˜๋Š” solution ํ•จ์ˆ˜๋ฅผ ๋งŒ๋“ค์–ด ์ฃผ์„ธ์š”. ์˜ˆ๋ฅผ๋“ค์–ด N = 123์ด๋ฉด 1 + 2 + 3 = 6์„ return ํ•˜๋ฉด ๋ฉ๋‹ˆ๋‹ค. " ์กฐ๊ฑด : N์˜ ๋ฒ”์œ„ : 100,000,000 ์ดํ•˜์˜ ์ž์—ฐ์ˆ˜ ๋‚ด ํ’€์ด function solution(n){ let sum = 0; let answer=String(n).split(""); for(let i=0; i acc + parseInt(curr), 0) } reduce์˜ initial value๋Š” ์ฒซ acc ๊ฐ’์ž…๋‹ˆ๋‹ค. ์ฆ‰, 0์„ ๋„ฃ์–ด์„œ acc ์ดˆ๊ธฐ๊ฐ’์„ ์ •์ˆ˜ํ™” ํ•ด์ฃผ๋Š” ๊ฒ๋‹ˆ๋‹ค("๋ฌธ์ž์—ด + ์ •์ˆ˜ = ๋ฌธ์ž์—ด" ๋ฐฉ์ง€์ฐจ์›). initial value๋ฅผ ์ง€์ •ํ•˜.. 2022. 11. 2.
ํ”„๋กœ๊ทธ๋ž˜๋จธ์Šค Lv.1 "์ž์—ฐ์ˆ˜ ๋’ค์ง‘์–ด ๋ฐฐ์—ด๋กœ ๋งŒ๋“ค๊ธฐ" Programmers Lv.1 : ์ž์—ฐ์ˆ˜ ๋’ค์ง‘์–ด ๋ฐฐ์—ด๋กœ ๋งŒ๋“ค๊ธฐ ๋ฌธ์ œ : " ์ž์—ฐ์ˆ˜ n์„ ๋’ค์ง‘์–ด ๊ฐ ์ž๋ฆฌ ์ˆซ์ž๋ฅผ ์›์†Œ๋กœ ๊ฐ€์ง€๋Š” ๋ฐฐ์—ด ํ˜•ํƒœ๋กœ ๋ฆฌํ„ดํ•ด์ฃผ์„ธ์š”. ์˜ˆ๋ฅผ๋“ค์–ด n์ด 12345์ด๋ฉด [5,4,3,2,1]์„ ๋ฆฌํ„ดํ•ฉ๋‹ˆ๋‹ค. " ์กฐ๊ฑด : n์€ 10,000,000,000์ดํ•˜์ธ ์ž์—ฐ์ˆ˜์ž…๋‹ˆ๋‹ค. ๋‚ด ํ’€์ด function solution(n) { let answer =[]; let arr = String(n).split("").reverse(); for (let i = 0; i < arr.length; i++) { answer.push(Number(arr[i])); } return answer; }" 01. [5,4,3,2,1]์ด ๋‚˜์˜ค๊ฒŒ ํ•˜๊ธฐ ์œ„ํ•ด์„œ ๋ฐฐ์—ด๋กœ ๋ฐ”๊พผ ๋’ค ์ˆซ์ž๋ฅผ ๋ฌธ์ž์—ด๋กœ ๋ณ€ํ™”ํ•˜์—ฌ split๋ฉ”์„œ๋“œ๋ฅผ ํ†ตํ•ด ๋‚˜๋ˆ„์–ด์ค.. 2022. 11. 2.
์˜ค๋‹ต๋…ธํŠธ Javascript Test01 01. ๊ฒฐ๊ด๊ฐ’์„ ์ž‘์„ฑํ•˜์‹œ์˜ค. { function func(){ for( i=1; i el % divisor == 0 ); answer = div.length > 0 ? div.sort( (a, b ) => a - b ) : [-1]; return answer } document.write(solution([1,2,3,4,5], 2)) } 1. filter๋กœ 2๋กœ ๋‚˜๋ˆด์„ ๋•Œ ๋‚˜๋จธ์ง€๊ฐ’์ด 0์ธ (์ฆ‰ 2์˜ ๋ฐฐ์ˆ˜์ธ) ๊ฐ’์„ ๊ณจ๋ผ๋ƒ„ == 2, 4 2. div.length(2) > 0์ด ์ฐธ์ž„ : ์ฐธ์ด๋ฉด div์•ˆ์˜ ์ˆœ์„œ๋ฅผ a-b ์ˆœ์„œ๋กœ ์ •๋ ฌํ•˜๊ณ  ๊ฑฐ์ง“์ด๋ฉด -1 ์ถœ๋ ฅ 3. a-b ์ˆœ์„œ๋Œ€๋กœ [2, 4] ์ถœ๋ ฅ๋จ ๊ฒฐ๊ณผ ๋ณด๊ธฐ 23. ๊ฒฐ๊ด๊ฐ’์„ ์ž‘์„ฑํ•˜์‹œ์˜ค. { function solution(numbe.. 2022. 10. 4.
๋งˆ์šฐ์Šค ์ดํŽ™ํŠธ 5 Javascript Mouse Effect Mouse ์ดํŽ™ํŠธ ์ค‘ ๋งˆ์šฐ์Šค ์ปค์„œ๋ฅผ ์›€์ง์ด๋ฉด ์ค‘์•™์˜ ์‚ฌ์ง„์ด ์›€์ง์ด๋Š” ํšจ๊ณผ์ž…๋‹ˆ๋‹ค. ์›๋ณธ ์‚ฌ์ดํŠธ ๋ณด๊ธฐ ์›๋ณธ ์†Œ์Šค ๋ณด๊ธฐ ํ•ต์‹ฌ ํฌ์ธํŠธ(์ง„ํ–‰์ค‘) 1. ์ง„ํ–‰์ค‘ HTML html ์†Œ์Šค์ž…๋‹ˆ๋‹ค. The way to get started is to quit talking and begin doing. ๋ฌด์–ธ๊ฐ€๋ฅผ ์‹œ์ž‘ํ•˜๋ ค๋ฉด ๋ง์€ ๋ฉˆ์ถ”๊ณ  ํ–‰๋™ํ•ด์•ผ ํ•œ๋‹ค. mousePageX : 0px mousePageY : 0px centerPageX : 0px centerPageY : 0px CSS css ์†Œ์Šค์ž…๋‹ˆ๋‹ค. /* MouseType */ .mouse__wrap { width: 100%; height: 100vh; display: flex; align-items: center; justify-.. 2022. 9. 29.
์„œ์น˜ ์ดํŽ™ํŠธ 4 ์„œ์น˜ ์ดํŽ™ํŠธ ๋งŒ๋“ค๊ธฐ2 javascript๋ฅผ ์ด์šฉํ•˜์—ฌ ์„œ์น˜ ์ดํŽ™ํŠธ๋ฅผ ๋งŒ๋“ค์—ˆ์Šต๋‹ˆ๋‹ค. ์—ด์‹ฌํžˆ ๊ณต๋ถ€ํ•˜์„ธ์š”! ์„œ์น˜ ์ดํŽ™ํŠธ2 ์›๋ณธ ์†Œ์Šค ๋ณด๊ธฐ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ์ถ”ํ›„ ์ถ”๊ฐ€ ์˜ˆ์ • //์„ ํƒ์ž const searchBox = document.querySelector(".search__box input"); //๊ฒ€์ƒ‰ ์˜์—ญ const searchList = document.querySelectorAll(".search__list ul li"); //๋ชฉ๋ก ๋ฆฌ์ŠคํŠธ const searchInfo = document.querySelector(".search__info .num") //์ „์ฒด ๊ฐฏ์ˆ˜ //์†์„ฑ ๊ฐฏ์ˆ˜ ์„ค์ •ํ•˜๊ธฐ // for(let i=1; i { const searchWord = searchBox.value; //์‚ฌ์šฉ์ž๊ฐ€ ์ž…๋ ฅํ•œ ํ‚ค.. 2022. 9. 29.
์—ฌ๋Ÿฌ๋ถ„ ํ—ˆ๋ฆฌ ํ”ผ์„ธ์š” ์—ฌ๋Ÿฌ๋ถ„์˜ ์ฒ™์ถ”์™€ ๊ณจ๋ฐ˜์€ ์•ˆ๋…•ํ•˜์‹ ๊ฐ€์š”? ์ €๋Š” ์˜ค๋Š˜ ์ง„์งœ ๋ ˆ์ „๋“œ๋กœ ํ—ˆ๋ฆฌ๊ฐ€ ์•„ํŒŒ ์ฃฝ๊ฒ ์Šต๋‹ˆ๋‹ค. ํ˜„๋Œ€์ธ์˜ ๊ณ ์งˆ๋ณ‘์ด์ฃ  ํ—ˆ๋ฆฌํ†ต์ฆ๊ณผ ์–ด๊นจํ†ต์ฆ. ์—ฌ๋Ÿฌ๋ถ„๋“ค์€ ์—ฌ๋Ÿฌ๋ถ„๋“ค์˜ ์ฒ™์ถ”๋ฅผ ์†Œ์ค‘ํžˆ ์—ฌ๊ฒจ์ฃผ์„ธ์š”. ์ €๋Š” ์ด๋ฏธ ๋๋‚œ ๊ฒƒ ๊ฐ™์ง€๋งŒ... ์˜ค๋Š˜์€ ํ•˜๋ฃจ์ข…์ผ ์ปดํ“จํ„ฐ ์•ž์—๋งŒ ์•‰์•„์žˆ๋Š” ์—ฌ๋Ÿฌ๋ถ„๋“ค์„ ์œ„ํ•ด ์ŠคํŠธ๋ ˆ์นญ ์˜์ƒ๋“ค์„ ๋ชจ์•„๋ดค์–ด์š”. ๋ชจ๋‘๋“ค ์ง‘์— ๋Œ์•„๊ฐ€๋ฉด ํ•œ๋ฒˆ์”ฉ ํ•ด๋ณด์‹œ๋Š”๊ฑด ์–ด๋–จ๊นŒ์š”? https://youtu.be/F3i8TZhqgAs https://youtu.be/Fa5nkOwxCTM https://youtu.be/ZV2fzJ0qubs ์ŠคํŠธ๋ ˆ์นญ์€ ์ข‹์€๊ฑธ ์ฐพ์„๋•Œ๋งˆ๋‹ค ์ถ”๊ฐ€๋ฉ๋‹ˆ๋‹ค. 2022. 9. 28.
๋งˆ์šฐ์Šค ์ดํŽ™ํŠธ 4. ์›€์ง์ด๋Š” ๊ทธ๋ฆผ Javascript Mouse Effect Mouse ์ดํŽ™ํŠธ ์ค‘ ๋งˆ์šฐ์Šค ์ปค์„œ๋ฅผ ์›€์ง์ด๋ฉด ์ค‘์•™์˜ ์‚ฌ์ง„์ด ์›€์ง์ด๋Š” ํšจ๊ณผ์ž…๋‹ˆ๋‹ค. ์›๋ณธ ์‚ฌ์ดํŠธ ๋ณด๊ธฐ ์›๋ณธ ์†Œ์Šค ๋ณด๊ธฐ ํ•ต์‹ฌ ํฌ์ธํŠธ(์ง„ํ–‰์ค‘) 1. ์ง„ํ–‰์ค‘ HTML html ์†Œ์Šค์ž…๋‹ˆ๋‹ค. The way to get started is to quit talking and begin doing. ๋ฌด์–ธ๊ฐ€๋ฅผ ์‹œ์ž‘ํ•˜๋ ค๋ฉด ๋ง์€ ๋ฉˆ์ถ”๊ณ  ํ–‰๋™ํ•ด์•ผ ํ•œ๋‹ค. mousePageX : 0px mousePageY : 0px centerPageX : 0px centerPageY : 0px CSS css ์†Œ์Šค์ž…๋‹ˆ๋‹ค. /* MouseType */ .mouse__wrap { width: 100%; height: 100vh; display: flex; align-items: center; justify-.. 2022. 9. 23.
๋งˆ์šฐ์Šค ์ดํŽ™ํŠธ 3. ์กฐ๋ช… ํšจ๊ณผ(์ง„ํ–‰์ค‘) Javascript Mouse Effect Mouse ์ดํŽ™ํŠธ ์ค‘ ๋งˆ์šฐ์Šค ์ปค์„œ๋ฅผ ์›€์ง์ด๋ฉด ์› ์•ˆ์— ์ˆจ๊ฒจ์ง„ ์‚ฌ์ง„์ด ๋ณด์ด๋Š” ํšจ๊ณผ์ž…๋‹ˆ๋‹ค. ์›๋ณธ ์‚ฌ์ดํŠธ ๋ณด๊ธฐ ์›๋ณธ ์†Œ์Šค ๋ณด๊ธฐ ํ•ต์‹ฌ ํฌ์ธํŠธ(์ง„ํ–‰์ค‘) 1. ์ง„ํ–‰์ค‘ HTML html ์†Œ์Šค์ž…๋‹ˆ๋‹ค. Seize the day! ์˜ค๋Š˜์„ ์ฆ๊ธฐ์„ธ์š”! CSS css ์†Œ์Šค์ž…๋‹ˆ๋‹ค. /* MouseType */ .mouse__wrap { width: 100%; height: 100vh; display: flex; align-items: center; justify-content: center; flex-direction: column; color: #fff; overflow: hidden; /* cursor: none; */ } .mouse__wrap p { font-size: 2vw; .. 2022. 9. 22.
CSS ์• ๋‹ˆ๋ฉ”์ด์…˜ 7. ์น˜์ฆˆ์ฒ˜๋Ÿผ ๋Š˜์–ด๋‚˜๋Š” ์œก๋ฉด์ฒด See the Pen amine by Youcodein (@youCodein) on CodePen. 2022. 9. 22.
์ด๊ฒŒ์ง„์งœ ์ง„์งœ๋ƒ? ์ง€๊ธˆ์€ ์˜ค์ „ 9์‹œ 17๋ถ„, ์ด๋ฅธ ์•„์นจ์ด๋„ค์š” ์ง‘์— ๊ฐ€์„œ ์ž๊ณ ์‹ถ์Šต๋‹ˆ๋‹ค. ์˜ค๋Š˜๋„ ์—ฌ๋Ÿฌ๋ถ„๋“ค์—๊ฒŒ ๋…ธ๋™ํ• ๋•Œ ๋ณด๊ธฐ ์ข‹์€ ์˜์ƒ ์ถ”์ฒœ์„ ํ•ด๋“œ๋ฆฌ๋ ค๊ณ  ํ•ด์š”. https://youtu.be/E5sjczBHynk ๋ฌ˜ํ•˜๊ฒŒ ์ค‘๋…์„ฑ์žˆ๋Š” ์˜์ƒ์ž…๋‹ˆ๋‹ค. ๋‚ด๋Š” ๊ฐ์ž...๋‚ด๋Š” ์กฐ๋žญ์ด๋–ก..... https://youtu.be/YHwzPIJh5FM ์ด ์œ ํŠœ๋ฒ„๋ถ„์˜ ์˜์ƒ์„ ์ •๋ง ์ข‹์•„ํ•ฉ๋‹ˆ๋‹ค. ์˜์ƒ๋ฏธ๊ฐ€ ๋„ˆ๋ฌด ์ข‹์•„์š” https://youtu.be/HHGXO0jWMbQ ์•„๋ฌด ์ƒ๊ฐ ์—†์ด ๋ณด๊ฒŒ ๋˜๋Š” ์˜์ƒ... ์›€์นซ๋•ƒ์ฎฏ ์ฎ์ฎ ์›€์นซ๋•ƒ์ฎฏ ์ฎ์ฎ ๋‹ค๋“ค ํ–„์ฐŒ์˜ ๋งค๋ ฅ์— ๋น ์ ธ๋ณด์„ธ์š”. https://youtu.be/955H0RZE5R4 ์ œ๊ฐ€ ์ข‹์•„ํ•˜๋Š” ๋™๋ฌผ ์œ ํŠœ๋ฒ„ ์˜์ƒ์ž…๋‹ˆ๋‹ค. ์˜ค๋ณต์ด๋ผ๊ณ .... ์ •๋ง ๋งค๋ ฅ์ ์ธ ๋งํ‹ฐ์ฅฌ์ž…๋‹ˆ๋‹ค. ์ฐธ์ง€์•Š๋Š” ๋งํ‹ฐ์ฅฌ ์˜ค๋Š˜์€ ์—ฌ๊ธฐ๊นŒ์ง€ ์˜ฌ๋ฆฌ๊ณ  ๋‹ค์Œ์— ๋˜ ์ข‹์€.. 2022. 9. 22.
728x90
๋ฐ˜์‘ํ˜•