mongoose 스키마의 다양한 속성 Name Description required 꼭 입력해야 한다. unique 다른 행과 중복되면 안 된다. trim 공백을 제거합니다.(문자열 타...

const exampleSchema = new mongoose.Schema({ name:{ type: String, required: true } age: Number number:Schema.Types.ObjectId created: { type: Date, default: Date.now ...

앱과 db서버의 주소나 port 등이 다른 경우 미들웨어를 통해 db서버에 접근할 수 있다. http-proxy-middleware를 설치한다. npm install http-proxy-middleware --save src 폴더에 setupProxy.js 파일을 생성한다. // setupProxy.js const { createProxy...

설치 package.json에 있는 여러 npm scripts를 한번에 실행하기 위해 npm-run-all 모듈을 설치했다. yarn add npm-run-all --dev run-p / run-s npm-scripts를 동시에 실행하는지, 순서를 보장하여 실행할지 결정할 수 있다. run-p npm-ru...

intelliJ에서 git reset 하기 intelliJ의 git 창에서 log 탭으로 들어간다. 되돌리고 싶은 시점 오른쪽 마우스로 클릭 후 Reset Current Branch To Here... 선택 git push 하기 전에 commit한 걸 취소하는 건 되는데, push 하고 나서도 될 지는 모르겠다.. Intellij G...

바코드 리더 UI 개발중 가운데가 네모낳게 뚫린 배경을 어떻게 만들어야할지 고민해보았다. background 속성으로는 가운데를 제외하고 배경을 적용할 수 없었기에 border를 사용해야 했다. 더군다나 가운데 뚫린 부분은 반응형으로 크기가 고정되어 있지 않기 때문에 min(), max()를 사용했다. border-width: 상하 좌우; 가...

clip, background-clip을 사용하면 각각 이미지, 백그라운드에 마스크 효과를 줄 수 있다. background-clip: border-box; : 배경이 테두리의 바깥 경계까지 차지합니다. (Z축 순서 상 테두리 아래 위치) background-clip: padding-box; : 배경이 안쪽 여백의 바깥 경계까지 차지합니다....

모바일에서 100vh 값이 100%보다 클 때 모바일 브라우저는 PC와 달리 vh 값에 주소입력창을 포함하기 때문에 컨텐츠를 100vh로 지정하면 페이지 안에서 꽉 차는게 아니라 페이지보다 주소입력창 길이만큼 길어져 스크롤바가 생긴다. calc()를 사용해 문제를 해결할 수 있다. 100vh에서 100%를 뺀 값을 2로 나눠 위로 땡겨준다...

css min() / max() 안에서 vw / vh 단위 혹은 산술연산자를 사용한 경우 Incompatible units: 'px' and 'vw' 에러 발생 min() / max()를 calc()로 감싸주면 해결된다. padding-top: calc(max(20vh, 100px)); SASS: Incompatible units: ‘vw’...

css로 border 값을 넣으면 테두리가 엘리먼트의 바깥으로 생긴다. 안쪽에 테두리를 만들려면 box-shadow를 사용한다. box-shadow: 0 0 0 3px #000 inset; 네번째 값을 border-width 라고 생각하면 된다. [publishing] css inner border 만들기