ABOUT ME

-

Today
-
Yesterday
-
Total
-
  • TIL | Mar 23(WED), 2022
    Developer blah blah/TIL _ WIL 2022. 3. 24. 00:32

     

    ๐Ÿ‘‰TODAY

    1. 07:50 ๊ธฐ์ƒ

    2. 10:30 ๋ฐ์ผ๋ฆฌ ์Šคํฌ๋Ÿผ

    3. ์–ด์ œ๋ถ€ํ„ฐ ์‹œ์ž‘ํ•œ ๊ฒ€์ƒ‰ ๊ธฐ๋Šฅ api ์ฝ”๋“œ ์ „๋ฐ˜์ ์œผ๋กœ ํ™•์ธํ•˜๊ณ  ๊ทธ ์ค‘ ๋ฉ”์ธ ์ฝ”๋“œ๋ฅผ ์ตํž˜. ๊ธฐ์กด ์ฝ”๋“œ๋Š” kafka/db ์ ‘๊ทผํ•˜๊ฒŒ ๋˜์–ด ์žˆ๋Š”๋ฐ, ์•„์ง ์•ˆ๋ฐฐ์›Œ์„œ ํ•ด๋‹น ์ฝ”๋“œ๋“ค์€ ์ˆ˜์ •ํ•ด์„œ ํ•„์š”ํ•œ data๊ฐ€ ์ž˜ return๋˜๋Š”์ง€ ํ™•์ธ

    4. ํฌ๋กค๋ง์„ ํ•  ๋•Œ ๋„คํŠธ์›Œํฌ, ๊ทธ๋ฆฌ๊ณ  ์›น ํด๋ผ์ด์–ธํŠธ์™€ ์›น ์„œ๋ฒ„๊ฐ€ ์–ด๋–ค์‹์œผ๋กœ ํ†ต์‹ ํ•˜๋Š”์ง€ ์•Œ์•„์•ผ ํ•˜๋Š”๋ฐ, ์ด ๋ถ€๋ถ„์ด ๋ถ€์กฑํ•ด์„œ ๊ตฌ๊ธ€๋งํ•˜๋ฉฐ ํ•™์Šต

    5. 17:00 ์ฝ”๋“œ๋ฆฌ๋ทฐ with ์˜†์ž๋ฆฌ ์‚ฌ์ˆ˜๋‹˜

    6. ๋‚ด์ผ ํ•ด์•ผํ•˜๋Š” ๋ถ€๋ถ„ ๋‹ค์‹œ ํ™•์ธํ•˜๊ณ  ์˜ค๋Š˜ ์ž‘์„ฑํ•œ ์ฝ”๋“œ ๋‹ค์‹œ ํ•œ ๋ฒˆ ๋ณด๊ณ  ์นผํ‡ด

     

     

    ๐Ÿ“ŒTOMORROW

    1. ์—ฌ๋Ÿฌ ์‚ฌ์ดํŠธ ์ค‘ ํŠน์ • ์‚ฌ์ดํŠธ์— ๋Œ€ํ•œ ๋ฉ”์ธ ๊ฒ€์ƒ‰ ์ฝ”๋“œ๋Š” ์ตํ˜€๋’€์œผ๋‹ˆ ๋””ํ…Œ์ผ์ด๋ผ๋˜๊ฐ€ ๊ทธ ์™ธ ๋‹ค๋ฅธ ๋ถ€๋ถ„์— ๋Œ€ํ•˜์—ฌ ์ˆ™์ง€ํ•˜๊ณ  ์ฝ”๋“œ ์ž‘์„ฑ

    2. ์ฝ”๋“œ ์ˆ™์ง€ ๋ฐ ๊ตฌํ˜„ํ•˜๋ฉด์„œ ๋ชจ๋ฅด๋Š” ๋ถ€๋ถ„ ๋ธ”๋กœ๊ทธ ๊ธ€์ž‘์„ฑ ํ•ด๋‘๊ณ  ํ‡ด๊ทผ ํ›„ ์ƒ์„ธํžˆ ํฌ์ŠคํŒ…ํ•˜๊ธฐ ๋˜๋Š” TIL์— ๊ฐ„๋žตํžˆ๋ผ๋„ ์ž‘์„ฑํ•˜๊ธฐ

     

     

    ๐Ÿ”จWhat I Learned?

    ๐Ÿ“š

    1) ์‚ฌ์šฉ์ž ์ •์˜ axios 

    ํ˜•ํƒœ

    - const axiousTestInstance = axios.create() ๋กœ ์ธ์Šคํ„ด์Šค ์ƒ์„ฑ

    - ๊ทธ ํ›„ ์ฒ˜๋ฆฌ ์›ํ•˜๋Š” ๋ถ€๋ถ„ ๊ตฌํ˜„

    - ์œ„์˜ ๊ณผ์ •์—์„œ ์ž…๋ ฅ๋˜๋Š” const try = (config) => new Promise((resolve) => {}) ์˜ (config) ์— ๋Œ€ํ•ด์„œ ๋” ์•Œ์•„์•ผํ•จ

    - onFulfilled/onRejected ํ‚ค์›Œ๋“œ๋กœ ๊ฒ€์ƒ‰ํ•˜๋ฉด ๊ด€๋ จ ๋‚ด์šฉ ์ฐพ์„ ์ˆ˜ ์žˆ์Œ (๊ฐ ๊ณผ์ •์—์„œ return ์‹œ try(response.config)์™€ ๊ฐ™์ด ๋ฐ˜ํ™˜ํ•˜๋Š”๋ฐ, ์ด ๋•Œ response.config ๊ฐ’์— ๋Œ€ํ•œ ๋ถ€๋ถ„๋„ ๋‹ค์‹œ ์ดํ•ดํ•ด์•ผํ•จ)

    - ์ •์˜ํ•œ axiousTestInstance ์— ๋Œ€ํ•˜์—ฌ axiousTestInstance.intercepters.response.use(onFulfilled, onRejected)์™€ ๊ฐ™์ด ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ๋Š”๋ฐ, ์ฃผ๋กœ ํ•ธ๋“ค๋Ÿฌ(์—๋Ÿฌ ํ•ธ๋“ค๋Ÿฌ ๋“ฑ)๋ฅผ ํ†ตํ•ด ์ฒ˜๋ฆฌํ•  ๊ฒฝ์šฐ ์‚ฌ์šฉํ•˜๋Š” ๊ฒƒ ๊ฐ™๋‹ค. ์•„์ง ์™„๋ฒฝํžˆ ์ดํ•ดํ•˜์ง€ ๋ชปํ–ˆ์Œ.

     

    2) ๊ฐœ๋ฐœ์ž ๋„๊ตฌ Network ํƒญ์—์„œ ํ•„์š”ํ•œ ๋ฐ์ดํ„ฐ๊ฐ€ ์žˆ๋Š” api๋ฅผ ์ฐพ๊ณ  copy cURL์„ ํ•ด์„œ request header ์˜ ์ƒ์„ธ ์ •๋ณด ๋ณต์‚ฌํ•ด์„œ ๋ณผ ์ˆ˜ ์žˆ์Œ

     

    3) ๊ฐœ๋ฐœ์ž ๋„๊ตฌ์—์„œ Request URL๊ณผ ๋งž์ถ”๊ธฐ ์œ„ํ•ด decodedURIComponent ๋ฅผ ์‚ฌ์šฉํ•ด์„œ ํ™•์ธํ•  ์ˆ˜ ์žˆ์Œ

     

    ๐Ÿง™‍โ™‚๏ธReivew

    ํ .. ๋ฒŒ์จ ์ถœ๊ทผ ์ผ์ฃผ์ผ์งธ

    ์ผ์ฃผ์ผ์„ 2์ฃผ์ฒ˜๋Ÿผ ์“ด๊ฑฐ ๊ฐ™๊ธดํ•œ๋ฐ, ์‹ค์ œ๋กœ ํ•œ ๊ฑด ์—†๋‹ค :)

    ์ฒ˜์Œ์—๋Š” ์—„์ฒญ ๋‚ฏ์„ค์—ˆ๋Š”๋ฐ, ๊ทธ๋ž˜๋„ ์ด์ œ๋Š” ์กฐ๊ธˆ์€ ์ต์ˆ™ํ•ด์ง„๊ฑฐ ๊ฐ™๊ธฐ๋„ํ•˜๊ณ !

     

    ์ด๋ฒˆ ์Šคํ”„๋ฆฐํŠธ์— ์ฝ”๋“œ ์ˆ™์ง€, ์žฌ์ž‘์„ฑ, ํ…Œ์ŠคํŠธ ์ฝ”๋“œ ์ž‘์„ฑ๊นŒ์ง€ task๋Š” ๋งŽ์€๋ฐ... ์Šคํ”„๋ฆฐํŠธ ํšŒ๊ณ ๊นŒ์ง€ ์ฃผ์–ด์ง„ ์‹œ๊ฐ„์€ ์ผ์ฃผ์ผ์ด๋ผ๋‹ˆ ๐Ÿฅฒ๐Ÿฅฒ

    ํ…Œ์ŠคํŠธ์ฝ”๋“œ๋Š” ๋ถ€ํŠธ์บ ํ”„ ์‹ค์ „ ํ”„๋กœ์ ํŠธ ๋•Œ๋„ ์‹œ๋„๋งŒํ•˜๊ณ  ์™„์„ฑํ•˜์ง€ ๋ชปํ•ด์„œ ์ธ๊ฐ•๋„ ๋“ฃ๊ณ  ํ•ด์•ผํ• ๊ฑฐ ๊ฐ™๋‹คใ… ใ…  

     

     

    'Developer blah blah > TIL _ WIL' ์นดํ…Œ๊ณ ๋ฆฌ์˜ ๋‹ค๋ฅธ ๊ธ€

    TIL | Mar 30(Wed), 2022  (0) 2022.03.31
    WIL | Mar 21- 27, 2022  (0) 2022.03.28
    TIL | Mar 21(MON), 2022  (0) 2022.03.22
    TIL | Mar 16(WED), 2022  (0) 2022.03.17
    TIL | Mar 10(THUR), 2022  (0) 2022.03.11

    ๋Œ“๊ธ€

Designed by Tistory.