전체 글
[JS] 문자열을 배열로 바꾸고 공백 제거하기 (+배열 공백제거)
1. 문자열 → 배열로 변환 · str.split() 지정한 구분자로 문자열을 나눈 후 배열로 반환한다. //String.split() 메서드 const inputString = prompt('숫자를 입력해주세요'); //input: 12345(String) inputString.split('') // ['1','2','3','4','5'] inputString.split(' ') // ['12345'] 공백이없으므로 inputString.split() // ['12345'] 구분자없을시 문자열그대로 배열반환 · spread operator 전개 연산자로 문자열을 배열로 반환한다. //spread operator 전개연산자 const inputNum = prompt('입력해주세요') //input: 12..
[JS] 요소.getBoundingClientRect() 메서드 속성
//엘리먼트.getBoundingClientRect() 예시 const formBottomPadding = document.querySelector('.chat-form').getBoundingClientRect().height; chatWrap.style.paddingBottom = `${formBottomPadding}px`; getBoundingClientRect()메서드는 요소의 width, height 뿐만아니라 top, left의 대한 상대적인 위치 까지도 제공한다. 위 예시는 chat-form이라는 클래스를 가진 요소의 height값을 받아서 다른 요소의 패딩값으로 동적추가하는 과정이다.
[express] 서버에서 정적파일(css, js)을 사용하는 법
express 사용시 client쪽 html파일에서는 기존 참조하던 방식으로는 css와 js파일을 불러올 수 없다. 따라서 express의 static 미들웨어 함수를 사용해서 css, js파일들을 직접 전달할 수 있다. //정적파일 참조를 위한 static 미들웨어함수 app.use(express.static(path.join(__dirname, '../../client/src'))); 1. 여기서 app = express()이고, express 의 use 메서드를 사용해 static 미들웨어함수를 사용했다. 2. expressd의 내장 모듈인 path모듈의 join 메서드를 사용, 정적경로를 설정해주었다. (__dirname = 현재 디렉토리 경로) //client/src/js 안 js파일들 사용가능..
[Mongoose] 외부에서 정의한 Schema 사용하기
models 폴더의 schema.js // ./models/schema.js const mongoose = require('mongoose'); const { Schema } = mongoose; const ChatSchema = new Schema({ userId: { type: String }, text: { type: String, createdAt: { type: Date, default: Date.now, immutable: true }}, }, { versionKey: false }) module.exports = mongoose.model('Chat', ChatSchema); module.exports = mongoose.model('Chat', ChatSchema); 마지막줄로 등록한 모델..