React.js 공부 2

mongoDB와 React 연결시도

mongoDB는 크로스 플랫폼 도큐먼트 지향 데이터베이스 시스템이다. NoSQL 데이터베이스로 분류되는 mongoDB는 JSON과 같은 동적 스키마형 도큐먼트들을 선호함에 따라 전통적인 테이블 기반 관계형 데이터베이스 구조의 사용을 삼간다. 그래서 특정한 종류의 애플리케이션을 더 쉽고 빠르게 데이터 통합을 가능하게 한다. 내가 Wanderlust라는 여행지 추천사이트를 만들때 React.js와 mongoDB 서버 연결에 애를 먹었는데 그 과정을 기록하고자 한다. 헤쳐간 과정들🤔 1) react서버와 node서버가 각각 구동되어야 하기에 폴더별로 정리를 잘해야한다. 나같은 경우는 프로젝트 루트 폴더안에 client폴더를 만들어서 프론트엔드를 동작하게 했고, client폴더 바깥에 백엔드를 동작하게 했다. ..

React.js 공부 2023.06.10

#20230524

현재 'Wanderlust'라는 이름의 여행지 추천사이트를 만들고 있다. React.js를 이용해서 만들고 있는데 앞으로 이와관련해서 블로그에다가 기록해갈 계획이다. 오늘 한 일은 우선 Header, Footer, Slider를 만듦으로써 화면의 뼈대를 세운것이다! - Header같은 경우는 Bootstrap을 이용해서 사용했다. - Footer는 참고해볼만한 사이트에서 사용했다. - Slider는 react-slick을 install하여서 Slider를 만들어서 추가시켜줬다. 앞으로 폴더정리도 깔끔하게 해서 누가봐도 한눈에 프로젝트 구조를 명확히 알아볼 수 있게끔 꾸며봐야겠다. +) 최대한 6월전까지 프로젝트를 마무리하고 싶다. 얼른 달려봐야지...단순히 프로젝트 하는 것 이외에도 따로 공부하는 과정이..

React.js 공부 2023.05.24