홍장군의 기록

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로 들어가야..

한 5번 까먹고 너무너무 나자신한테 화나서 이번엔 절대 안까먹을라고 (까먹어도 이거 보고 따라할라고) 적어두는 글. 회사 계정이랑 개인 깃헙 계정 분리할 때 ssh 쓰면 된다는 건 다들 아실거예요근데 인터넷에 나오는 ssh글 다 따라해서 ssh 키 두 개 만들었는데 그다음 어떻게 하는지 모르겠고 에러 터지는 분들 위해서 글 씀;먼저 님들이 개인계정이랑 회사 계정에 대한 키를 만들었다면 지금 ~/.ssh 파일에는id_rsa_companyid_rsa_commpany.pubid_rsa_meid_rsa_me.pub 이렇게 4개는 있을거임 1. id_rsa.pub 키는 각 계정에 등록하는 거임. 그니까 회사 깃허브 계정의 settings 탭에는 id_rsa_company.pub 만 등록하시고 id_rsa_me.p..

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..