jayspod

Trouble 이미지를 서버에 전송하는 것에 대한 고민 형식(url, 파일)에 대한 고민 여러장의 이미지를 전달하는 방법에 대한 고민 이미지와 다른 post data를 함께 보내는 방법에 대한 고민 Solution 이미지 요청: url이 아닌 파일 자체를 배열로 FormData에 append 후 서버에 전송 하나의 FormData 키값 ‘images’에 반복문(forEach)를 활용하여 배열의 요소를 하나씩 할당 content-type은 ‘multipart/form-data' ↔︎ 함께 보내는 string, number 데이터는 'application/json’ (string, number)데이터 요청: JSON.stringyfy로 전송할 데이터들을 json문자열로 변환한 후 객체화이미지와 함께 전송하고..

1. Array.fill을 활용해 text slide animation refactoring before import { FlowText, FlowWrap } from './style'; export const TextSlideView = () => { const text = `행복한 동네를 위한 대화의 장소 `; return ( {text} {text} {text} {text} ); }; after import { FlowText, FlowWrap } from './style'; export const TextSlideView = () => { const text = `행복한 동네를 위한 대화의 장소 `; const texts = new Array(4).fill(text); return ( {texts..

[Generics - 타입스크립트 공식문서 참고] Generic이란 선언 시점이 아니라 생성 시점에 타입을 명시하여 하나의 타입만이 아닌 다양한 타입을 사용할 수 있도록 하는 기법 제네릭 사용 이유 /* type SuperPrint = { (arr: nuber[]):void (arr: boolean[]):void (arr: string[]):void (arr: (number|boolean)[]):void } */ // 위 타입을 제네릭을 활용하면 코드가 간결해지고 재사용성이 높아진다 // 아래는 제네릭 사용 type SuperPrint = { (arr:[]) } const superPrint:SuperPrint = (arr) => { arr.forEach(e => console.log(e)) } supe..