Trouble
1.[오작동] 윈도우에서 Ctrl + Shift + C 단축키가 동작하지 않을 때
단축키 입력을 AMD Radeon Software에서 가로챈다. 아래 글을 참고해서 레지스트리를 수정해, 단축키를 모조리 비활성화하는 방식으로 해결.Disable Radeon Overlay블로그 바로가기
2.[MongoDB] 초기 설정시 admin user 생성 불가 문제 (command createUser requires authentication)
node.js 교과서를 보며 mongoDB 초기 설정을 하고 있는데 admin db에서 사용자 추가가 불가능한 문제가 발생했다. 인증이 필요하다는데, 그 인증을 위한 사용자를 만드는 중인디... 이는 /etc/mongod.conf에서 security.authoriz
3.[MongoDB] mongoose connect 실패 문제
Error: query parameter @localhost:27017/test is an incomplete value pair
4.passport-naver 정보 제공(profile) 오류 해결
passport-naver를 사용해 소셜 로그인 기능을 추가하는 과정에서 사용자의 이름을 받아오지 못하는 문제가 발생했다.네아로 제공 정보 선택passport-naver strategy의 콜백함수에서 인자로 주어지는 profile.displayName에 이름이 저장될
5.[Styled-Components] Extending Styles가 안될 때
styled-component 문서에 따르면 className을 전달해야 custom 혹은 third-party components에서도 잘 동작한다고 한다.The styled method works perfectly on all of your own or any th
6.[Yarn] 간접 의존성 문제 해결 (Selective dependency resolutions)
패키지를 설치하다보면 내가 직접 설치하지 않은 패키지에서 deprecated 등의 에러나 경고를 발생시킬 때가 있다. 이는 다른 패키지의 의존성 때문에 설치된(sub-dependency) 패키지인데 yarn upgrade로는 이 문제가 해결되지 않았다.이 때 사용할 수
7.[Styled-Components] Server Side Rendering을 위한 style 추출
현재 개발중인 프로젝트는 React와 Express를 사용하고 있다. 사용자가 처음 접속할 시에는 Express 서버에서 React 앱을 Server Side Rendering한 페이지를 제공하도록 작성했는데, 첫 로드 시에 Styled-Component를 사용한 el
8.[React Router] Server Rendering시 라우터 처리
참고 및 출처 \React Router Docs] Server Rendering - [바로가기
9.[Pug] 동적으로 html tag 렌더링하기
React app을 express에서 server side rendering하는 과정에서 string으로 변환한 app을 pug에 삽입하는 방법을 잘 몰라 해맸다.
10.[Python] 함수 호출시 이전에 생성된 mutable default value를 재사용하는 문제
python params 초기 값을 설정해놓으면 해당 값은 객체 생성이나 함수 호출 시 매개변수가 누락되었을 때 사용된다. 그런데 그 과정에서 생각지 못했던 side-effect가 있었다. 기본 값으로 primitive가 아닌 자료형을 설정할 경우, 매번 그 자료형
11.[React] regeneratorRuntime is not defined 에러 해결
React에서 ES8 문법인 async/await를 사용해 비동기 함수를 작성하면 브라우저에서 다음과 같은 에러가 발생한다.애플리케이션이 컴파일될 때, regeratorRuntime이 async/await 문법을 번역하도록 했는데 해당 regenerator를 제공하지
12.[Formik] Formik Form 내부에서 사용한 state가 업데이트되지 않을 때
Formik의 Form 내부의 컴포넌트에서 state값 careers을 사용했다. 그런데 해당 state값이 업데이트되었을 때 Formik의 initialValues는 정상적으로 갱신된 값이 할당되지만, 내부의 컴포넌트에서는 이전 state값을 그대로 사용하는 문제가
13.[Material UI] Radio Input 클릭시 checked가 반영되지 않는 문제
연동 페이지 https://stackworx.github.io/formik-material-ui/docs/api/material-ui/#radiogroup radio가 체크가 안되는 문제 참고 및 출처 Dynamic FormControlLabel Radio ins
14.[Webpack & Babel] svg import시 Unexpected token 에러 해결하기
webpack에서 build 과정에서 svg 파일을 처리할 loader가 필요하다는 내용의 에러가 발생했다.img src에 이용하는 경우 (기존의 png나 jpg 이미지를 가져오는 방식)svg를 React 컴포넌트로 사용하기svgr을 통해 React Component로
15.[Nodemailer] 일반 gmail 계정으로 2LO authentication을 구성했을 때 unauthorized_client 에러가 발생하는 이유
기존에는 3-legged OAuth2 authentication 구성으로 nodemailer transporter를 생성했었다. 이는 앱 => 사용자 동의 => 사용자 데이터 획득의 흐름으로 진행되는데 이 사용자 동의를 위해서는 로그인이 필요했다. 하지만 서버에서 메일