FE๋ฅผ ํ–ฅํ•ดโ†—โ†—

ํ’€์ด๐Ÿ™Ž๐Ÿป‍โ™‚๏ธ function solution(num) { let result = 0; while (result 1) { if (result > 500) return -1; num = num % 2 === 0 ? num / 2 : num * 3 + 1; result++; } return result; } ์‚ผํ•ญ์—ฐ์‚ฐ์ž๋ฅผ ์ด์šฉํ•œ ๋ฆฌ๋”๋‹˜ ํ’€์ด ์ •๋ง ๋ณด๊ธฐ ์ข‹์€๊ฑฐ ๊ฐ™๋‹ค. ์ฒ˜์Œ์— ์ด๋ ‡๊ฒŒ ํ•ด๋ณด๋ ค ์‹œ๋„ํ–ˆ๋Š”๋ฐ ์™œ ์•ˆ๋˜์ง€? ํ–ˆ๋Š”๋ฐ while๋ฌธ์˜ ํŠน์„ฑ์„ ์ œ๋Œ€๋กœ ์ดํ•ดํ•˜์ง€ ๋ชปํ–ˆ๋˜๊ฑฐ ๊ฐ™๋‹ค. ๋‹ค์Œ์—” ์•ˆ๋˜๋”๋ผ๋„ ํƒ€ํ˜‘ํ•˜์ง€ ๋ง๊ณ  ๋” ์‹œ๋„ํ•ด๋ณด์ž๐Ÿ‘
Learned ** ์—ฐ์‚ฐ์ž์— ๋Œ€ํ•ด ๋‹ค์‹œ ํ•œ๋ฒˆ ์•Œ๊ฒŒ๋๋‹ค. map ํ•จ์ˆ˜๋ฅผ ๋Œ๋ฆด ๋•Œ ์ฝœ๋ฐฑํ•จ์ˆ˜๊ฐ€ ์•„๋‹Œ ์ƒ์„ฑ์ž ํ•จ์ˆ˜๋งŒ ๋„˜๊ฒจ์ค˜๋„ ์š”์†Œ๊ฐ€ ํ˜•๋ณ€ํ™˜์ด ๋œ๋‹ค๐Ÿ‘ Array.from๊ณผ reduce๋ฅผ ์‚ฌ์šฉํ•ด๋ณด๋ฉด์„œ ์–ด๋А์ •๋„ ์ œ๋Œ€๋กœ ์ตํ˜”๋‹ค. ์ธ์ž์— _๋ฅผ ์‚ฌ์šฉํ•˜๋Š” ์ด์œ ๋ฅผ ๋ฐฐ์› ๋‹ค ( ์‚ฌ์šฉํ•˜์ง€ ์•Š๋Š” ์ธ์ž์ž„์„ ํ‘œ์‹œ lodash๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ ์ถฉ๋Œ ๋ฐ ํƒ€์ž…์Šคํฌ๋ฆฝํŠธ์—์„œ ๋ฌธ์ œ ์ƒ๊ธธ ์ˆ˜๋„ ์žˆ์Œ ) Liked ๋ฉ”์„œ๋“œ๋ฅผ ๋” ๋งŽ์ด ์•Œ๊ฒŒ๋๊ณ  ๊ทธ ์ค‘ ์ •ํ™•ํžˆ ์‚ฌ์šฉํ•  ์ค„ ์•„๋Š” ์„ ํƒ์ง€๊ฐ€ ๋งŽ์•„์ง€๋‹ˆ ๊ตฌํ˜„๋ฐฉ๋ฒ•์˜ ํญ์ด ๋„“์–ด์ง€๊ณ  ์žˆ๋‹ค. ํŒ€์›๋“ค ์ฝ”๋“œ๋ฅผ ๋ณด๊ณ  ๊นจ๋‹ฌ์€ ๋ฐฉ๋ฒ•์ด ๋งŽ์•˜๋‹ค. Lacked ์ด๋ฒˆ์ฃผ๋Š” ์ง‘์ค‘์„ ์ œ๋Œ€๋กœ ๋ชปํ–ˆ๋‹คใ…Žใ…Ž.. var๋ณ€์ˆ˜ ์‚ฌ์šฉ๊ฐ™์€ ์‹ค์ˆ˜ํ•˜๊ณ  ๊ฒ€ํ† ์—์„œ ์ฐพ์•„๋‚ด์ง€ ๋ชปํ–ˆ๋‹ค. ๋ฌธ๋‹จ๋ณ„ ๋ถ„๋ฆฌ๋ฅผ ํ•˜๊ณ  ๊ฐ€๋…์„ฑ๊ณผ ํšจ์œจ์„ฑ์— ๋Œ€ํ•ด ์กฐ๊ธˆ ๋” ์‹œ๊ฐ„์„ ๋‚ด์„œ ๊ณ ๋ฏผํ•˜์ž.
- ์—ฐ์‚ฐ์ž๋ž€? ์—ฐ์‚ฐ์ž๋Š” ํ•˜๋‚˜ ์ด์ƒ์˜ ํ‘œํ˜„์‹์„ ๋Œ€์ƒ์œผ๋กœ ์‚ฐ์ˆ , ํ• ๋‹น, ๋น„๊ต, ๋…ผ๋ฆฌ, ํƒ€์ž…, ์ง€์ˆ˜ ์—ฐ์‚ฐ ๋“ฑ์„ ์ˆ˜ํ–‰ํ•˜์—ฌ ํ•˜๋‚˜์˜ ๊ฐ’์„ ๋งŒ๋“ ๋‹ค. ์ด๋•Œ ์—ฐ์‚ฐ์˜ ๋Œ€์ƒ์€ ํ”ผ์—ฐ์‚ฐ์ž๋ผ ํ•œ๋‹ค. ํ”ผ์—ฐ์‚ฐ์ž๋Š” ๊ฐ’์œผ๋กœ ํ‰๊ฐ€๋  ์ˆ˜ ์žˆ๋Š” ํ‘œํ˜„์‹ ์ด์–ด์•ผ ํ•œ๋‹ค. ํ”ผ์—ฐ์‚ฐ์ž์™€ ์—ฐ์‚ฐ์ž์˜ ์กฐํ•ฉ์œผ๋กœ ์ด๋ค„์ง„ ์—ฐ์‚ฐ์ž ํ‘œํ˜„์‹๋„ ๊ฐ’์œผ๋กœ ํ‰๊ฐ€๋  ์ˆ˜ ์žˆ๋Š” ํ‘œํ˜„์‹์ด๋‹ค. ex) ํ‘œํ˜„์‹์ด๋ž€? ๊ฐ’์œผ๋กœ ํ‰๊ฐ€๋  ์ˆ˜ ์žˆ๋Š” ๋ฌธ์„ ๋งํ•œ๋‹ค. - ์‚ฐ์ˆ  ์—ฐ์‚ฐ์ž ์‚ฐ์ˆ  ์—ฐ์‚ฐ์ž๋Š” ํ”ผ์—ฐ์‚ฐ์ž๋ฅผ ๋Œ€์ƒ์œผ๋กœ ์ˆ˜ํ•™์  ๊ณ„์‚ฐ์„ ์ˆ˜ํ–‰ํ•ด ์ƒˆ๋กœ์šด ์ˆซ์ž ๊ฐ’์„ ๋งŒ๋“ ๋‹ค. ์‚ฐ์ˆ  ์—ฐ์‚ฐ์ด ๋ถˆ๊ฐ€๋Šฅํ•œ ๊ฒฝ์šฐ NaN์„ ๋ฐ˜ํ™˜ํ•œ๋‹ค. (Not a Number) ์‚ฐ์ˆ  ์—ฐ์‚ฐ์ž๋Š” ํ”ผ์—ฐ์‚ฐ์ž์˜ ๊ฐœ์ˆ˜์— ๋”ฐ๋ผ ์ดํ•ญ ์‚ฐ์ˆ  ์—ฐ์‚ฐ์ž, ๋‹จํ•ญ ์‚ฐ์ˆ  ์—ฐ์‚ฐ์ž๋กœ ๊ตฌ๋ถ„ํ•œ๋‹ค. ์ดํ•ญ ์‚ฐ์ˆ  ์—ฐ์‚ฐ์ž 2๊ฐœ์˜ ํ”ผ์—ฐ์‚ฐ์ž๋ฅผ ์‚ฐ์ˆ  ์—ฐ์‚ฐํ•˜์—ฌ ๊ฐ’์„ ๋งŒ๋“ ๋‹ค. ์ดํ•ญ ์‚ฐ์ˆ  ์—ฐ์‚ฐ..
react query ์„ค์น˜ npm install react-query react query ์‚ฌ์šฉ๋ฒ• app.js ์—์„œ QueryClient๋ฅผ ์ƒ์„ฑํ•ด ๋ณ€์ˆ˜์— ํ• ๋‹น QueryClientProvider๋กœ ์ „์ฒด๋ฅผ ๊ฐ์‹ธ์ฃผ๊ณ  client๊ฐ’์œผ๋กœ ์ƒ์„ฑํ•œ queryClient๋ฅผ ๋„ฃ์–ด์ฃผ๋ฉด ์ค€๋น„ ๋. ์ปดํฌ๋„ŒํŠธ ๋‚ด์—์„œ ์‚ฌ์šฉ (useQuery) - ๋ฐ์ดํ„ฐ๋ฅผ get ํ•ด์˜ฌ ๋•Œ ์‚ฌ์šฉํ•œ๋‹ค. // useQuery ๋ฅผ import ํ•ด์ฃผ๊ณ  import { useQuery } from "react-query"; // ๋””์ŠคํŠธ๋Ÿญ์ฒ˜๋ง์œผ๋กœ data, isError, error, loading ๋“ฑ ์ƒํƒœ๋ฅผ ๋ฐ›์•„์™€์„œ ์‚ฌ์šฉ. const {data, isError,error, isLoading } = useQuery([querykey๊ฐ’],[queryํ•จ์ˆ˜]) ..
ํ’€์ด๐Ÿ™Ž๐Ÿป‍โ™‚๏ธ function solution(x, n) { var result = []; for (let i = 1; i
๋ฌธ์ œ ๋‚ด์šฉ ํ’€์ด๐Ÿ™Ž๐Ÿป‍โ™‚๏ธ function solution(x) { const result = Array.from(String(x)).reduce((acc, cur) => { return Number(cur) + acc; }, 0); return x % result === 0 ? true : false; } x๋ฅผ ๋ฌธ์ž์—ด๋กœ ๋ณ€ํ™˜ํ•ด์„œ Array.from์— ์ธ์ž๋กœ ๋„ฃ์–ด์ฃผ๋ฉด ๊ฐ๊ฐ์˜ ์š”์†Œ๋ฅผ ๊ฐ€์ง„ ๋ฐฐ์—ด๋กœ ๋ฐ˜ํ™˜ํ•œ๋‹ค. ๋ฉ”์„œ๋“œ ์ฒด์ด๋‹์„ ํ†ตํ•ด reduce๋กœ ๋ฐ”๋กœ numberํƒ€์ž…์œผ๋กœ ๋ณ€ํ™˜๊ณผ ๋™์‹œ์— ํ•ฉ์‚ฐํ•ด์ค€๋‹ค. x % ํ•ฉ์‚ฐ๊ฐ’์˜ ๋‚˜๋จธ์ง€๊ฐ€ 0 ์ด๋ฉด true ์•„๋‹ˆ๋ฉด false๋ฅผ ๋ฐ˜ํ™˜ํ•œ๋‹ค. ํ”ผ๋“œ๋ฐฑ ํ’€์ด function solution(x) { const result = Array.from(String(x)).reduce((acc, c..
๋ฌธ์ œ ๋‚ด์šฉ ํ’€์ด๐Ÿ™Ž๐Ÿป‍โ™‚๏ธ function solution(n) { const result = (n + "") .split("") .sort((a, b) => b - a) .join(""); return parseInt(result); } ์•”๋ฌต์  ํ˜•๋ณ€ํ™˜์„ ํ†ตํ•ด ๋ณ€ํ™˜ split์œผ๋กœ ๊ฐ์š”์†Œ๋ฅผ ๋‚˜๋ˆ ์ฃผ๊ณ  sort๋กœ ๋‚ด๋ฆผ์ฐจ์ˆœ ์ •๋ ฌ ํ›„ ๊ฐ ์š”์†Œ๋ฅผ join์œผ๋กœ ํ•ฉ์ณ์ฃผ๊ณ  ํƒ€์ž…์„ ๋ณ€ํ™˜ํ•ด ๋ฆฌํ„ดํ•œ๋‹ค. * ์•”๋ฌต์  ํ˜•๋ณ€ํ™˜์„ ํ•œ๋ฒˆ ์‚ฌ์šฉํ•ด ๋ดค๋Š”๋ฐ ๋ช…์‹œ์ ์œผ๋กœ ์‚ฌ์šฉํ•ด ์ฃผ๋Š”๊ฒŒ ๋” ์ข‹์€ ๊ฒƒ ๊ฐ™๋‹ค. (toString ๋“ฑ)
๋ฌธ์ œ ๋‚ด์šฉ ํ’€์ด๐Ÿ™Ž๐Ÿป‍โ™‚๏ธ function solution(n) { return n .toString() .split("") .map((v) => Number(v)) .reverse(); } ์ˆซ์ž๋ฅผ ๋ฌธ์ž์—ด๋กœ ๋ณ€๊ฒฝ. split์œผ๋กœ ๊ฐ๊ฐ์˜ ์š”์†Œ๋กœ ์ž˜๋ผ ์ฃผ๊ธฐ. map์œผ๋กœ ์ˆœํšŒ๋ฅผ ๋Œ๋ฉฐ ํƒ€์ž… ๋„˜๋ฒ„๋กœ ๋ณ€๊ฒฝ ๋ฆฌ๋ฒ„์Šค ๋ฉ”์„œ๋“œ๋กœ ๋ฐ˜๋Œ€๋กœ ๋Œ๋ ค์„œ ๋ฐ˜ํ™˜!!! ๋” ์ข‹์€ ํ’€์ด function solution(n) { return n .toString() .split("") .map(Number) .reverse(); } map์˜ ์ธ์ž๋กœ ์ฝœ๋ฐฑํ•จ์ˆ˜๊ฐ€ ๊ธฐ๋ณธ์ธ์ค„ ์•Œ์•˜๋Š”๋ฐ ๊ทธ๋ƒฅ Number๋งŒ ๋„˜๊ฒจ์ค˜๋„ ๊ฐ€๋Šฅํ–ˆ๋‹ค..(์ถฉ๊ฒฉ)
YunCow
'๋ถ„๋ฅ˜ ์ „์ฒด๋ณด๊ธฐ' ์นดํ…Œ๊ณ ๋ฆฌ์˜ ๊ธ€ ๋ชฉ๋ก (6 Page)