홍장군의 기록

1줄 결론: meta http-equiv='Content-Security-Policy" ... 이 설정 빼세요. ----next js 프론트엔드 프로젝트 폴더에서 .env 파일에 NEXT_PUBLIC_SERVER_ADDRESS = 'http://192.111.3.11:3000/' 이렇게 주소를 정하고 api 통신을 하는데 자꾸 https://192... 로 통신이 날아가는 문제가 생겼다. 이전에 상용서버(https:// ,,, ) 로 쿼리 날리던 게 캐싱돼서 덮어쓰이는 건가 싶었지만, 그건 아녔다. 그냥 진짜 내 환경변수의 http가 https로 변경되는 것이었다. 챗지피티한테 왜 그런지 물어봤더니... 아하!! 보안 문제때문에 https로 자동으로 바꿔준단 거군 -> 근데 30분동안 끙끙대며 다 해봤는..

1줄 요약: isLoading 말고 isPending 쓰세요리액트쿼리 5.8.1 버전 이하? 이상? 하여간 특정 버전에선 isLoading 말고 isPending이란 이름으로 지정되어있습니당.

prettier을 vscode 익스텐션으로 설치도 해보고 npm install도 해봤고 preferences 탭 가서 formattingOnSave 체크도 되어있고 프로젝트 폴더 안에 .prettierrc .eslintrc.json 도 있는데 저장해도 전혀 프리티어랑 린트 적용 안되시는 분들 계시죠?나도 그래서... 한 5번쯤 똑같은 문제 겪으니 개빡치더라구여 그래서 나도 기억할겸 블로그에다 적어둠. 1. vs code키고2. f1 누르면 vscode 창 위쪽 검색바가 켜짐. 거기다가 settings.json 을 검색하세요3. 그럼 이렇게 한 3개 정도가 뜸. 한글버전 vscode라면 기본세팅, 작업공간세팅, 세팅 이렇게 3개 뜰 거임.4. 여기서 우리는 맨 위에 있는 User Settings로 들어가야..

0. 문제 발생 🍉 잘 먹히던 프리티어가 갑자기 에러가 떴다. 가장 흔한 에러 해결 방법은 "format on save" 나 "npm install 새로 하기" 지만, 하나도 먹히지 않았다. 그래서 에러를 띄우는 terminal 창을 자세히 보니, 아주 중요한 정보를 알게 되었다. 일부 file에선 prettier가 정상 작동하지만, 특정 파일에서만 prettier가 작동하지 않고 빨간 에러가 뜬다는 사실이었다. (코드 내부에선 전혀 에러 메세지가 뜨지 않고 terminal에서만 에러 메세지가 보였음.) 즉, 프리티어 자체의 문제보단 내 파일 특정 부분의 문제라는 것!!!!! 1. 문제 원인 🍉 terminal의 에러 메세지는 다음과 같다, ["INFO" - 6:05:13 PM] Formatting fi..

참고로 본인 컴퓨터는 window 11 mysql installer은 1.6 mysql server 8.0.35 오늘 날짜는 2024년 1월 10일이다. 0. 이전에 깔려있던 MySQL 프로그램들 삭제하기. 개조빡쳐서 글로 적는다. 일단 본인은 2021년도에 학교에서 mysql 실습한다고 노트북에 mysql을 한 번 설치한 적이 있다. 그래서 컴퓨터에 "MySQL for Visual Studio" 라는 프로그램이 깔려있는 상태였다. 그리고 이제 2024년 1월 오늘 mysql을 새로 공부하면서 프로그램을 설치하려 하는데, 자꾸 MySQL 설치 에러가 나는 것이다. 처음부터 다시 설치하기 위해 MySQL 관련 모든 파일들을 삭제하려 했는데, 제어판에 들어가 MySQL for Visual Studio를 삭제..

문제 상황 팝업창을 열고 닫을 수 있는 커스텀 훅을 만들고, boolean형 isOpen과 함수 handleOpen, 함수 handleClose 를 배열에 담아 리턴하게끔 했다. 그리고 배열 리턴값을 받아서 쓰려 했더니... 아래와 같은 에러가 났다! 예를 들어 설명하자면, // 이 코드를 실행하면, myString 에는 string형만 들어가야 하는데 string | number | null 형이 들어간다고 에러가 뜬다..ㅠㅠ const arr = ["a", 1, null]; const [myString, myNum, myNull] = arr; 문제 원인 위의 문제는 타입스크립트는 객체나 배열은 내부 값들이 변할 수 있다고 가정하여 타입을 추론하기 때문에 발생한다. 즉, 배열 구조분해를 할 땐 배열 속..

ref 객체는 자식에게 내려줄 수 없다. 그래서 가끔 자식에게 ref 객체를 넘겨주려 할 때 다음과 같은 에러가 나타난다. 문제 상황... // A component export default A(){ const ref = useRef( ... ); return } // B component export default B(){ return ( // 에러 발생!! ); } 이렇게 다른 컴포넌트로 ref를 넘겨주려면 해당 컴포넌트를 forwardRef 메소드로 만들어야 한다. 문제 해결방법... // B component를 다음과 같이 선언하자. const B = React.forwardRef( ref) => { return ( ); }); 그런데 가끔 이렇게 쓰면 eslint에 걸려서 Component d..

0. 발생 오류 1. 문제 상황 백준 문제를 풀기 위해 코드를 작성하고 node.js 환경으로 run 시켰더니 다음과 같은 에러가 발생했다. fs 모듈이 input.txt 의 위치를 찾을 수 없다는 것이다. 그러나 분명 나는 경로도 제대로 썼고, 폴더 위치도 제대로 체크했었다. 2. 풀이 과정 알고보니 fs 모듈은 현재 파일 기준으로 경로를 잡는것이 아닌 실행하는 node 콘솔 기준으로 경로를 바라본다는 특징이 있었다. 즉, 내가 Post/알고리즘 연습/Solution_fs.js 파일을 실행했지만 경로가 Post/알고리즘 연습/ 에서 출발하는 게 아니라 node 콘솔이 깔려있는 위치에서부터(보통은 최상위 폴더) 실행된다는 것. 따라서 어디에 node 콘솔이 실행된 건지 파악하기 위해 fs.writeFil..