오랜만에 TIL작성이다 ㅠㅠ 그동안 ..나태했던 나 자신을 돌아보며 이제 다시 꾸준히 TIL쓰기다 !! 우선 map돌리면 key값을 넣어주는 건 알고있었는데.. key값을 넣었는데도 자꾸 저 에러가 떠서 ...스트레스 받던 찰나.. 꺄아아아악 CommentList에 key넣어줬자나 !!!!! 자세히..보아야 된다.. 문제의 코드 return ( {data?.length > 0 ? ( data?.map((v, idx) => { return ( {index ? ( ) : ( )} ); }) ) : ( )} ); 알고보니.. 이렇게 감싸준 빈태그에..key값을 넣어야되었던 것이었다.. 는 와 같다! 해결 코드 return ( {data?.length > 0 ? ( data?.map((v, idx) => { r..
ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ모달창을 띄웠는데 !!!! 이럴수가 ? 고수찾기 페이지의 height 값이 3000px이어서 ..위처럼 스크롤이 되는 끔찍한 ...현상이 발생되었다.. 홀..리 ~~~~~~~~~~~~~~ 웨..웨 !!웨그러는고야 !!! import React, { useEffect, useState } from "react"; import styled from "styled-components"; interface SearchProModalProps { filterIsOpen: boolean; setFiterIsOpen: any; } const SearchProModal = (props: SearchProModalProps) => { const { filterIsOpen, setFiterIs..
ㅎㅎ Element형식에 checked 속성이 없습니다. ^^ ; js파일을 tsx파일로 변환한 후 겪은 에러 메세지이다. 해결법은 간단했다. 허나 나능 잘 모르기에 ㅠㅠ당황했당.. 이전 코드 if (count === 3) { return (document.querySelector( ".agree_check_wrap input[name='agree_all']", ).checked = true); } 해결한 코드 const agreeAll = document.querySelector( ".agree_check_wrap input[name='agree_all']", ) as HTMLInputElement | null; if (count === 3) { return (agreeAll.checked = true..
let stack = []; stack.push('1'); stack.push('2'); stack.push('3'); console.log(stack.pop()); // 3 console.log(stack.pop()); // 2 console.log(stack.pop()); // 1 Stack 1. stack 사이즈를 알 수 있는 function => return stack.length(); 2. stack이 공백인지 알 수 있는 것 => return stack.length() === 0; 3. stack의 제일 마지막 index에 있는 값을 가져오는 것.(pop이랑 다르게 그 값은 없어지지 않음) => return stack[stack.length()-1]; let queue = []; queue.p..
REST API(Representational State Transfer) 🐥 REST(Representational State Transfer)의 약자로 자원을 이름으로 구분하여 해당 자원의 상태를 주고받는 모든 것을 의미합니다. 즉 REST란 HTTP URI를 통해 자원을 명시하고, HTTP METHOD( POST / GET / PUT / DELETE )를 통해 해당 자원에 대한 CRUD Operation을 적용하는 것을 의미합니다. CRUD Operation이란 CRUD는 대부분의 컴퓨터 소프트웨어가 가지는 기본적인 데이터 처리 기능인 Create(생성), Read(읽기), Update(갱신), Delete(삭제)를 묶어서 일컫는 말로 REST에서의 CRUD Operation 동작 예시는 다음과 같..