줄바꿈

[CSS] 텍스트 세로로 표시하기

텍스트를 세로로 타이핑하는 방법으로 쉬운 방법인 CSS에 존재하는 writing-mode 속성을 소개하겠습니다. 코드 /* 세로로 왼쪽 -> 오른쪽 */ writing-mode: vertical-lr; /* 세로로 오른쪽 -> 왼쪽 */ writing-mode: vertical-rl; /* 영어는 추가로 사용해야함 */ text-orientation: upright; CSS의 writing-mode 속성을 이용해서 세로로 텍스트를 표시해 줄 수 있습니다. vertical-lr - 왼쪽에서 오른쪽 vertical-rl - 오른쪽에서 왼쪽 하지만 한글을 타이핑할 때는 세로로 보이지만, 영어로 타이핑될 때는 기존 속성으로는 90 º 돌아간 모습으로 표시됩니다. 이를 해결하는 방법으로는 text-orientat..

[JS] 줄바꿈을 포함한 모든 문자 일치 정규식

문제점 단순히 모든문자(.) 정규식을 사용하면 문장이 개행 문자로 인해 하나로 묶이지 않고 개행을 기준으로 나뉘는 문제점이 발생합니다. 정규식에서 . 특수문자는 개행 문자를 제외한 모든 문자를 인식합니다. 하지만 모든 문자에 개행 문자를 포함시켜 인식을 해야 할 때가 존재합니다. 코드 const reg = /^(.|\n)*?$/ 문자에 모든 문자 또는 개행 문자를 찾을 수 있게 묶인 그룹으로 비교하는 정규식입니다. 현재 코드는 임시로 시작점(^)과 끝점($)을 지정해 제한하였습니다. 그 이유는 단순한 .* 정규식은 빈 항목을 판정하기 위해 무한한 판정을 하기 때문입니다. 결과 해당 정규식을 사용하면 개행을 기준으로 분리되었던 문장이 개행도 하나의 문장으로 인식, 묶인 모습을 볼 수 있습니다.

[JS] 개행문자 제거하기

코드 // 줄바꿈 제거 str.replace(/\n/g, ""); // 엔터 제거 str.replace(/\r/g, ""); // 공백 제거 str.replace(/\s*/g, ""); // 개행문자 모두 제거 str.replace(/\n|\r|\s*/g, "");

[JS] 줄바꿈, 공백 제거하기

replace로 제거 const str = `aa bb cc dd ee ff`; // 줄바꿈 제거 str.replace(/\n/g, ""); // 공백 제거 str.replace(/\s*/g, ""); str.replaceAll(" ", ""); 개행 문자를 사용하여 제거하는 방법과 replaceAll 메서드를 이용하는 방법입니다. split 메서드로 제거 const str = `aa bb cc dd ee ff`; // 줄바꿈 제거 str.split("\n").join(""); // 공백 제거 str.split(" ").join(""); 줄 바꿈은 개행 문자 \n을 기준으로 자르는 방식을 사용했습니다.

[JS] textarea 줄바꿈 갯수

코드 const rowsCount = (target) => { // 개수 console.log( target.value.split("\n").length - 1 ); } Enter를 입력 시 줄바꿈 되는 개행(\n)을 기준으로 잘라 개수를 셀 수 있습니다.

[JS] alert 박스 내용 줄바꿈 하기

alert 박스 내용을 줄 바꿈 하기 위해서는 개행 문자인 \n로 개행 처리를 해주면 됩니다. alert에 문구만 넣기 alert("안녕하세요. 나를 제외한 천재들입니다. 이제 alert에 대해 소개해 드리겠습니다. 앞으로 잘 부탁드립니다."); -결과- alert 문구에 \n 넣어보기 alert('안녕하세요. 나를 제외한 천재들입니다. \n이제 alert에 대해 소개해 드리겠습니다. \n앞으로 잘 부탁드립니다.'); -결과- 배열에 있는 문구를 한 번에 alert로 띄우기 배열에 문구를 모아 놓고 한 번에 문구를 띄워주는 상황에서도 개행 문자가 쓰입니다. 배열에 [안녕, 고마워, 미안해, 사랑해]를 넣고 한 번에 띄워보았습니다. const arr = ["안녕", "고마워", "미안해", "사랑해"]; ..