치악산 복숭아

문제 발생 상황 팀프로젝트 배포를 마무리하면서 리액트에서 특정 페이지 접속시 405 에러가 발생했다🥲 프론트엔드, 백엔드 모두 aws에서 배포 진행중이었고 각자 배포하는 방식이었음! 구글링 결과 문제의 원인 1. 프론트엔드와 백엔드의 api 메서드 방식이 서로 달라서 발생한다고 한다 2. 정적페이지로 POST 요청을 했기 때문에 (

리액트 실습하고 있는데 발견해서 쓰는 에러 로그,,,(._. 원인은 useEffect에 콜백함수가 안들어왔기 때문이라고 한다 //수정 전 useEffect(console.log(inputValue), [inputValue]); //수정 후 useEffect(() => {console.log(inputValue)}, [inputValue]); 함수 넘겨주는걸로 문제 해결🥲

지금까지 나는 const 변수의 값은 어떠한 방법으로도 수정할 수 없는줄 알았는데 방법이 있긴 있었다...!! 일단 먼저 알아야할 불변 변수의 특징으로는 1. 값을 재할당 할 수 없다 2. 값의 변경은 가능하다 이게 무슨 소리야... push()나 splice()같은 JS 내장함수을 사용하면 const 변수의 값 변경이 가능하다 ...(중략)... const insa = ["hi"]; insa.push("hello"); return ( {insa} // hihello 출력 ); } 하지만 이런 방법은 무결성을 유지하지 못한다는 문제점이 있다 그렇다면 어떻게 무결성을 유지하면서 변수의 값을 바꿀 수 있을까? 원본값을 바로 수정하는게 아닌, 기존의 값을 이용해 만든 새로운 값을 새 변수에 할당하는 것!! 그..

잠깐!✋ 이 포스팅은 React 자습서를 따라해보고 복습을 목적으로 하는 포스팅입니다 틀린 부분이 있으면 정정 부탁드립니다! 리액트 자습서(틱택토 만들기) 링크: https://reactjs.org/tutorial/tutorial.html Tutorial: Intro to React – React A JavaScript library for building user interfaces reactjs.org 4. 오름차순이나 내림차순으로 이동을 정렬하도록 토글 버튼을 추가해주세요. (Add a toggle button that lets you sort the moves in either ascending or descending order.) 이게 제일 어려웠다 (내 기준🥲) 첫번째로 생각했던건 정렬 방식..