인프런 3

[개발 일기] 따라하며 배우는 노드, 리액트 시리즈 - 쇼핑몰 사이트 만들기 - 업로드 페이지 만들기 3

안녕하세요! 😊 이번 주에도 4개의 강의 들었습니다. 오늘 섹션 1이 드디어 끝나고, 섹션 2로 넘어왔네요. 강의를 매 번 듣고 이해만 하지 말고, 내 것으로 만드는 게 정말 힘듭니다. 여러분들은 어떻게 자기 것으로 만드는지 궁금하네요! 이러한 궁금증은 뒤로하고, 이번주에는 데이터베이스(mongoDB)에 상품을 저장하는지, 그리고 상품을 어떻게 꺼내서 메인 페이지에 상품을 보여줄지가 핵심이었습니다. 이 핵심에 대해서 공부한 걸 정리해볼게요😁 1. 업로드 페이지에서 데이터베이스로 데이터 보내기 이 페이지(UploadProductPage.js)에서 확인을 누르게 되면 데이터베이스로 데이터가 저장이 되어야 한다. 여기서 어떤 데이터가 가는 게 나을까? 사진, 이름, 설명, 가격, 나라 데이터가 서버로 가야 한..

개발 일기 2021.09.19

[개발 일기] 따라하며 배우는 노드, 리액트 시리즈 - 쇼핑몰 사이트 만들기 - 업로드 페이지 만들기 2

안녕하세요 건브로입니다! 이번 주에도 4개의 강의를 들었네요. 이번에 중점적으로 봐야 할 것은 사진 보내기였습니다. client에서는 FormData를 잘 써야 하며, node server는 root에 있는 폴더인 upload폴더에 multer 패키지를 사용하여 올려야 합니다. 1. express의 router 사용하기 express는 서버를 만들 때 사용하는 프레임워크이다. Express 사이트에서는 'Node.js를 위한 빠르고 개방적인 간결한 웹 프레임워크'라고 한다. https://expressjs.com/ko/ Express - Node.js 웹 애플리케이션 프레임워크 Node.js를 위한 빠르고 개방적인 간결한 웹 프레임워크 $ npm install express --save expressjs..

개발 일기 2021.09.12

[개발 일기] 따라하며 배우는 노드, 리액트 시리즈 - 쇼핑몰 사이트 만들기 - 업로드 페이지 만들기 1

안녕하세요 건브로입니다. 오랜만에 블로그 글 쓰네요.😁 이번에 학교에서 스터디 목적으로 '따라하며 배우는 노드, 리액트 시리즈 - 쇼핑몰 사이트 만들기'를 인프런을 통해서 들었습니다. 사실 이 강의를 골랐을 때 그렇게 어려운지도 몰랐네요. 근데 지금보니까 boiler-plate를 토대로 바로 만들더군요. boiler-plate는 로그인과 회원가입 기능이 내장되어 프로젝트로 보면 됩니다. 강의가 총 45개인데, 일주일에 4개씩 시험기간을 제외하고 꾸준히 보려고합니다. 긴 시간동안 짧게 보면서 투자하는 건데 저에게 도움이 됐으면 좋겠어요. 오늘 만들어낸 결과물을 먼저 보여줄게요.(홈, 로그인, 회원가입은 제외) 1. 이번에 무엇을 배웠는가? 1) mongoDB에서 제공해주는 데이터베이스 무료로 사용하는 방법..

개발 일기 2021.09.04