건브로의 소소한 개발

1. 오늘 공부한 것 mongoDB Node.js 연결하기 TypeScript 글 정리 정처기 2. mongoDB Node.js 연결하기 FE 개발자가 되려면, BE 영역도 알아야 된다고 생각해서 Node.js와 mongoDB를 사용하여 CRUD 테스트를 하려고 했다. 물론 2번 정도 Node.js와 mongoDB 연결하는 걸 연습했다. 그래도 손에 다 익지 않았고, 시간이 필요해 보였다. 그리고 CRUD를 하려면 mongoDB의 save, delete, find 등등을 알아야 한다. 그리고 몽고 디비에 함수 커스터마이징 할 수 있는 것도 손에 익게끔 공부해야겠다. 3. TypeScript 글 정리 여태까지 TypeScript 글 정리는 TIL에서 많이 했었다. 그런데, 그렇게 하니까 나중에 TypeSc..

1. 오늘 한 것 node.js 환경의 TypeScript파일에서 Express와 mongoDB연결 TypeScript generic 공부 2. node.js 환경의 TypeScript파일에서 Express와 mongoDB연결 TypeScript를 공부하고 처음으로 내가 연습하는 프로젝트에 연결시켜서 진행하였다. 이렇게 연결해보는 건 처음은 아니었지만, TypeScript를 배워서 적용한다는 건 쉽지만은 않았다. 아직 TypeScript가 익숙하지가 않아서, 몇 시간동안 헤메면서 코딩하였다. Express와 mongoDB 연결은 Node.js책을 참고하면서 하였고, TypeScript를 적용하는 것은 여러가지 블로그를 보았다. 덕분에 mongoDB와 Express 연결을 잘 하였다. 근데, 매번 힘들었던..

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

안녕하세요 건브로입니다! 이번 주에도 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..

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

안녕하세요 건브로입니다. 이번에 파이썬의 기초적인 문법, 크롤링, MongoDB에 대해서 배웠습니다. 사실 파이썬 문법, 크롤링, MongoDB는 1년 동안 독학하면서 공부해본 적이 없었습니다. 주로 프론트 엔드 공부하기 바빠서 그런 것 같기도 하고, 하나의 언어만 파서 그런 게 아닌가 싶습니다. 1. 파이썬(문법) 파이썬은 매우 직관적인 언어이며, 파이썬의 확장자는 .py이다. 얼마나 직관적이길래 다들 파이썬이 쉽다고 하는 걸까? 문법을 살펴보면, 자바에서는 콘솔에 값을 찍게 하고 싶으면 System.out.println()이다. 그리고 자바스크립트에서는 console.log()이고, C언어는 printf()이다. 아직 여기서는 C언어가 그나마 직관적으로 보이긴 하는데, 파이썬은 콘솔 창에 입력한 값을..