YoungBLUE

authService.createUserWithEmailAndPassword is not a function 트위터 클론 코딩을 진행하던 도중에 firebase와 회원가입, 로그인 기능을 연동하면서 문제가 생겼다. 먼저 firebase의 auth.currentUser 로 로그인 상태여부를 판별해서 Router를 통해 회원가입/로그인 페이지로 이동 시켰다. 그런데 회원 가입할 때 이메일과 비밀번호를 입력하면 firebase에서 회원을 등록하고 해당 정보로 자동으로 로그인 상태로 반환해준다. 그.러.나 회원 가입시 이메일과 암호를 입력하고 가입을 누르면 위와 같은 오류가 떴다. 최근 방식과 옛날 방식의 코드가 좀 달라졌다. 자세한 내용은 https://firebase.google.com/docs/auth/w..

JavaScript 로 코드를 작성하다보면 혹은 팀끼리 개발할 때 코드 컨벤션에 맞춰야할 때가 있다. 물론 WebStorm 에도 맥OS 기준으로 option + alt + L 을 누르면 코드 정렬이 되긴 하지만 따로 설정도 해야하고 하나의 컴포넌트에 여러개 옵션들을 넣을 때 자동으로 줄바꿈이 되지 않아서 옆으로 길어지는 경우가 있다. 이때 사용 할 수 있는 것이 prettier 다. Prettier 설치하기 Preferences - Plugins - Marketplace - Prettier - install 내가 하고있는 프로젝트에서 상단의 Preferences 로 진입해주자 이후 좌측 사이드 메뉴에서 Plugins - Marketplace 에서 Prettier를 검색 후 설치. 그 다음 터미널에서 프로..

JS에는 호이스팅이란 것이 있다. 호이스팅 호이스팅.. 뭘까? Hoisting 호이스팅? 자바스크립트는 함수의 코드를 실행하기에 앞서 함수와 변수의 메모리 공간을 선언 전에 미리 할당한다고 한다. 이때 var로 선언한 변수는 호이스팅 시에 undefined로 변수를 초기화 해버리는데 이때문에 할당이 이루어지지 않은 변수를 사용하려하면 의도하지 않는 값인 undefined가 출력될 수 있다. 분명 나는 원하지 않았다. 즉, 호이스팅이란 변수의 선언 시점에 따른 할당의 차이가 있다고 이해하면 쉽다. 변수는 선언, 할당, 선언과 동시에 할당을 할 수 있는데 예를 들자면, var nickName; // undefined nickName = '군침이싹도네'; // 할당 var nickName = '군침이싹도네';..