꿈꾸는 개발자의 블로그

API를 통해 응답받은 데이터가 String 타입의 "true", "false"일 경우에, Boolean 타입의 변수로 받아 분기처리하기 위해서 사용한 방법이다. 반대로 Boolean 타입을 String 타입으로 변환하는 방법도 정리해보았다. String to Boolean (Boolean 타입으로 변환하기) JSON.parse(), $.parseJSON()을 이용하면 된다. JSON.parse("true");// true JSON.parse("false");// false // JQuery $.parseJSON("true");// true $.parseJSON("false");// false console.log(typeof(JSON.parse("true")));// "boolean" JQuery인 경..

배열 생성하기 var arr = [];// 빈 배열 생성 arr[0] = 'a'; arr[1] = 'b'; arr[2] = 'c'; var arr = ['a', 'b', 'c'];// 초기값 할당 배열 생성 객체 생성하기 var obj = {};// 빈 객체 생성 obj.a = "a"; obj.b = "b"; obj.c = "c"; var obj = {a : "a", b : "b", c : "c"};// 초기값 할당 객체 생성 배열 안에 객체 생성하기 var objArr = [ {a0:"a0", b0:"b0", c0:"c0", d0:"d0"}, {a1:"a1", b1:"b1", c1:"c1", d1:"d1"}, {a2:"a2", b2:"b2", c2:"c2", d2:"d2"} ] 객체 안에 배열 생성하기..

게시물 생성 날짜에 대한 형식을 바꿀 필요가 있었다. 받아온 데이터는 "2022-08-27T18:00:41Z"이였고, 나는 이것을 "2022.08.27"로 변환하고 싶었다. 그래서 알게 된 라이브러리가 moment.js! JavaScript 날짜 라이브러리이다. 날짜 형식 수정하기 1. 라이브러리 설치 2. 필요한 부분만 잘라내기 : .substr()을 이용하여 2022-08-27T18:00:41Z를 2022-08-27로 자름 3. 문자열로 변환하기 : .format()을 이용하여 moment 객체가 아닌 문자열로 변환 1. 라이브러리 설치 $ npm install moment --save or $ yarn add moment 2. 필요한 부분만 잘라내기 const created_at = moment((..

함수로 배열을 객체로 만들기 1. map() 함수 이용하기 2. Object.fromEntries() 함수 이용하기 1. map() 함수 이용하기 const arr = [[1,2], [3,4], [5,6]]; let formattedArr = arr.map(function(a) { let newArr = {}; newArr[a[0]] = a[1]; return newArr; }); // formattedArr => (3) [{1: 2}, {3: 4}, {5: 6}] 2. Object.fromEntries() 함수 이용하기 const arr = [ ['name', 'Chloe'], ['age', 17], ['city', 'NewYork'] ]; const newObj = Object.fromEntries(..

게시물을 출력하는 과정에서 불필요한 게시물은 제외해야했다. 내 경우에는 같은 유저의 게시물을 보여주면 안됐기 때문에, filter로 한번 걸러주고 나머지를 map으로 돌려서 뿌려주었다. 전체 코드를 살펴보자. 전체 코드 const Posts = () => { const [otherPosts, setOtherPosts] = useState([]) const getOtherPosts = async (producId) => { const res = await get(...); setOtherPosts(res.data.data...); }; useEffect(() => { getOtherPosts(); }, []); return ( {otherPosts.filter((post) => userId !== post..