What?

• TypeError: Cannot read property ‘map’ of undefined
  • 해결책 1. useState에 기본 초기값 제공
  • 해결책 2. [].map(…)
  • 해결책 3. items && items.map

What?

• 🚀 react-amazon-clone project 🚀

  드디어 아마존 클론 프로젝트 마무리! 🎉🎉🎉
  아직 부족한 점이 많아 익숙해질 때까지 out 해야겠다.

What?

• 🚀 react-amazon-clone project 🚀

  Error: Objects are not valid as a React child (found: object with keys {text}). If you meant to render a collection of children, use an array instead.

  해결법 : props 값을 확인하면 된다. 나같은 경우는 여러개의 props를 전달하고 있었는데 중괄호를 빼먹었다..하하 잘 확인해야겠다.

What?

• 🚀 react-amazon-clone project 🚀
  장바구니 기능과 로그인 구현 기능까지 작업을 했다.
  로그인 기능은 firebase 로 작업을 했다.
  장바구니 작업은 자꾸 헷갈리고 에러가 자주났다.
  아무래도 리액트가 익숙하지 않아서 그런거 같다. 😓
  앞으로도 계속 코드를 지우고 구현해봐야겠다.

What?

• react movie app 프로젝트 완료

• 🚀 react-amazon-clone project 🚀
  전날 공부했던 코드들은 싹 다 지우고 처음부터 다시 작업을 진행했다.
  중요한 건 output이기 때문에 구현을 자주 해봐야한다.
  다시 구현해보면서 놓쳤던 부분들도 확인되고 훨씬 더 기억에 잘 남는 거 같다.
  무언가를 배울 때 input도 중요하지만, 더 많이 output해야 오롯이 내 것이 된다.

What?

• 🚀 Movie-App Project 🚀
  • react movie app 프로젝트 시작
    • API 불러오기 (data)
    • 검색 기능
    • Main layout, CSS 작업

What?

What?

🚀 진행중

• JavaScript 객체지향 & ES6 신문법 - 복습
  • this ~ rest 까지

✅ 완료

• 🥇 Node.js + MongoDB 🥇
• Vue-project
• React-project
• JavaScript/jQuery

What?

• Search index
  • MongoDB Atlas에서만 제공하는 기능
  • Analyzer에서 lucene.korean으로 설정
    • 한국어에 맞게 인덱싱 하기 위함
  • aggregate()
    • 검색 조건을 여러개 붙일 수 있음 (데이터를 꺼내는 파이프라인 구축)
• 회원기능
  • form 만들고 전송 누르면 서버로 보내고 DB에 저장시키면 끝
• multer 라이브러리
  • multipart/form-data를 통해 업로드 된 파일을 쉽게 저장, 이름 변경 할 수 있게 도와줌

What?

• .env
  • 라이브러리 사용 : npm install dotenv
  • 환경변수를 한 곳에 모아서 관리
• 환경변수 : 환경에 따라 가변적인 변수 데이터
• URL query string
  • GET 요청시 URL 뒤에 데이터를 심어 서버로 보낸다.
  • 데이터이름=데이터값
  • 서버에선 요청.query로 query string 전부 꺼내볼 수 있음
• indexing
  • 미리 정렬한다.
  • index : collection을 정렬 해놓은 사본

What?

• method-override
  • HTML에서 PUT/DELETE 요청을 도와주는 라이브러리
• DB데이터 수정
  • 서버로 put 요청 들어오면 수정 처리
  • updateOne(업데이트할내용, 수정할내용, 콜백함수) 사용
• 로그인 페이지/아이디 비번 검사
  • 로그인/세션 생성을 도와줄 라이브러리 설치
    • npm install passport passport-local express-session
• 미들웨어
  • 요청과 응답 사이에 실행시키는 코드
• LocalStrategy()
  • LocalStrategy( { 설정 }, function(){ 아이디 비번 검사하는 코드 } )