분류 전체보기
-
리액트 네이티브 설치 - Expo 버전프론트엔드/React Native 2023. 8. 16. 17:35
https://velog.io/@holidenty/React-Native-React-Native-%ED%94%84%EB%A1%9C%EC%A0%9D%ED%8A%B8-%EC%8B%9C%EC%9E%91%ED%95%98%EA%B8%B0 [React Native] React Native 프로젝트 시작하기 React-Native 기본 프로젝트 시작하기. velog.io https://velog.io/@jisoolee11/Expo-%EA%B0%84%EB%8B%A8%ED%95%9C-%EC%95%B1-%ED%8E%98%EC%9D%B4%EC%A7%80-%EB%A7%8C%EB%93%A4%EC%96%B4%EB%B3%B4%EA%B8%B0 [Expo] 간단한 앱 페이지 만들어보기 📱 앱 개발 공부하기! velog.io 실물 휴대..
-
리액트 네이티브 설치 - CLI 버전프론트엔드/React Native 2023. 8. 16. 17:21
https://yun5o.tistory.com/entry/React-Native-%EB%A6%AC%EC%95%A1%ED%8A%B8-%EB%84%A4%EC%9D%B4%ED%8B%B0%EB%B8%8C-%EA%B0%9C%EB%B0%9C%ED%99%98%EA%B2%BD-%EC%84%A4%EC%A0%951-%EC%8B%9C%EC%9E%91%ED%95%98%EA%B8%B0 [React Native] 리액트 네이티브 개발환경 설정(1/6) - 시작하기 * 리액트 네이티브란? React Native는 페이스북이 개발한 오픈 소스 모바일 애플리케이션 프레임워크입니다. 안드로이드, IOS, 웹, UWP용 애플리케이션을 개발하기 위해 사용되며, 개발자들이 네이티 yun5o.tistory.com https://bpblog.t..
-
할일목록(TODO) 앱 8 - 사용량(트래픽) 제한 구현하기프로젝트/할일목록(TODO) 앱 2023. 8. 12. 16:39
* 주의할점 : 앞서 virtual 필드 추가한 코드가 반영이 안되어 있을수 있음 토큰을 발급받은 사용자라고 하더라도 API서버에 무리를 줄만큼 과도한 트래픽을 발생하도록 허용하는 것은 좋지 않다. 그렇기 때문에 일정시간동안 API 사용횟수를 제한하여 서버의 트래픽을 제한하는 것이 좋다. 예를 들어 무료로 서비스를 이용하는 사용자는 하루에 50번으로 제한하고 유료 사용자는 하루에 500번으로 제한하는 것이다. npm install express-rate-limit사용량(트래픽) 제한에 대한 구현을 위하여 위 패키지를 설치한다.{ "name": "server", "version": "1.0.0", "description": "", "main": "index.js", "scripts": { ..
-
할일목록(TODO) 앱 7 - Mongoose virtual 과 moment.js 로 현재 시각 기준으로 시간 표시하기프로젝트/할일목록(TODO) 앱 2023. 8. 12. 10:47
https://jsikim1.tistory.com/195 moment.js 사용 방법 - JavaScript 날짜 라이브러리moment.js 사용 방법 - JavaScript 날짜 라이브러리 moment.js는 JavaScript에서 사용되는 날짜관련 라이브러리 중 가장 많이 사용되었던 라이브러리입니다. 현재는 더이상의 업데이트가 없을 것이라 하였jsikim1.tistory.comhttps://developer.mozilla.org/en-US/docs/Learn/Server-side/Express_Nodejs/mongoose Express Tutorial Part 3: Using a Database (with Mongoose) - Learn web development | MDNIn this articl..
-
할일목록(TODO) 앱 6 - 데이터 검증하기 (validation)프로젝트/할일목록(TODO) 앱 2023. 8. 11. 11:07
* Mogoose validate 메서드로 DB 저장 이전에 데이터 형식 검증하기 https://mongoosejs.com/docs/api/schematype.html#SchemaType.prototype.validate() Mongoose v8.3.3: SchemaTypeParameters: SchemaType constructor. Do not instantiate SchemaType directly. Mongoose converts your schema paths into SchemaTypes automatically. Example: const schema = new Schema({ name: String }); schema.path('name') instanceof SchemaType; // t..
-
할일목록(TODO) 앱 5 - chart.js 로 그룹핑한 데이터 그래프로 그리기프로젝트/할일목록(TODO) 앱 2023. 8. 9. 01:34
https://www.chartjs.org/docs/latest/getting-started/ Getting Started | Chart.jsGetting Started Let's get started with Chart.js! Alternatively, see the example below or check samples. Create a Chart In this example, we create a bar chart for a single dataset and render it on an HTML page. Add this code snippet to your page: You shouldwww.chartjs.orghttps://www.chartjs.org/docs/latest/general/colo..
-
MongoDB Aggregation 연습을 위한 users, todo 컬렉션 데이터데이터베이스 2023. 8. 9. 00:58
[{ "_id": { "$oid": "64ce25e477f3990862da1aa1" }, "name": "태양", "email": "sun@gmail.com", "userId": "sunrise", "password": "1234567890", "isAdmin": true, "createdAt": { "$date": "2023-08-05T10:35:16.554Z" }, "lastModifiedAt": { "$date": "2023-08-05T10:35:16.554Z" }, "__v": 0 },{ "_id": { "$oid": "64cf707520b5c16d5cb034f1" }, "name": "홍길동", "email": "gildong@gmail.com", "userId": "gildong", "pass..
-
NODE.JS 공유폴더 경로문제 & Express 기초이론백엔드 2023. 8. 7. 10:29
https://deface.tistory.com/55 [Windows]윈도우에서 명령 프롬프트(CMD) pushd 명령으로 네트워크 드라이브 사용 업무에 필요한 파일을 한곳으로 모으고자 보통의 경우 NAS나 일반 PC의 공유 폴더 기능을 통해 사용하고 계실 겁니다. 일반적인 경우 윈도우의 실행창 과 익스플로러 창에서 \\을 기입하시고 그 deface.tistory.com const express = require('express') // 모듈 임포트 const app = express() const port = 3000 // 서버 포트 // 미들웨어 (middleware) // 미들웨어 중에서 라우트 경로가 포함된 미들웨어 -> 라우트 핸들러 함수 // 라우트 (route) // HTTP 메서드 (GET..