자바스크립트 튜토리얼하고 있는데 질문있습니다

Question

class User { constructor(name) { // invokes the setter this.name = name; } get name() { return this._name; } set name(value) { if (value.length < 4) { alert("Name is too short."); return; } this._name = value; }}let user = new User("John");alert(user.name); // Johnuser = new User(""); // Name is too short.class User { constructor(name) { // setter를 활성화합니다. this.name = name; } get name() { return this._name; } set name(value) { if (value.length < 4) { alert("이름이 너무 짧습니다."); return; } this._name = value; } } let user = new User("보라"); alert(user.name); // 보라 user = new User(""); // 이름이 너무 짧습니다.이게 자바스크립트 튜토리얼 영문판이랑 한글판 클래스 문서에 있는 코드이고차이 점은 alert 이랑 User 괄호 안에 스트링이 한글이냐 영어나 차이 뿐인데영어 코드는 출력이 정상적으로 , John이랑 Name is too short 두 개가 적절하게 나오고한글은 출력이 이름이 너무 짧습니다, undefined, 이름이 너무 짧습니다로 메시지가 세 번 나오고 user.name 에 보라가 저장이 안되는데요심지어 한글판 사이트에 있는 코드를 복붙한 다음 스트링만 영어로 바꾸면 정상적으로 영어판 출력이랑 똑같이 나와요진짜 이건 한글 쓰면 나오는 버근가요?

월급은나의빛 · Answer

"보라"는 두 글자이니 4보다 작아서 "이름이 너무 짧습니다" 가 뜹니다.영문판과 동일하게 동작하는 것을 보려면 "보라보라"로 넣어보세요.John은 네 글자였으니 네 글자 단어로 번역했어야 합니다. 번역 실수입니다.

행복한나날을 · Answer

안녕하세요.저는 한글이 유니코드 계산되어 2 바이트씩 처리되는 걸로 생각해봤는데 그게 아니라고 하네요.ChatGPT 답변을 참고하시면 될 거 같습니다.자바스크립트에서 매개변수 생성자와 getter/setter를 사용하는 코드에서 영어와 한글의 동작이 다르게 느껴지는 이유는 주로 문자열의 길이 계산 방식 때문일 가능성이 큽니다.자바스크립트의 String.length는 문자열의 길이를 계산할 때 코드 단위(code unit)를 기반으로 작동합니다. 한글, 중국어, 일본어와 같은 비영어권 문자는 종종 유니코드 문자로 표현되며, 하나의 문자라도 2개의 코드 단위로 계산될 수 있습니다. 하지만 한글의 경우 대부분의 문자가 1개의 코드 단위로 계산되므로 value.length가 기대대로 작동할 것입니다.문제 확인1. 영어 이름(예: "John")은 알파벳으로 이루어져 있으며, 각 문자는 항상 1개의 코드 단위로 계산됩니다. 따라서 "John".length는 4가 됩니다.2. 한글 이름(예: "보라")은 유니코드 문자로 이루어져 있지만, 각 문자가 1개의 코드 단위로 계산됩니다. 따라서 "보라".length는 2가 됩니다.3. 빈 문자열("")의 경우 영어와 한글 모두 동일하게 0으로 계산되므로 문제가 없습니다.해결책만약 특정 언어에 상관없이 유니코드 문자 길이를 정확히 계산하려면, 문자열의 유니코드 코드 포인트를 기반으로 계산해야 합니다. 이를 위해 ES6의 Array.from()이나 for...of 루프를 사용할 수 있습니다.예를 들어, 다음과 같이 수정할 수 있습니다:set name(value) {  // 정확한 유니코드 문자 길이 계산  const length = [...value].length;  if (length < 4) {    alert("이름이 너무 짧습니다.");    return;  }  this._name = value;}또는 Array.from()을 사용하여 유사한 결과를 얻을 수 있습니다:set name(value) {  if (Array.from(value).length < 4) {    alert("이름이 너무 짧습니다.");    return;  }  this._name = value;}결론현재 코드에서 영어와 한글의 동작이 동일한 이유는, 한글도 각 문자가 1개의 코드 단위로 계산되기 때문입니다. 그러나 문자열 길이를 유니코드 문자 기반으로 정확히 계산하고 싶다면 위와 같은 방법을 사용할 수 있습니다.

정규분포 · Answer

추후에 답변 다실 분들 있을까바 말씀 드리는데: 현대에 쓰이는 프로그래밍 언어치고 유니코드를 UTF-8로 처리하는 언어 잘 없습니다. 자바스크립트는 16비트 정수로 처리하고, 다른 언어는 대부분 왠만하면 wchar_t로 처리함.한글이 2바이트니, 3바이트니 논하는 것 자체부터 이미 좋은 접근방법이 아님니다. 신세대 프로그래머들은 참 유니코드니 EUC-KR이니 CP949니 생각할 필요 없어서 참 좋은 세상이네요. 그냥 아무런 생각 없이 한글 쓰면 에디터가 적절하게 저장해주고, 인터프리터나 컴파일러가 알아서 설정된 대로 iconv 써서 브라우저나 터미널과 로케일에 맞게 출력해 줘요(윈도는 예외).https://stackoverflow.com/questions/6985851/how-to-render-32bit-unicode-characters-in-google-v8-and-nodejs

자바스크립트 튜토리얼하고 있는데 질문있습니다

3개의 답변

Q&A 목록