도영스 공간

오랜만에 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 동작 예시는 다음과 같..

리액트에서 넥스트로 프로젝트를 변환하니까 맵이 안불러와지는 요상한 현상이 발생했다. ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ오잉? 오ㅐ..카카오 맵이 안불러와지지...? 구글링안하고,, 첫번째 방법 _document.tsx파일 import Document, { Html, Head, Main, NextScript } from "next/document"; export default class MyDocument extends Document { render() { return ( ); } } 실제 map을 불러오는 코드가 있는 부분 /*global kakao*/ import React, { useEffect, useState } from "react"; import styled from "styled-co..

🐣 재귀함수란 ? 본인이 본인을 호출하는 함수이다. 너무 오랜만에 ㅎ.ㅎ TIL을 써본다 ㅠㅠ꾸준히 공부는 하고 있었다만 ,, 정리할 시간이 없었달까?는 핑계고.. 체력적으로 부족하여서 퇴근하고 밥차리고 밥먹고 나머지 공부하고 정리는 못하고.. 기절했다...ㅋㅋㅋㅋㅋ(어머님한테 퇴근하고 기절해서 연락 자주 못드렸다고 하니까 진짜 기절한줄 아셨다..조심하자...) 부모님한테 전화할 시간도 부족하당 ㅠㅠ~~~~ 재귀함수의 유명한 예제..랄까 ?? const factorial = (n) => { if(n { const res = factorial(3); console.log(res); } main(); 장점: 복잡한 것을 빠르게 간단하게 풀 수 있다. 단점: 메모리를 차지한다. 재귀함수는 아래의 3가지 조건을..

👩🏻‍🏫 1. Array.prototype.sort() 배열의 요소를 적절하게 정렬한다. 원본 배열을 직접 변경하며 정렬된 배열을 반환한다. 기본 정렬 순서는 문자열 Unicode 코드 포인트 순서에 따른다. 배열의 요소가 숫자 타입이라 할지라도 배열의 요소를 일시적으로 문자열로 변환한 후, 정렬한다. //문자열 const fruits = ['Banana', 'Orange', 'Apple']; // ascending(오름차순) fruits.sort(); console.log(fruits); // [ 'Apple', 'Banana', 'Orange' ] // descending(내림차순) fruits.reverse(); console.log(fruits); // [ 'Orange', 'Banana', 'A..