맹쑤의 FE 일기

Netlify 배포 중 Uncaught FirebaseError: Firebase: Error (auth/invalid-api-key). 에러 발생

>>> api-key값이 올바르지 않거나 없다

배포 프로젝트에서 .env에 api key값을 보관하고 있다.

gitignore에서 .env 파일을 github에 올리지 못하도록 했기 때문에 api key 값을 찾지 못하는 거였다.

그래서 Netlify에 Deploy Settings or Site configuration -> Environment variables-> Add a variable -> Import from a .env file에서 직접 key 값을 추가 해주었다.

Retry with latest branch commit을 하면 다시 빌드 되고 기다리면 배포가 완료된다!

JavaScript란 무엇인가?

JavaScript 는 웹페이지를 보다 동적으로 만들기 위해 생성되었다. 해석형 언어이므로 전송중에 컴파일이 된다.

몇몇 프로그래밍 언어처럼 개발 중에 컴파일 되는 것이 아니라 실행 되기전에 컴파일이 된다.

호스팅된 언어이므로 여러 환경에서 실행이 된다.

'약형'

JavaScript에서 텍스트 데이터나 숫자와 같은 데이터로 작업을 할 때는, JavaScript에 텍스트 또는 숫자로 작업 할 것이라고 알려 줄 필요가 없다. 데이터 유형을 가정해, 자동으로 유추되기 때문

다른 프로그래밍 언어에서는 변수가 보유할 데이터 유형을 미리 정의해야 한다. 숫자를 저장할 것이라고 알려야 한다

JavaScript 변수에 데이터가 저장되어 있고 그게 숫자이면, 그대로 받아들인다 동적 언어이기 때문에 관대하고 사전에 유형을 명확히 정의하지 않아도 된다

operator

strick equality >> 코딩할 때 웬만하면 이렇게 검사하는 것이 좋다.

object를 신경써야 한다. 메모리에 탑재될 때 레퍼런스 형태로 저장된다.

name 이 df 이기 때문에 else가 실행

if operator를 간단하게 사용 참이면 왼쪽 거짓이면 오른쪽 출력

묶고 묶고 사용할 경우 코드 가독성이 떨어진다. if 나 switch를 사용하는 것이 좋다. 간단한 경우만 사용

else if를 여러개 반복 할 경우 switch 사용 고려한다.

타입 스크립트에서 정해져 있는 타입을 검사하거나 비슷한 아이들을 검사할 때는 스위치를 쓰는것이 가독성이 좋다.

Variable 변경 될 수 있는 값

let 변수를 만들 때 사용하는 키워드

var는 쓰지 않는다.

자바스크립트 var는 선언전에 값을 할당하고 출력할 수 있다. >> var hoisting

let을 이용하면 에러가 발생한다. >> 이게 정상이다.

var는 block scope이 없다. >> 블록을 철저히 무시 한다. >> 블록 안에 선언 했음에도 불구하고 콘솔을 이용해서 밖에서 출력하게 되면 정상적으로 출력된다.

>> let 이 나옴

Constant : 한번 할당하면 값이 절대 바뀌지 않는다.

장점

    보안상의 이유 > 한번 작성하면 다른 해커들이 값을 변경하는것을 방지 할 수 있다.

    어플리케이션을 효율적으로 빠르게 동작하도록 한다.

    코드 변경 시 실수를 방지할 수 있다.

자바스크립트에서는 변수를 선언할때 Mutable 타입의 let, Immutable 타입의 const가 있다.

js 에서는 number 타입만 이용하여 숫자를 이용하면 된다. number라고 선언 할 필요도 없다.

let a = 1;

let b = 1.2;

자바스크립트는 dynamically typed language라고도 불린다. 변수를 선언 할 때 어떤 타입인지 선언 하지 않고 프로그램이 동작할때 할당된 값에 따라 타입이 변경 될 수 있다.

좋은 아이디어가 있을 때, 빠르게 프로토타입을 하고 싶을 때 유용하지만 규모가 있는 프로젝트를 만들 때 힘들어 질 수 있다.

에러가 런타임으로 발생하는 경우가 많다 >> TS가 나왔다 >> 자바스크립트에 type이 더 해진 것

출처 : 

https://www.youtube.com/watch?v=OCCpGh4ujb8