본문 바로가기

TIL89

[항해99 37일차] 2022.04.12 TIL 📔 오늘 할 일 📔 1. 오늘은 데이터 주고받기 ㅠㅠ 📖 오늘 배운 개념 📖 HTTP 상태 코드 1xx (조건부 응답) 2xx (성공) 3xx (리다이렉션 완료) 4xx (요청 오류) 5xx (서버 오류) 400번대는 우리 프론트쪽 오류가 대부분이라고 한다. 이 오류들을 알고 있으면, 백엔드 분들과 대화할 때 유용하다고 한다!! 더 알아봐야지! ✅ 내일 할 일 ✅ 1. 댓글 기능..완성해보기! 2. 상세페이지 게시글 수정 기능도 ㅠㅠ 어늘은... 에러를 해결하지 못해서 쓸 내용이 없었다..ㅠㅠ 잘 하고 있는지 모르겠다..ㅠㅠ 2022. 4. 13.
[항해99 36일차] 2022.04.11 TIL / (댓글 모듈작성) 📔 오늘 할 일 📔 1. 코멘트 가짜 api이용해서 댓글 붙여보기 📖 오늘 배운 개념 📖 옵셔널 체이닝 '?.' ?.을 사용하면 프로퍼티가 없는 중첩 객체를 에러 없이 안전하게 접근할 수 있다. ?.이 추가되기 전엔 이런 문제들을 해결하기 위해 && 연산자를 사용하곤 했다. 중첩 객체의 특정 프로퍼티에 접근하기 위해 거쳐야 할 구성요소들을 AND로 연결해 실제 해당 객체나 프로퍼티가 있는지 확인하는 방법을 사용했었다. 그런데 이렇게 AND를 연결해서 사용하면 코드가 아주 길어진다는 단점이 있다. ?.은 ?.'앞’의 평가 대상이 undefined나 null이면 평가를 멈추고 undefined를 반환한다. 🤔 해결한 문제 🤔 옵셔널 체이닝을 사용하지 않으면,, map이 값이 없는 post_list를 읽지 못.. 2022. 4. 12.
[항해99 34일차] 2022.04.09 TIL / (로그인 회원가입 유저 모듈) 📔 오늘 할 일 📔 1. 레이아웃 완성 2. 로그인 회원가입 리덕스 모듈 만들기 🤔 해결한 문제 🤔 딱히..레이아웃을 잡는데에는 문제를 겪은게 없다.. 아마도 데이터를 주고 받으면서 에러가 뜨지 않을까 ㅎㅎ 😊 주절주저리 😊 드디어 레이아웃을 완성했다. 하하ㅠㅠ 힘들었다...컴포넌트는 그냥 내 마음대로 쪼개버렸당~! 이제 로그인 회원가입은 백엔드 분들한테 데이터 받는 것만 하면 끝날 듯 하다!!! 오예에.. 댓글 작성,,삭제 수정이 문제일거같지만. 잘 할 수 있겠지!? ㅠㅠ너무 오래 공부하니까 머리가 아파왔다.. 무릎도 아프구... 📚부족한 부분📚 axios쓰는 방법.. 아예감이 안온다.. 어떻게 데이터가 들어오는지 모르겠지만..!!!! 받아보면 알 수 있을것도 같다. ㅎㅎ ✅ 월요일 할 일 ✅ 1. 백.. 2022. 4. 9.
[항해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.

티스토리툴바