본문 바로가기

전체 글462

파이어베이스 배포 안될 때 리액 5주차 배포 강의 들었는데도 에러가 떴음 그래서 yarn build랑 firebase deploy 계속 했는데도 안됨! 그러다가 우연히 본 하나의 댓글.. https://hanghae99.slack.com/archives/C01R58K4KLN/p1617038343277500 Slack hanghae99.slack.com 방금 호스팅 관련 에러를 고친 과정을 공유해드리겠습니다.4주차 강의까지 모두 완주를 하고 호스팅 강의를 들으면서 firebase 호스팅을 진행 하는데 조금 건성으로 들어서 최초 firebase init을 입력하고 나오는 세팅을 할 때 모두 엔터만 쳐서 세팅을 끝낸 것이 원인이었습니다. 그 이유 때문에 호스팅을 위한 public디렉토리가 디폴트인 public폴더로 잡히게 되고 그 안에.. 2021. 4. 2.
리액트 심화 4주차 정리 [수업 목표] 무한 스크롤 기능을 만들어본다. 쿼리로 데이터를 정렬해서 가져와본다. 파이어스토어의 복합 쿼리를 사용해본다. 파이어베이스의 실시간 데이터베이스를 사용해본다. [4주차에서 배우는 것] - 무한 스크롤 직접 만들기 - 댓글 작성, 목록 보기 - 실시간으로 알림 받기 (feat. realtime database) 일단 내 게시글 최근 순서대로 보이게 만들어주자! 그럴려면 '쿼리'를 사용 1) redux/post.js 에서 getPostFB 함수로 간다. 2) 파이어베이스 콘솔 들어온 후 참고 firebase.google.com/docs/firestore/query-data/queries?authuser=0 Cloud Firestore에서 단순 쿼리 및 복합 쿼리 실행 | Firebase Clou.. 2021. 4. 1.
리액트 심화 3주차 정리 [수업 목표] 파이어스토어로 데이터를 관리한다. 파이어베이스의 스토리지 서비스를 사용하여 이미지 업로드 기능을 만든다. 파일 업로드 전 이미지 미리보기를 하려면 어떻게 하는 지 알아본다. 잦은 이벤트 처리 기법에 대해 알아본다. Debounce와 Throttle 이벤트가 엄청 많이 일어나면? 우리가 감사합니다를 검색 할 때, ㄱ, ㅏ, ㅁ, ㅅ, ㅏ 하나하나 입력할 때마다 검색을 새로 하면(=검색 api를 호출한다고 해봅시다!), 연관 검색어 같은 걸 빨리 바꿔줄 수 있어서 좋죠. 그런데 감사합니다를 빨리 검색한다고 생각해보세요. 1초도 안되는 시간에 이미 감사합까지 쳤다면, ㄱ,ㅏ,ㅁ,..., ㅎ,ㅏ,ㅂ까지 엄청나게 많이 검색을 해야해요. 😢 → 이럴 땐 특정 시간마다 1번씩, 혹은 키보드 입력을 멈췄.. 2021. 3. 30.
리액트 심화 2주차 정리 [수업 목표]토큰에 대해 알아본다.파이어베이스를 사용해서 로그인 기능을 구현해본다.로그인을 유지하는 방법에 대해 알아본다.로그인 권한을 체크하는 컴포넌트를 만들어본다. Promise 비동기: 작업 하나 요청하고 나는 다른거 해. 그러다 요청해놓은게 결과를 주면 다른거 하는거. ex) 파이어베이스, 외부 api 쓰는 것: 비동기 작업 자바스크립트는 싱글 쓰레드로 동작하는 언어입니다. (메인 쓰레드 하나와 콜스택 하나로 구성되어 있어요!) 그리고 비동기 작업을 동시에 할 수 있어요. 오잉?🤢 1번에 1개의 작업만 할 수 있는데, 어떻게 동시 실행을 할까요? → 자바스크립트는 코어 엔진만 가지고 돌아가지 않아요! 실행환경(런타임)의 도움을 받아 동시 실행을 합니다. (WebAPI(dom, ajax, setTi.. 2021. 3. 29.
리액트 심화 1주차 정리 [수업 목표] 자바스크립트 문법을 정리한다. 객체 생성자에 대해 알아본다. 함수의 개념에 대해 알아본다. 메인 페이지를 만들어본다. 기획서를 보고 컴포넌트를 쪼개본다. 1. 자바스크립트 문법 -호이스팅(선언 끌어 올리기): 자바스크립트가 파일을 읽어올 당시에 선언을 맨 위로 끌어올리는 것 따라서 var는 선언을 하기 전에도 쓸 수 있음! var는 선언과 초기화를 같이함. -실행 컨텍스트: 자바스크립트는 파일을 받으면 파일을 한번 다 읽어보고 그 다음에 실행함 -TDZ(Temporal Dead Zone) = 일시적 사각지대 let과 const도 호이스팅이 되지만 var과의 차이점은 변수가 선언되기 전에 호출하면 ReferenceError가 남. 왜 에러가 날까? 선언한 후, 초기화 단계에서 메모리에 공간을.. 2021. 3. 27.
리액트 첫 개인 프로젝트를 마치며 항상 나는 왜 끝까지 가보지도 않고 포기하는가에 대한 아쉬움이 있어서 이번만큼은 잘 안되도 팀원들이랑 끝까지 해보겠다고 다짐했다. 어제는 리덕스 가기 전 단계인 함수 state를 이용해서 데이터 값을 찍는게 죽어도 안되서 팀원들이랑 새벽 4시까지 튜터님 붙잡고 코드를 짰다. 다음날 아침이 되서 값이 보였고 그래도 붙잡고 있으면 되긴 하나 싶었다. 이 과정이 너무 힘들었다. 화도 나고, 답답하고, 과제 못내면 어떡하지라는 생각에 너무 스트레스 받았다. 이런 어려운 문제를 낸 튜터님에게 화도 났는데 무엇보다 남들도 똑같이 배웠는데 왜 나는 못하고 다른 사람은 할까 하는 생각이 나를 더 힘들게 했다. 자괴감도 많이 들고 패배감도 들고 자존심도 상하고 왜 더하지 못하지 하는 생각도 들고, 사람이 풀 수 있는 문.. 2021. 3. 26.