본문 바로가기

TIL/2022 TIL86

[항해99 33일차] 2022.04.08 TIL / (6주차 미니프로젝트 시작) 📔 오늘 할 일 📔 1. 와이어프레임 만들기 2. API 설계 📖 오늘 배운 개념 📖 🤩 요청을 보낼 땐? 미리 약속한 주소로 (url) 어떤 요청을 보낸다. (type) 필요하다면 서버가 일하기 위해 필요한 자료와 (data) 누가 요청했는 지 알려주면 된다. 🤩 Axios axios는 HTTP 비동기 통신 라이브러리이다. (Axios docs) yarn add axios export const authApi = { // e.g) 회원 가입 signup: someData => instance.post("api/user", { someData: someData, someOtherData: someOtherData }), // e.g) 유저 프로필 변경 editUserProfile: (someData) =.. 2022. 4. 8.
[항해99 32일차] 2022.04.07 TIL / (파이어베이스 9버전 스토리지에 이미지 업로드 하기!!!!) 📔 오늘 할 일 📔 1. 다시 복습 (게시글 가져오는 부분이랑 나머지들 ...) 2. 모던 자바스크립트 읽고 포스팅하기 3. 알고리즘 문제 풀기 4. code책 읽기 📖 오늘 배운 개념 📖 강의는 파이어베이스 8버전으로 알려주지만, 난 파이어베이스 9버전으로 해보겠다!! 우선 업로드 컴포넌트를 만들어준다. 🧸 Upload.js 더보기 import React from "react"; const Upload = (props) => { const selectFile =(e)=>{ console.log(e, "나는 e") console.log(e.target, "나는 e.target") console.log(e.target.files, "나는 e.target.files") } return ( ) } export.. 2022. 4. 7.
[항해99 31일차] 2022.04.06 TIL /SEO 📔 오늘 할 일 📔 1. 강의 다듣기 2. 알고리즘 문제 풀기 3. 다시 처음부터 복습하기 4. 모던 자바스크립트 책 읽기 5. 과제 배포 📖 오늘 배운 개념 📖 SEO(Search Engin Optimization: 검색엔진최적화) 네이버나 구글같은 검색 엔진에 뭔가를 검색했을 때, 내가 만든 사이트가 검색 결과에 더 잘 보이게 하기 위한 과정 👉 검색을 하면, 검색 엔진이 내 사이트 내용물(메타 태그, html 내용 ...)을 한 번 훑어가고(크롤링), 내용물에 특정한 인덱스 같은 걸 만듦. 그리고 이 인덱스 같은걸 검색 결과에 보여줌. 검색 엔진 최적화는 검색 엔진이 내 사이트를 크롤링할 때 정보를 더 잘 가져갈 수 있도록 도와주는 과정 React에서 검색엔진 최적화를 하려면? meta-data 넣.. 2022. 4. 7.
[항해99 30일차] 2022.04.05 TIL /무한 스크롤 알림기능 1. 4주차 강의 다 듣기 난이도 급상승으로 .. 강의내용을 그대로 따라해도 막 오류나고 그런다.ㅠㅠ 흑흑 무한 스크롤 만들 준비 post.js 덕스구조에 아래 내용을 추가해준다. //액션타입 const LOADING ="LOADING"; //액션 생성 const setPost =createAction(SET_POST,(post_list, paging)=>({post_list,paging})); const loading =createAction(LOADING,(is_loading)=>({is_loading})); //초기값 const initialState ={ list: [], paging: {start: null, next: null, size: 3}, is_loading: false, }; //리듀.. 2022. 4. 6.
[항해99 29일차] 2022.04.04 TIL /포스트 작성페이지, 포스트 상세페이지 1. 3주차 4주차 강의듣기 어우 어제 드라마보다 늦게잤더니 9시에 일어나서 지각이당. 😞 지각 하고 싶지 않았는데.. 몸이 말을 듣지 않네 ㅠㅠ export const emailCheck =(email) =>{ let _reg= /^[0-9a-zA-Z]([-_.0-9a-zA-Z])*@[0-9a-zA-Z]([-_.0-9a-zA-z])*.([a-zA-Z])*/; //이메일 정규식 표현 return _reg.test(email); }; 👉 이메일 정규식 표현 일단 포스트 목록은 뷰에 전부 다 그려놨다.ㅠㅠ 컴포넌트 쪼개기 넘 어려워ㅠㅠ 일단 강의 듣는데에 바빠서 정리를 못했는데ㅠㅠ... 갑자기 난이도가 너무 어려워졌다. 포기하고싶은마음이 굴뚝같지만, 포기하지 않을거다 ㅠ.ㅠ 할 수 있다는 마음으로...해야지.. 2022. 4. 5.
[항해99 27일차] 2022.04.02 TIL /로그인, 회원가입 기능 1. 2-3 강의 듣기 2. 아침에 청소하기 3. 책 좀 읽기. (모던 자바스크립트) 4. 로그인 회원가입 기능 구현완료하기 ! (이해도 하기!!) 강의부터 들으러..고고 ! 토큰 기반 인증 [ OAuth2.0 / JWT / 웹 저장소 ] 👈토큰기반인증에 관한 내용과 웹저장소에 대한 내용을 이렇게 정리를 해두었당. 날짜를 담당하는 객체 date let date = new Date(); //Sat Apr 02 2022 09:58:17 GMT+0900 (한국 표준시) {} date.getTime() 1648861097466 date.setTime(date.getTime()+10000); 1648861107466 하루는 1000밀리초 * 60분 * 24시간 shared 폴더에 Cookie.js파일을 만들어서 .. 2022. 4. 2.

티스토리툴바