티스토리 뷰
목차
반응형
일단 Javascript 문자열 길이 체크하는 소스부터 알려드리면 아래와 같습니다.
아래 소스 그대로 가져다 쓰셔도 됩니다.
const getByteLength = (str: string = ' ') => {
let byte = 0;
const code = str.charCodeAt(0);
if (code > 127) {
byte += 2;
} else if (code > 64 && code < 91) {
byte +=2;
} else {
byte +=1; return byte;
}
};
우선, getByteLength 라는 함수를 선언했고, 인자로 문자열(string)을 받습니다.
여기서 웹개발자 vs 서버개발자 상호 간에 의견 충돌이 생길 수 있는데요.
서버 개발자는 "뭔 소리냐. 난 문자열 길이 체크 했다" 이러고 웹 개발자는 "뭔 소리냐. 자바스크립트 string length 좀 봐라. 틀렸잖아" 이럴 수 있습니다.
서버와 웹 개발 환경이 다르면 한쪽에서만 맞추는 건 의미 없고 함께 맞춰야 합니다.
그럴 때 서버, 웹 모두 호환이 가능한 소스가 필요한데 제가 소개하는 소스가 그런 겁니다.
단순히 영어, 숫자만 사용하면 모를까, 한글, 특수문자가 함께 사용된다면 자바스크립트 글자 수 체크를 홀수로도 해야 합니다. 서버 환경에서 한글은 3바이트로 계산될 때도 있고, 아닐 때도 있어요. 그건 직접 string length를 찍어봐야 알 수 있습니다.
아래 그림을 보시면 이해가 될 겁니다.
아 이게, 참 골치 아파요. ㅠㅠ 그러니, 여러분들은 Javascript 문자열 길이 체크하는 소스 복사해 사용하세요. 한글, 특수문자, 영어, 숫자까지 글자 수 맞춰줄 겁니다.
반응형