[TIL]

sarahseaยท2021๋…„ 9์›” 22์ผ
0

TIL

๋ชฉ๋ก ๋ณด๊ธฐ
74/89
post-thumbnail

ํ–‰๋ฒ…๐Ÿฅฐ ํ”ผ๊ณคํ•˜์ง€๋งŒ ๊ธฐ๋ถ„ ์ข‹๋‹ค!
๋ณ„๊ฑฐ ์•„๋‹ˆ๋ผ๋„ ๋ฐฉ๊ธˆ amoo์˜ ์ฒซ ํด๋ผ, ์„œ๋ฒ„, ๋””๋น„ ์—ฐ๊ฒฐ์„ ํ™•์ธํ–ˆ๋‹ค~~
์ฒ˜์Œ์œผ๋กœ ๋‚ด ์†๊พธ๋ฝ์œผ๋กœ ์ฝ”๋”ฉํ•œ ๊ฒƒ๋“ค์ด ์‹คํ–‰์ด ๋˜๋Š” ๊ฑธ ๋ณด๋‹ˆ
ํŽ˜์–ด๋ž‘ ์Šคํ”„๋ฆฐํŠธ ํ•  ๋•Œ๋Š” ์•„๋ฌด ๊ฐํฅ ์—†๋˜ ๊ฒƒ์ด
์š”๋ ‡๊ฒŒ๋‚˜ ๊ธฐ์  ์ˆ˜๊ฐ€..
ํ•˜๋ฃจ์ข…์ผ ์–ธ์ œ์ฏค์—์•ผ ์ถœ๋ฐœ์„ ์— ์„ค๋งŒํ•œ ์‹ค๋ ฅ์„ ๋งŒ๋“œ๋‚˜..ํ•˜๊ณ 
๋‚ด๋‚ด ์šธ์ ํ–ˆ๋Š”๋ฐใ… 

์ •๋ง ์•„๋ฌด๊ฒƒ๋„ ์•„๋‹Œ ๊ตฌํ˜„์ด์ง€๋งŒ,
๊ฐœ๋ฐœ์ž๋กœ ์ผํ•˜๋‹ค๋ณด๋ฉด ์ด๋Ÿฐ๊ฒƒ๋“ค์€ ๋ฐ”๋‹ค์˜ ํ”Œ๋ž‘ํฌํ†ค๋ณด๋‹ค ํ•˜์ฐฎ์€ ๊ฑธ์Œ์ผํ…Œ์ง€๋งŒ
๋ฐค๋ฐ”๋‹ค์˜ ๋ฐœ๊ด‘ํ”Œ๋ž‘ํฌํ†ค์ฒ˜๋Ÿผ ๋ง˜์— ์˜ค๋ž˜, ์ฆ๊ฑฐ์šด ๊ธฐ์–ต์œผ๋กœ ๊ฐ„์งํ•ด์•ผ์ง€ใ…Žใ…Ž
์ด๋Ÿฌ๋‹ค ๋ฐฐํฌํ•˜๋ฉด ์šธ๊ฒ„๋„คใ…‹ใ…‹ใ…‹ใ…‹
์ „์ฒด ์™„์„ฑ๊นŒ์ง€ 20%๋„ ์•ˆ๋œ๊ฑฐ ๊ฐ™์€๋””์š”..
๊ฒจ์šฐ ๋””๋น„์— ๊ธ€ ์ €์žฅ ํ•˜๋‚˜ ํ–ˆ์„๋ฟ์ธ๋ฐ์š”์˜คใ…Žใ…Žใ…Ž

์˜ค๋Š˜ ํ•™์Šตํ•œ ๊ฒƒ & ๋Š๋‚€์ 

  • ์„œ๋ฒ„ ๊ธฐ๋ณธ ํ‹€
    • express: cors, withCredential์˜ต์…˜ ์•„๋ชจ๋ฅธ์ง๋‹คใ… ใ… ใ… 
    • mvc: ๋ผ์šฐํ„ฐ, ์ปจํŠธ๋กค๋Ÿฌ์˜ ์—ฐ๊ฒฐ์ด ์–ด๋ ค์›€, ์ง€๊ธˆ์€ ์ ์€ ๊ฐœ์ˆ˜๋ผ์„œ ๋‚˜๋ˆ„๋Š”๊ฒŒ ์˜คํžˆ๋ ค ์–ต์ง€๊ฐ™์€ ๋Š๋‚Œ์ธ๋ฐ, ์ž‘์€ ํ† ์ด๋ผ๋„ ๋Š˜ ์žฌ์‚ฌ์šฉ์„ฑ, ์œ ์ง€๋ณด์ˆ˜๋ฅผ ๊ณ ๋ คํ•ด์„œ ํด๋” ๋‚˜๋ˆ ๋‘ฌ์•ผํ• ๊นŒ?
    • sequelize: ์—ญ์‹œ ๊ด€๊ณ„์„ค์ •์ด ์•„์ง ์ข€ ์ต์ˆ™์น˜ ์•Š๋‹ค_์Šคํ”„๋ฆฐํŠธ ๋•Œ๋„ ํ—ค๋งจ๊ฑด ๊ณ ๋Œ€๋กœ ํ—ค๋งค๋Š” ๋“ฏ, ๊ทผ๋ฐ๋„ ์ด์ œ์„œ์•ผ ์™œ ์‹œํ€„๋ผ์ด์ฆˆ ํŽธํ•˜๋‹ค๋Š”์ง€ ์•Œ๊ฒ ๋‹ค..
  • ํด๋ผ์ด์–ธํŠธ ์ƒํƒœ - ๋ฆฌ๋•์Šค, ๋น„๋™๊ธฐ ์š”์ฒญ ์Šคํƒ€ํ† 
    • ์–ด๋–ค ์•ก์…˜์ด ํ•„์š”ํ• ์ง€, ์–ด๋–ค๊ฑธ ๋ฆฌ๋•์Šค๋กœ ์ „์—ญ์—์„œ ๋‹ค๋ฃจ๊ณ  ์–ด๋–ค๊ฑธ ๋ฆฌ์•กํŠธ ์Šคํ…Œ์ดํŠธ๋กœ ๋‹ค๋ฃฐ์ง€
    • ์ธํ’‹์ฐฝ์ด ์—ฌ๋Ÿฌ ๊ฐœ ์ผ ๋•Œ, ๊ฐ๊ฐ value๋ฅผ ๋”ฐ๋กœ ์ƒํƒœ๋กœ ์ €์žฅํ–ˆ์—ˆ๋Š”๋ฐ,
const [inputs, setInputs] = useState({title:'', content:'',})

const handleSubmitBtn = async (e) => {
  const {title, content} = inputs;
  if (...) {
    let res = await axios.pos('url',{title, content})    
  }
}

์š”๋Ÿฐ์‹์œผ๋กœ ํ•˜๋‹ˆ๊นŒ ๊น”๋”ํ•ด์ง€๊ธฐ๋„ ํ•˜๊ณ , ์„œ๋ฒ„์— ์š”์ฒญ ๋ณด๋‚ผ๋•Œ, es6๋ฌธ๋ฒ•์œผ๋กœ ๊ฐ„๊ฒฐํ•˜๊ฒŒ ๋ณด๋‚ผ ์ˆ˜ ์žˆ์–ด์„œ ์ข‹๋‹ค, ์ธํ’‹๊ฐ’์ด ๋น„์–ด์žˆ๋Š”์ง€ ์ฒดํฌํ•˜๊ธฐ๋„ ์ข‹์Œ
ํ•œ๋งˆ๋””๋กœ ๊ด€๋ฆฌํ•˜๊ธฐ๊ฐ€ ์ข‹์Œ;

์ฒจ๋ถ€ํ„ฐ ๊น”๋”ํ•˜๊ฒŒ ์งœ๋ฉด ๋ฒ ์ŠคํŠธ๊ฒ ์ง€๋งŒ,
๋™์ž‘ํ•˜๊ฒŒ๊ธˆ ์งœ๋‘๊ณ ,
๋ถˆํ•„์š”ํ•œ ๋ถ€๋ถ„์€ ์—†๋Š”์ง€, ๋ฌถ์–ด์„œ ์ฒ˜๋ฆฌํ•  ๋ถ€๋ถ„์€ ์—†๋Š”์ง€, ์ƒ๊ฐํ•  ๊ผญ์ง€๊ฐ€ ๋งŽ๋‹ค

+ ๋ฆฌ๋•์Šค thunk, saga, mob-x ๊ณต๋ถ€ํ•˜์ž

๋‚ด์ผ์€

  • amoo ์„œ๋ฒ„, ํด๋ผ - ๊ธฐ๋Šฅ ์™„๋ฃŒํ•˜๊ธฐ
  • ์Šคํ‚ค๋งˆ ๋ณ€๊ฒฝ์ด ์ผ์–ด๋‚œ๋‹ค๋ฉด??
  • useRef
  • ์ฝ”ํ…Œ, ํ† ์ด
profile
์ƒ๊ฐํ•˜๋Š” ์‚ฌ๋žŒ

0๊ฐœ์˜ ๋Œ“๊ธ€