일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | ||
6 | 7 | 8 | 9 | 10 | 11 | 12 |
13 | 14 | 15 | 16 | 17 | 18 | 19 |
20 | 21 | 22 | 23 | 24 | 25 | 26 |
27 | 28 | 29 | 30 |
- JavaScript
- 소름돋는 알고리즘
- 소오름~
- 프로그래머스
- 자바스크립트의 탄생배경
- 알고리즘
- .split()
- 어려운데ㅠㅠ
- Ajax란?
- array.reduce()
- 자바스크립트와 ECMAScript
- 프로그래밍이란
- async-await
- 가우스의 공식
- 배열 최솟값
- Math.min
- ES6 브라우저 지원 현황
- !x.includes()
- 행렬...
- for문
- 삼항연산자
- arr.push()
- a && b
- 자바스크립트의 특징
- Promise.all()
- .map()
- for반복문
- 구문과 의미
- 자바스크립트
- 프로그래머스 공원 산책
- Today
- Total
목록전체 글 (94)
Ming's develop story

리액트 라이프 사이클이란? 리액트는 컴포넌트 기반의 View를 중심으로 한 라이브러리이다. 그러다보니 각각의 컴포넌트에는 라이프사이클 즉, 컴포넌트의 수명 주기가 존재한다. 컴포넌트의 수명은 보통 페이지에서 렌더링되기 전인 준비 과정에서 시작하여 페이지에서 사라질 때 끝이난다. 라이프사이클의 분류 라이프 사이클은 위 그림과 같이 총 9개가 존재한다. 크게 세가지 유형으로 나눌 수 있는데 생성 될때, 업데이트 할 때, 제거할 때이다. 이를 리액트에서는 마운트, 업데이트, 언마운트라고 한다. 앞으로 위의 그림 을 보면서 아래 글을 참조한다면 더욱 더 유용한 글이 될 것 같다. 사실 위 그림이 리액트 사이클의 전부이긴 하다. 😁 여기서 마운트는 DOM이 생성되고 웹 브라우저 상에서 나타나는 것을 뜻하고, 반대..

데이터 가져오기 import { collection, getDoc, getDocs } from "firebase/firestore"; App.js에서 collection, getDoc, getDocs를 import 해준다. React.useEffect(() => { console.log(db); const query = getDocs(collection(db, "bucket")); //getDocs는 어떤콜렉션인지? 이고 db, bucket은 데이터와 콜렉션 이름) console.log(query); }, []); 이후 전 시간에 만들어 두었던 useEffect 안에 query 변수를 선언해서 콜렉션 정보를 가져오고 콘솔로 찍어 확인해 보자 위와 같이 볼수 있다. 보통은 데이터를 가져오라 하면 즉각 가져..

1. 파이어배이스 패키지 설치 2. Firestore 프로젝트 대쉬보드 우측 상단 '문서로 이동' 클릭 3. '웹 시작하기' 클릭 4. 연동하는 방법이 잘 설명되어 있다. (Firebase Document) 5. 다시 대쉬보드로 돌아가 '프로젝트 개요' -> '웹 아이콘' 클릭 6. 닉네임 설정 후 '앱 등록' 호스팅은 나중에 설정 가능하다. 7. 복사하기 ( apiKey는 내 프로젝트에 접근 가능한 key이기 때문에 중요하다! ) 8. VScode 내 프로젝트의 src 폴더에 firebase.js 를 만들어주고 붙여넣기를 한다. 9. 아까 Firebase Document에서 쭉 내려보면 사용 가능한 서비스가 있는데 그곳에서 Firestore Document로 이동 10. 밑으로 내려보면 개발 환경 설정..

파이어스토어란? Firebase에 포함되어 있는 서비스 중 하나로 유연하고 확장 가능한 NoSQL 클라우드 데이터베이스이다! 구조 : 1. Collection: 문서(다큐먼트)의 집합 2. Document: JSON 형식으로 데이터를 저장할 수 있음 설정하기 1. 만들어 두었던 프로젝트를 선택한다. 2. 좌측의 빌드에서 Firestore Database 클릭! 3. 데이터 베이스 만들기! 4. 필요에 따라 선택 5. 어디로 설정하던 지금 시점에선 크게 상관 없다 6. 컬렉션 시작 7. 임의로 추가해보면 8. 끝!