๋งŒ๋“ค๊ณ  ์‹ถ์€ ๊ฒƒ

์ƒํ’ˆ ์ƒ์„ธ ๋‚ด๋ถ€ ์นดํ…Œ๊ณ ๋ฆฌ

Untitled

์•ˆ๋˜๋Š” ๊ฒƒ

ํ˜„์žฌ๋Š” useAxios ๋กœ getCategorhHierarchy ๋ฅผ ํ†ตํ•ด์„œ ์นดํ…Œ๊ณ ๋ฆฌ ๋ฒˆํ˜ธ๋ฅผ ํ†ตํ•ด ์นดํ…Œ๊ณ ๋ฆฌ ๋ฆฌ์ŠคํŠธ๋ฅผ ๊ฐ€์ ธ์˜ค๊ฒŒ ๋˜์—ˆ๊ตฌ์š” == data

๊ทธ data๋ฅผ map ๋Œ๋ฉด์„œ ๊ฐ๊ฐ์˜ getCategoryList๋ฅผ ๊ฐ€์ ธ์˜ค๊ณ  ์‹ถ์€๋ฐ

์ดˆ๊ธฐ ( ์ด๋ ‡๊ฒŒ ํ•ฎ๋‹ˆ๊นŒ ๋‹น์—ฐ ใ…Ž์•ˆ๋จ)

data?.forEach((cate) => {
    const { categorySeq, childYn } = cate;
    if (childYn !== 0) {
      console.log('๊ทธ ์•ˆ์˜๊ฐ’', getDownCategory(categorySeq));
    } else {
      console.log('๊ทธ ์•ˆ์˜๊ฐ’ ์—†์Œ ');
    }
  });

์˜ค๋ฅ˜ ๊ฒฐ๊ณผ

Untitled


์•„ ์ด๋ ‡๊ฒŒ ๋˜๋Š”๊ตฌ๋‚˜

๋„ค ๊ทผ๋ฐ์ˆ˜์ •์„ ํ–‡๋Š”๋ฐ ๋ญ”๊ฐ€ ์ด์ƒํ•œ๊ฒƒ๊ฐ™์•„์„œ...
์—ฌ์ญค๋ณด๊ณ  ์‹ถ์—ˆ๋˜๊ฑด

  1. ์ด๋ฐฉ๋ฒ• ์™œ์— ๋‹ค๋ฅธ ๋ฐฉ๋ฒ• ์–ด๋–ค๊ฑฐ ์‹œ๋„ํ•ด๋ณผ ์ˆ˜ ์žˆ์„๊นŒ..? function* yeild ๊ฐ™์€๊ฑธ๋กœ๋„ ํ•  ์ˆ˜ ์žˆ๋Š”๊ฑฐ ๊ฐ™๋˜๋ฐ, ์ €๋„ ์ž˜ ์•„๋Š”๊ฒŒ ์•„๋‹ˆ๋ผ์„œ ๊ณต๋ถ€ํ•ด๋ด์•ผ ๋ ๊ฑฐ ๊ฐ™๋„ค์—ฌ...

  2. ์•„๋‹ˆ๋ฉด ์ด๋ฐฉ๋ฒ•์„ ๊ณ ์ˆ˜ํ•ด์•ผํ•˜๋‚˜? (๊ทผ๋ฐ ๋งค์šฐ ์ด์ƒํ•˜๊ณ  ๋ฌดํ•œ ์š”์ฒญํ•ด์š”ใ…‹ใ…‹ใ…‹ใ…‹ใ…‹)

    ๊ณ„์† ์š”์ฒญ๊ฐ€๋ฉด ๊ทธ๊ฑด ์ˆ˜์ •ํ•ด์•ผ๊ฒ ๋„ค์—ฌ;;ใ…Žใ…Žใ…Žใ…Žใ…Žใ…Žใ…Žใ…Ž ๊ทผ๋ฐ ๋˜๋ฉด ์ด์ƒํ•œ๊ฑฐ ์•„๋‹ˆ์ง€ ์•Š๋‚˜์—ฌ ใ…‹ใ…‹ใ…‹

    ๋„น ๋‹ซ์•—์–ด์š” ใ…‹ใ…‹ใ…‹ใ…‹ใ…‹ใ…‹ใ…‹ใ…‹ใ…‹ใ…‹

๊ทธ๋Ÿฌ๋ฉด ์›๋ž˜๋Š” ๋ณดํ†ต ๊ทธ์•ˆ์—์„œ data๋ฅผ ๊ฐ€์ง€๊ณ  ๋˜ data๋ฅผ ์š”์ฒญํ•ด์•ผ ํ• ๋•Œ ์–ด๋ฏ๊ฒŒ ํ•  ์ˆ˜ ์ž‡๋‚˜์š”?

์ €๋„ ์ด๋Ÿฐ๊ฒฝ์šฐ ์ฒ˜์Œํ•ด๋ณด๋Š”๊ฑฐ ๊ฐ™์€๋ฐ

for๋ฌธ์— ์žˆ๋Š” ๋น„๋™๊ธฐ ๋กœ์ง๋„ ์ปค์Šคํ…€ํ›…์œผ๋กœ ๋งŒ๋“ค๋ฉด ์–ด๋•Œ์š”?