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

기간: 23년 12월 28일(목) ~ 24년 1월 22일(월)

처음에 팀이 분해되고 다른 조에 와서 시작한다고 처음부터 뭐가 꼬인거 같은 느낌이였지만 다같이 으쌰으쌰 해서 하나씩 진행하며 결국 파이널 프로젝트를 마무리 지었다. 

길다고 생각하면 긴 시간이지만 막상 짧게 느껴진 프로젝트 기간이였다.

오늘은 발표날이다 ~ 발표 하는거 보면서 끝내는 하루가 되겠다!

1팀이 발표한걸 보니 처음에 프로젝트 할 때 공통화 작업을 통해서 공통으로 사용 되는것을 다 미리 정하고 진행을 해서 작업을 할 때 편리하게 하는것을 보고 아 저렇게 하면 코드나 이런 똑같은곳에 쓰이는것을 쉽게 쉽게 사용하겠구나 배웠다.

우리는 각자 파트별로 세분화 해서 각각 나눠서 사용을 했었다. 방법은 여러가지이겠지만 보고 아 저렇게도 해봐야겠다 느꼈다.

이제 내일 부터는 취업관련해서 교육을 듣는다.

그동안 고생이 많았다 우리 팀원들 모두... 이제 각자가 원하는 길로 갈 수 있기를

긴 내용은 회로고 마무리 하겠다. 프로젝트 만든거 소개하는거 빨리 정리해서 만들어 둬야겠다

오늘은 길고 길었던 프로젝트가 마무리 되는 날이다. 내일 발표를 위해 오늘까지 제출 해야할 서류등을 작성 하는 시간을 가졌다.

칸반도 옮겨놓고, 주요 기술 소개랑, 서비스 메뉴얼 같은걸 작성했다. 과제 제출물등을 다같이 점검했다. 그리고 아직 부족해보이는 css나 눈에 보이지 않았던 부분을 고치는 시간을 가졌다. 난 반응형 웹을 하려고 노력중이다. 음. .처음부터 모바일 환경을 만들고 시작하는게 좋았겠다라는 생각을 했다. 작은거 부터 하고 화면을 키우면 되니까. 큰걸 줄이려고 하니 좀 어려운거 같다.

그래도 뭔가 처음에 생각했던 기능을 다 구현 하고자 했지만 완벽하지 않아서 아쉽다. 그래도 내가 중간에 포기하지않고 했다는거에 칭찬을 한다!!

우리 팀원들 덕분에 쉽게? 마무리를 지었다.

오늘까지 더 해보고 안되면.. 어쩔수없다. 프로젝트 끝나고 혼자 다듬어 봐야지...

더 공부를 했다면 더 잘할 수 있었을텐데 하는 생각이 든다.

그래도 프로젝트 통해서 커뮤니케이션의 중요성이랑 팀워크가 중요하단걸 절실히 느끼게 된거 같다. 혼자 할 수는 없다. 서로 도우고 하는거지... 내일 발표준비 잘 해보자.

부트스트랩 반응형 레이아웃 기준 반응형 디자인 적용 마쳤다.

1. 스마트폰 : max-witdh 575.98px
2. 태블릿 : max-width: 991.98px
3. 데스크탑 : max-width: 1199.98px