Palette 프로젝트

함수를 만드는데 이 함수 안에서 통신값 중에 하나를 변수에 할당해주고 이 할당된 변수를 if문 조건으로 쓰려고 했다. 그리고 개같이 망했다. 값이 안들어간다. 아니 분명 변수에 할당이 됐다. 근데 할당해 준 뒤에 그 밑에 콘솔을 찍어보면 undefined(초기값)이 뜬

이미지를 서버에 전달/받음, 즉 통신을 하기 위해서는 먼저 이미지의 상태를 저장해야 한다.input file타입을 통해 해도 되거나 드랍같은 기능을 추가하고 싶으면 라이브버를 통해 구현해도 된다. (필자는 react-drop을 사용하였다.)React-drop 정리 UR

Error: Invalid src prop (http://localhost:3000/pages/(https://palette-image.s3.ap-northeast-2.amazonaws.com/profile/파일이름.jpeg)) on next/imag

next.js 사용 중 렌더링 과정에서 위와 같은 오류가 뜬다. 조금 더 자세히는 <section> 안에 <button>이 문제를 일으킨다는 내용이었다. 처음에는 어디에서 왜 문제가 나타나는지도 모르고, 그 페이지의 하위 컴포넌트를 하나하나 주석처리 해가면서

react-dropzone에서 useDropzone을 import하고 getRootProps와 isDragActive를 가져온다. getRootProps : 태그 안에 넣고, 태그 클릭 시 Finder를 연다.isDrageActive(boolean) : 드래그 되고 있

전화번호 입력칸이 있는데 이 부분에서 전화번호의 형식에 맞게 하이픈(-)을 자동으로 넣게 하고 싶었다.useEffect를 이용해서 이용했다. 입력값의 길이를 감지해서 4이면 slice()함수를 이용해서 3번째 숫자와 4번째 숫자 안에 하이픈을 넣게 구현하였다. 마찬가지

input의 값을 상태에 저장하기 위에 useRef()를 써서 ref.current?.value를 사용하여 값을 넘겨주는 식으로 코드를 짰다. 이게 input의 값이 하나일 때는 문제가 없었지만 이 인풋을 배열에 담아서 map()함수로 돌릴려고 할 때 문제가 발생했다.

검색 기능을 만드는데 밑에 추천되는 단어들 중 인풋값에 들어가는 단어들이 아닌 것들이 필터링 되는 로직을 만들고 있었다.필터링 된 배열을 변수에 담고, input의 onChange 옵션에 필터링 처리를 하는 함수를 넣어서 인풋값이 달라질 때마다 추천되는 단어들이 실시간

서버에서 데이터를 불러올 때 왜인지 모를 이유로 계속 통신에 실패하였다. setCookie를 할 때 잘못 할당한건 아닐까, HTTP 통신에 보내는 토큰을 만드는 bearer함수를 잘못 만든건 아닐까, 이미 쿠키 속성에 속성값이 있으면 할당이 안되는게 아닐까, …아니면

프로젝트를 만드는 중 map()함수로 인풋을 렌더링하는 작업을 했다. 버튼을 눌러서 추가하고 제거하는 동작을 만들었는데, 제거하는 과정에서 문제가 발생했다. 어떤 순서의 인풋의 제거버튼을 누르던, 가장 마지막 순서의 인풋이 제거되는 것이다.이상해서 console.log