YG - 96년생 , 강아지 있음, 개발자 희망

설치 npm install gh-pages --save-dev package.json predeploy 와 deploy를 script에 설정해주고 homepage또한 설정해줍니다. { ... "predeploy": "npm run build", "deploy": "gh-pages -d build" ... }, "homepage": "https://[github ID].github.io/[repo Name]" npm run deploy 실행 github repo 확인 에러 gh-pages 에서 배포 시 react-router-dom 의 BrowserRouter 을 쓰면 화면이 안나오고 에러가 나올 수가 있다고 합니다. 1. gh-pages 에서는 BrowserRouter 대신 HashRouter 을 쓰는 ..

문제 코드 return ( {isLoggedIn && } {isLoggedIn && ( )} ); } 문제 원인 react가 렌더되면서 isLoggedIn 일때가 아닌 !isLoggedIn이 먼저 렌더 되고 그 이후에 isLoggedIn 이 조건이 충족되기 때문에 맨 처음 페이지 렌더 시 이러한 에러 문구가 뜨는 것 같다. 해결 방법 / 코드 조건문에 해당하지 않는 부분을 먼저 리턴해주고 그 뒤에 조건에 해당하는 부분들을 리턴해주면 오류문구가 뜨지 않고 해결이 됩니다. if (!isLoggedIn) { return ( ); } return ( ); }

시작하기 https://firebase.google.com/docs/storage/web/start?authuser=0 웹에서 Cloud Storage 시작하기 | Firebase Documentation 의견 보내기 웹에서 Cloud Storage 시작하기 Firebase용 Cloud Storage를 사용하면 이미지와 동영상 등 사용자 제작 콘텐츠를 업로드 및 공유하여 앱에 리치 미디어 콘텐츠를 빌드할 수 있습니다. 데이터 firebase.google.com 1. getStorage() 하기 import { initializeApp } from "firebase/app"; import { getStorage } from "firebase/storage"; // Set the configuration f..

프리온 보딩에서는 과제마다 각 기업이 요구하는 기술을 바탕으로 과제를 진행하는 방식입니다. 일곱 번째 꾸까 페이지 만들기 꽃을 파는 꾸까 페이지를 만들었습니다. 배포 깃 허브 링크 https://github.com/Gilpop8663/07_kukka GitHub - Gilpop8663/07_kukka: 원티드 프론트앤드 프리온보딩 2기 14팀 꾸까 페이지 프로젝트입니다 원티드 프론트앤드 프리온보딩 2기 14팀 꾸까 페이지 프로젝트입니다. Contribute to Gilpop8663/07_kukka development by creating an account on GitHub. github.com 과제 조건 리액트 사용 없이 바닐라 자바스크립트 구현 바닐라 자바스크립트가 어려운 경우 jQuery까지 사용..

원티드 프리온 보딩 프론트 앤드 4주 차 일곱 번째 수업 TIL (22.01.24~22.03.03) 프리온 보딩 프론트 앤드의 강사님은 위 코드의 공동 창업자&이사의 직책을 가지고 계신 김예리 님이 강의를 해주셨습니다. Execution Context 실행 컨텍스트 JavaScript 코드가 실행되고 있는 콘텍스트(환경)를 제공하는 객체 실행 콘텍스트는 실행할 코드에 제공할 환경 정보들을(변수 정보들) 모아놓는다. 함수를 실행할 때마다, 그 함수에 대한 새로운 실행 콘텍스트를 생성하여 자신만의 고유한 콘테스트에서 실행된다. 어떤 정보를 가지고 있을까? 코드 실행하기 위한 여러 가지 정보 ex) 어떤 변수가 있는지, 어떤 변수를 hoisting 할지, scope는 어떻고 scope chain은 어떻고, t..

프리온 보딩에서는 과제마다 각 기업이 요구하는 기술을 바탕으로 과제를 진행하는 방식입니다. 여섯 번째 과제 검색 페이지 만들기 영양제를 검색할 수 있는 페이지를 만들었습니다. 배포 깃 허브 링크 https://github.com/Gilpop8663/06_search GitHub - Gilpop8663/06_search: 원티드 프론트앤드 프리온보딩 2기 14팀 검색 페이지 프로젝트입니다 원티드 프론트앤드 프리온보딩 2기 14팀 검색 페이지 프로젝트입니다. Contribute to Gilpop8663/06_search development by creating an account on GitHub. github.com 기능 구현 (맡았던 부분) 브랜드와 제품 각각 검색할 수 있는 select 창 전체 , ..

원티드 프리온 보딩 프론트 앤드 3주 차 여섯 번째 수업 TIL (22.01.24~22.03.03) 프리온 보딩 프론트 앤드의 강사님은 위 코드의 공동 창업자&이사의 직책을 가지고 계신 김예리 님이 강의를 해주셨습니다. 동기와 비동기 동기(Synchronouse) 정의 현재 실행 중인 코드가 끝나야 다음 코드를 실행 = 현재 실행 중인 task가 종료할 때까지, 다음 task가 대기하는 방식 고민할 점 장점: 동기 처리는 코드를 순서대로 하나씩 실행하기 때문에, 실행 순서가 보장된다. 단점: 현재 실행중인 task가 종료될 때까지 다음 task가 실행이 안 된다는 게 문제 = task가 블로킹(blocking) 된다고 말한다. 참고) 전형적인 동기의 blocking 예제 const arr = []; fo..

시작하기 1. 데이터 베이스 만들기 2.데이터 추가하기 addDoc 와 collection , getFirestore 을 사용하여 데이터를 추가할 수 있습니다. //firebase.ts export const dbService = getFirestore(); //Home.tsx const onSubmit = async (e: FormEvent) => { e.preventDefault(); const docRef = await addDoc(collection(dbService, 'messages'), { message, createdAt: Date.now(), }); console.log('Document written with ID: ', docRef.id); }; https://firebase.goog..