syleemomo의 IT 블로그 syleemomo의 IT 블로그

* 원하는 레이아웃 설계하기 * 사진 리스트 중앙 정렬하기 ul{ list-style: none; display: flex; justify-content: center; } style.css 파일에서 ul 선택자(selector)에 2~3번째 줄 코드를 추가합니다. 해당 코드는 flexbox를 이용해서 레이아웃을 하고, ul 태그 내부의 모든 리스트를 중앙 정렬합니다. flexbox는 기본적으로 리스트를 가로로 정렬하기 때문에 아래와 같이 보여집니다. * 사진 리스트 세로 중앙 정렬하기 flex-direction: column; align-items: center; 위 코드를 CSS ul 선택자 안에 추가한다. ul{ list-style: none; display: flex; flex-direction:..

csv 샘플 데이터 Sample CSV Data – SpatialKey Support Jump right in and try out SpatialKey using sample data! SpatialKey unlocks the full potential of time- and location-based information like nothing else out there. In minutes, you can upload a data file and create and share interactive time- and map-based a support.spatialkey.com 회사에서는 대량의 데이터를 쿼리할 일이 많다. 그래서 Mongo DB에서 배운 CRUD 내용을 활용하여 샘플 데이터에서 쿼리 ..

* 기능정의 회원가입로그인로그아웃사용자정보 변경사용자정보 삭제todo 생성 (해당 사용자 기준)todo 목록조회 (해당 사용자 기준)todo 조회 (해당 사용자 기준)todo 변경 (해당 사용자 기준)todo 삭제 (해당 사용자 기준) * API 설계HTTP 메서드는 흔히 CRUD(Creat, Read, Update, Delete) 라고 하며, REST API 에서는 GET(데이터 조회), POST(데이터 생성), PUT(데이터 변경), DELETE(데이터 삭제) 를 기본적으로 수행한다. 아래와 같은 URL 주소를 Rest API 엔드포인트라고 한다. User 모델관련URLURL 설명HTTP 메서드/api/users/register회원가입POST/api/users/login로그인POST/api/users..

https://mongoosejs.com/ Mongoose ODM v7.4.2Let's face it, writing MongoDB validation, casting and business logic boilerplate is a drag. That's why we wrote Mongoose. const mongoose = require('mongoose'); mongoose.connect('mongodb://127.0.0.1:27017/test'); const Cat = mongoose.model('Cat', { name:mongoosejs.com * 데이터 모델 설계 - Todo필드명설명데이터 타입비고author할일을 작성한 작성자ObjectId ref: 'User'title할일에 대한 제목Stri..

* 비주얼 스튜디오 에디터 열기 * 코드 테스트하기console.log("hello world !")<p..

* Node.js 설치 설치 사이트 다운로드 | Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org LTS버전 Windows Installer (.msi) 64bit 다운로드 * 프로젝트 구조 - 서버 todo - server - index.js - src - package.json - .gitignore - .git node_modules .gitignore 파일 * github 셋팅 윈도우 git 설치 가이드 [Git (1)] 윈도우 10 Git 설치 하기 [Git (1)] 윈도우 10 Git 설치 하기 안녕하세요. 갓대희 입니다. 이번 포스팅은 [ Window 10 Git 설치 방법 ] ..

* 에러 기록 MongoServerError: E11000 duplicate key error collection: thona.products index: _id_ dup key: { _id: 100 }블로그 글에 따라 몽고 DB 를 연습하다가 위와 같은 오류가 나면 해당 DB (thona) 를 삭제하고, 다시 DB 를 생성하고 컬렉션을 추가하고 진행하면 된다.  * Mongo DB 설치 몽고DB 설치 가이드 - 최신  몽고DB 설치 가이드 - 최신https://www.mongodb.com/try/download/community Try MongoDB Community Edition Try MongoDB Community Edition on premise non-relational ..

* NoSQL의 개념과 탄생배경 NoSQL은 not only SQL의 약자로 관계형 데이터베이스(RDBMS)와 다른 방식으로 데이터를 저장한다. NoSQL은 2000년대말 스토리지 비용이 급격히 하락하면서 등장하였다. 스토리지 비용이 하락함과 동시에 개발자 임금 비용이 올라가면서 더이상 스토리지 비용을 줄이기 위하여 데이터 중복을 최소화하는 복잡하고 관리가 어려운 데이터 모델을 설계할 필요성이 현저히 낮아졌다. 이와 동시에 개발자 임금이 높아지면서 개발 생산성을 위하여 빠르게 데이터 모델을 설계할 수 있는 새로운 형태의 데이터베이스가 필요하게 되었다. 또한, 스토리지 비용의 감소로 데이터를 사용하는 애플리케이션이 급격히 증가하면서 단순히 정형 데이터뿐만 아니라 비정형 데이터도 증가하였다. 이로 인하여 미..