분류 전체보기 (179) 썸네일형 리스트형 [#. JavaScript] 배열 array에 특정 값이 포함되어 있는지 여부 체크하기 쇼핑몰 상세 페이지 Select에서 값을 선택했을 때 아래 영역에 값이 추가되도록 하려고 한다 const onChange = (input, option) => { setOptionValue([...OptionValue, option.value]) } 위 코드에서처럼 state에 데이터를 넣어서 가져오면 이렇게 데이터가 계속해서 추가되기 때문에 배열에 이미 특정 데이터가 포함되어 있는지 여부를 확인하고 없을 경우에만 추가하도록 해보자 ① includes() includes() 함수는 배열이 특정값을 포함하고 있는지 여부를 boolean 값으로 반환한다 See the Pen 배열에서 특정값 포함 여부를 반환하는 includes 함수 by shab8 (@shab8) on CodePen. includes() 함.. [#. ] 프로그램 설치 없이 블러, 모자이크 Blur Pixelize 기능 사용 후 저장 가능한 웹사이트 facepixelizer www.facepixelizer.com/ Facepixelizer | Pixelate - Blur - Anonymize Protect the privacy of your friends on Facebook with facepixelizer.com www.facepixelizer.com 코드나 정보를 가려야 하는데 프로그램까지 설치할 일은 아니고 이럴 때 이 웹사이트를 이용하면 편하다 모자이크, 블러 처리를 간편하게 이용할 수 있다 [#. Node] DB에서는 Array 데이터가 보이지만 AdminBro 관리자 대시보드에서 Array 데이터가 보이지 않을 때 adminbro does not show array 쇼핑몰 웹어플리케이션을 기준으로 고객이 장바구니에 상품을 담으면 user 컬렉션에 있는 cart array에 데이터를 넣고 있다 근데 DB에는 데이터가 제대로 들어가고 확인도 가능하지만 아래 이미지에서처럼 adminbro 관리자 대시보드에서는 cart array에 데이터가 보이지 않는다 ① Model.js User 컬렉션에 cart 정보를 밀어넣고 있었기 때문에 User.js 파일을 수정한다 Cart라는 schema를 생성하고 User schema에서 Cart의 타입을 [Cart]로 수정한다 const mongoose = require('mongoose'); const Cart = new mongoose.Schema({// 추가 id: { type: String }, quantity: { type: Nu.. [#. react-images-uploading] react에서 react-images-uploading를 이용해서 이미지 올리기, 이미지 수정/삭제하기 상품을 구입한 사람에게만 이렇게 리뷰를 쓸 수 있는 영역이 노출되도록 했다 리뷰에는 텍스트와 이미지를 둘다 올릴 수 있다 이때 이미지를 업로드하기 위해 react-images-uploading를 이용해 보자 www.npmjs.com/package/react-images-uploading react-images-uploading The simple images uploader applied Render Props pattern. This approach allows you to fully control UI component and behaviours. www.npmjs.com ① react-images-uploading 설치 npm install --save react-images-uploading ② .. [#. JavaScript] Date() 날짜 함수 YYYY-mm-dd HH:mm:ss format 형식으로 표기하기 현재 시각을 YY-mm-dd HH:mm:ss 형식으로 표기하고 싶다 Date.now() 로 가져오면 1611535990490 => 가져오고 싶어하는 형식과는 거리가 먼 숫자가 나온다 let date = new Date() let year = date.getFullYear() let month = date.getMonth() + 1 month = month >= 10 ? month : '0' + month let day = date.getDate() day = day >= 10 ? day : '0' + day let hour = date.getHours() hour = hour >= 10 ? hour : '0' + hour let min = date.getMinutes() let sec = date.get.. [#. Git] Git 명령어 모음(업데이트 예정) branch 삭제 local branch `main` 삭제 git branch -d main remote branch `main` 삭제 git push origin -d main Commit 취소 git reset 옵션에는 --soft --mixed --hard가 있다 git push -f origin 변경 사항 되돌리기 git checkout -- # git checkout -- ./views/signUp/signup.js Stash 아직 마무리하지 않은 작업을 스택에 잠시 저장하고 다른 작업을 할 수 있다 # 임시로 저장하기 git stash # stash 목록 확인하기 git stash list # stash했던 내용 가져오기(stash list에는 아직 존재) git stash apply # 최근.. [#. Node] 관리자 패널, 대시보드를 제공하는 Admin Dashboard AdminBro admin login 관리자 로그인 authentication 3 localhost:8000/admin에 들어가면 이렇게 바로 사이드바에서 모델을 확인할 수 있었다 하지만 admin으로 로그인을 하고 권한이 있어야 모델들을 확인하고 CRUD를 할 수 있어야 한다 관리자 계정을 생성하고 로그인해야 대시보드에 접근할 수 있게 해보자 adminbro.com/tutorial-rbac.html An Auto-generated Admin Panel for your Node.js Application You, as a developer, provide database models, and AdminBro generates ReactJS UI which allows you (or other trusted users) to manage content. adminbro.com 08. R.. [#. Node] 관리자 패널, 대시보드를 제공하는 Admin Dashboard AdminBro 사이드바에 database, model 가져오기 add resource 2 생각보다 model 가져오는 거에서 헤맸다 localhost:5000/admin에서 왼쪽 사이드바에 모델들을 불러와보자 ① admin-bro/mongoose 설치 npm install @admin-bro/mongoose --save ② index.js에 add resource 설정 추가 const AdminBro = require('admin-bro') const AdminBroExpress = require('@admin-bro/express') const AdminBroMongoose = require('@admin-bro/mongoose')// 추가 const User = require('./models/User')// 추가 const Admin = require('./models/Admin')//.. 이전 1 ··· 11 12 13 14 15 16 17 ··· 23 다음
