20210404 React and Firebase03 계정 생성, 로그인, Auth, createuserwithemailandpassword, setPersistence, onAuthStateChanged, Nomadcoder
Nomadcoder 노마드코더 : 트위터 클론 수업 노마드코더님의 강의를 들으면서 공부한 내용을 정리하는 용도로 작성되었으며, 본내용이 틀릴 수 도 있습니다. Creating Account Provider Auth provider EmailAuthProvider createuserwithemailandpassword : 사용자의 새로운 계정을 생성 할수 있게 email, password를 받아 User Account를 생성시키고 바로 로그인 하며, 나중에 Account를 가지고 로그인 할 수 있음 (계정이 이미 존재하거나, 타당하지 않은 값인 경우 fail을 return) newAccount라는 useState를 사용한 hook을 생성해서 Account를 가지고 있는지 확인해서, newAccount 가 ..
20210401 React and Firebase01, Firebase 사용 기준 및 AWS Amplify 비교, 트위터 클론 코딩을 위한 환경설정(React, Firebase), .env 파일, React(Router, Route, Switch), Nomadcoder
Nomadcoder 노마드코더 : 트위터 클론 수업 노마드코더님의 강의를 들으면서 공부한 내용을 정리하는 용도로 작성되었으며, 본내용이 틀릴 수 도 있습니다. Firebase Firebase Site Firebase는 그냥 데이터베이스 였음, 구글에 속하지도 않았다가 구글에 인수되면서 확장되었음 이 프로젝트에서는 Firebase를 통해서 데이터 베이스이자 백엔드인 Cloud Firestore를 사용함(데이터베이스 관련 코드없이 데이터베이스를 사용하게 해줌!) Cloud Firestore : Detail Fireabase : products Firebase ML : 머신러닝 기능 제공 Cloud Functions : serverless function 기능 제공 (AWS, Lamda 같은것임) Cloud ..
20210331 Nodejs05 모듈 활용, 입 출력 정보 보안(XSS), html entities, sanitize-html, pm2(kill, --no-daemon, --watch, --ingnore), 생활코딩
생활코딩 생활코딩 : Node.js 수업 생활코딩님의 강의를 들으면서 공부한 내용을 정리하는 용도로 작성되었으며, 본내용이 틀릴 수 도 있습니다. Node.js Node.js App - 모듈의 활용 lib 폴더 : library를 뜻하고 재사용 가능한 작은 조각의 로직, 프로그램을 말함 module.exports 를 바로 해당 object에 줘도 되고, 아니면 나중에 module.exports = template 형식으로 줘도 된다. // lib/template.js // 바로 module.exports 주는 경우 module.exports = { html : (title, list, body, control) => { return ` WEB ${list} ${control} ${body} `; }, l..
20210329 Nodejs03 Sync & Async , CallBack, Package Manager, PM2, HTML Form, POST데이터 받기(stream, request.on), 파일생성(writeFile), Redirection(writeHead(302)), 생활코딩
생활코딩 생활코딩 : Node.js 수업 생활코딩님의 강의를 들으면서 공부한 내용을 정리하는 용도로 작성되었으며, 본내용이 틀릴 수 도 있습니다. Node.js Node.js 동기와 비동기 그리고 콜백 (Synchronous & Asynchronous) 동기 & 비동기(Sync & Async) 동기 : 직렬적(순서대로) 처리 (비효율적이지만 덜 복잡함) 비동기 : 병렬적으로 처리 (효율적이지만 복잡함) nodejs에서는 기본적으로 모두 async 임 그래서 따로 Sync관련 함수가 존재함 // nodejs/sample.txt = 'b' const fs = require('fs'); // readFileSync console.log('a'); const result = fs.readFileSync('nod..
20210323 React Hooks03 (Nooks : useConfirm, usePreventLeave, useBeforeLeave, useFadeIn, useNetwork, useScroll, useFullscreen), nomadcoder
React Hooks 노마드코더 : React Hooks 노마드코더의 React Hooks 강의를 듣고 작성 함 지난 시간 지난 시간에는 React의 hook중에서도 useEffect, useRef에 대해서 알아 보았고 그것을 통해 만든 nooks (nico's hooks) 중에서 useTabs, useTitle, useClick을 알아보았다. usePreventLeave & useConfirm (nico's hook) useConfirm 과 usePreventLeave는 사실 hooks가 아님 (useEffect, useState를 사용하지 않기 때문) 하지만 이를 통해서 좋은 함수형 프로그램이 어떤건지 알수 있음 useConfirm 사용자가 무언가 하기전에 확인 하는 것으로서 사용자가 버튼을 클릭하는..
