
[React] Parsing error: Invalid parenthesized assignment pattern. (19:23) 해결
2022. 12. 23. 02:55
개발/Error note
자바스크립트 map함수 사용중 값부분에 빨간 밑줄이 생기고, 콘솔에 Parsing error: Invalid parenthesized assignment pattern. (19:23) 에러 출력과 함께 Parsing error: Assigning to rvalue eslint가 나타났다. 지금은 너무 투명하게 보이지만, 저걸로 스택오버플로우를 헤매고 다녔다. 당황스럽게도 에러 사유는 화살표 함수에 화살표를 빼먹었기 때문 ^^.. 저 캡쳐도 자세히보면 => 이 아닌 = 로 적혀있따. 갱장히 잘됨쓰 (코쓱) 참고: - https://stackoverflow.com/questions/63900363/error-invalid-parenthesized-assignment-pattern-background-info

[VSC] Prettier 설정이 안먹히는 것 같을 때
2022. 12. 21. 21:47
개발/Error note
코드를 짜고있는데, 뭔가 시원찮은 느낌이 들었다. ESlint랑 Prettier로 문법 수정, 포맷수정을 함께 하고 있는데 뭔가 덜거덕 거리는 느낌..? 그래서 프리티어 설정을 확인해보았다. 1. EXTENSIONS에서 프리티어가 잘 켜져 있는지 확인 아아아.. 역시나 이유는 모르지만 프리티어가 꺼져있었다. Enable을 눌러주었다. 2. ctrl + +, 또는 File - Preferences - Settings 에 들어간 후 Editor: Default Formatter 를 확인한다 none으로 되어있길래 Prettier - Code formatter로 변경해주었다 편-안
[JSON] manifest.json?
2022. 12. 19. 22:28
개발/Javascript
manifest 파일? 컴퓨팅에서 집합의 일부 또는 논리정현한 단위의 파일들의 그룹을 위한 메타데이터를 포함하는 파일 ex) 컴퓨터 프로그램의 파일들은 이름, 버전번호, 라이선스, 프로그램의 구성파일들을 가질 수 있다 manifest.json? json 포맷 파일로서, 모든 웹 익스텐션이 포함하고 있어야 하는 파일. 익스텐션이름, 버전과 같은 기본정보를 명시하며 기본스크립트, 내용 스크립트, 브라우저 활동등과 같은 측면또한 명시한다 manifest.json에 지원되는 키 action author background browser_action browser_specific_settings chrome_settings_overrides chrome_url_overrides commands content_sc..

[redux-toolkit] react_devtools_backend.js:4012 Warning: Received NaN for the `ch
2022. 12. 17. 00:07
개발/Error note
리덕스를 리덕스 툴킷으로 변경하는 중에 react_devtools_backend.js:4012 Warning: Received NaN for the `children` attribute. If this is expected, cast the value to a string. 에러가 떴다. 액션이 없고 상태만 변경하는 버튼들은 문제가 없는데 액션이 들어간 Increment by 5 버튼에서만 에러가 났다. 해결법 // 변경전 increase(state, action) { state.counter = state.counter + action.amount }, // 변경후 increase(state, action) { // 툴킷이 자동으로 액션생성자를 생성하기 때문에 필드명을 꼭 payload로 해줘야함 st..

[React] 'React' must be in scope when using JSX react/react-in-jsx-scope 해결
2022. 12. 13. 21:50
개발/Error note
작업하는데 저장했더니 갑자기 와아아아아악 하는 콘솔이 출력됐다 핵당황 땀땀 찾아보니 리액트 임포트가 안되어있다고 한다. 엥? 그럴리가 없는데 하고 봤더니 리액트 임포트가 사라져있었다. (지우면서 실수로 날린듯) imr 스니펫으로 다시 입력해주었다 import React from 'react' 다시 success 뜨고 화면에 잘 나왔다 ;-; 깜짝이야