모카 스터디/Node 썸네일형 리스트형 리액트, 노드 쇼핑몰 -상품 디테일 페이지- [John Ahn] 섹션 5 상품 디테일 페이지 상품 디테일 페이지 생성하기 Product Info 컴포넌트 생성하기 쇼핑 카트 페이지 데이터 가져오기 쇼핑 카트 페이지 생성하기 CartTable 컴포넌트 생성하기 Cart Item 삭제 기능 생성하기 결제 기능 생성하기 History 페이지 생성하기 더보기 리액트, 노드 쇼핑몰 -상품 생성, 메인 페이지- [John Ahn] 섹션 4 상품 생성, 메인 페이지 생성하기 Shop App을 위한 소스 코드 추가하기 상품 업로드 페이지 UI 생성하기 상품 업로드 페이지 기능 생성하기 파일 업로드 컴포넌트 생성하기 Multer를 이용해서 파일 업로드하기 랜딩 페이지 생성하기 상품 데이터 가져오는 Route 생성하기 더 보기 기능 생성하기 Checkbox filter 기능 생성하기 Radiobox filter 기능 생성하기 검색기능 생성하기 더보기 리액트, 노드 쇼핑몰 -로그인 기능- [John Ahn] 섹션 3 로그인 기능 구현하기 회원가입 페이지 UI 생성하기 React-Hook-Form Axios Instance 회원가입 기능 생성하기 react toast 이용하기 register route 생성하기 비밀번호 암호화 하기 회원 가입 시에 비밀번호 암호화 적용하기 로그인 페이지 생성하기 인증 절차가 필요한 이유 JWT에 대하여 login route 생성하기 인증이 되어있는지 체크하기 NotAuthRoutes, ProtectedRoutes NavBar NavBar Item token 만료되었을 때 처리하기 더보기 리액트, 노드 쇼핑몰 -백엔드 기본 구조 생성하기- [John Ahn] 백엔드 기본 구조 생성하기 express.static() CORS Express.json() MongoDB 사용하기 Mongoose에 대해서 Model 및 Schema 생성하기 Express에서 에러 처리하기 원래는 위에처럼 에러처리를 해주면 되지만, 비동기 요청으로 인한 에러를 이렇게 처리해주면 에러 처리기에서 저 에러 메세지를 받지 못하기 때문에 서버가 Crash 되어 버립니다. 더보기 리액트, 노드 쇼핑몰 -프론트엔드 기본 구조 생성하기- [John Ahn] Vite을 이용한 리액트 생성하기 Vite ESlint 설정하기 vite.config.js을 frontend 폴더 에서 만들어서 eslint plugin을 적용한다. TailWindCSS에 대해서 TailwindCSS 를 앱에 적용하기 React Router Dom React Router Dom APIs React Router Dom 적용하기 루트 경로일 경우 랜딩 페이지 컴포넌트가 로그인 경로 일떄는 로그인 컴포넌트가 outlet 컴포넌트로 들어온다. 3 CSS 전체 구조 & React Icons 리덕스 사용을 위해 준비하기 Redux-Persist 더보기 노드 [생활코딩] 코스 소개 사람이 웹페이지를 하나하나 직접 만드는것에 지침 ==> 통합적을 관리하는 것에 대한 필요성을 느낌 또한 웹사이트의 소유자만이 컨텐츠를 관리(수정,생상,제거)를 할 수 있었다. + 사용자에게 전송할 데이터를 생성 한다. 그래서 HTML 작성을 기계에게 맞기고 싶다는 생각을 하게 되었고 왼쪽과 같은 기술들이 생겨나게 되었다. 즉, 웹사이트가 자동으로 컨텐츠를 HTML로 만든다. ! URL 동기와 비동기 노드는 비동기 처리를 하는데 아주 유용한 도구가 있다. call back 다른 함수에 전달되어 나중에 호출되는 함수 HTML - Form post방식으로하면 쿼리스트링을 url에 노출 안시키고 접근 가능 JavaScipt - 객체 둘다 정보를 정리하는 수납 상자와 같다. 배열은 순서대로 정리를 하.. 더보기 이전 1 다음
