텍스트 합치기
여러 텍스트 블록을 구분자로 하나로 합치기
텍스트 합치기
줄 합치기가 한 줄씩 입력된 텍스트를 줄바꿈 기준으로 나누는 도구라면, 이 도구는 반대로 여러 개의 독립된 텍스트 상자(블록)를 각각 자유롭게 작성한 뒤 선택한 구분자로 이어 붙이는 방식입니다. '블록 추가' 버튼을 누를 때마다 새 입력창이 DOM에 추가되고, 입력할 때마다 모든 블록의 값을 querySelectorAll('.block-ta')로 순서대로 모아 join(구분자)로 합칩니다. 각 블록 안에 줄바꿈을 포함한 여러 줄짜리 문단을 통째로 넣을 수 있다는 점이 줄 합치기와의 가장 큰 차이이며, 여러 개의 문단을 하나로 잇거나, 각 블록에 값을 하나씩 넣어 CSV 한 줄을 만드는 데 적합합니다.
자주 묻는 질문
블록은 몇 개까지 추가할 수 있나요?
코드상 개수 제한이 없어 이론적으로는 계속 추가할 수 있습니다. 다만 블록이 너무 많아지면 브라우저 렌더링과 입력 반응 속도가 느려질 수 있으므로, 수십 개 이상이 필요하다면 줄 합치기처럼 한 textarea에 줄바꿈으로 입력하는 도구가 더 적합합니다.
커스텀 구분자는 어떻게 동작하나요?
입력창에 적은 문자열을 그대로 각 블록 사이에 삽입합니다. 줄 합치기와 마찬가지로 내부적으로 join()을 사용하는 단순 문자열 결합이라, "---"나 "|" 같은 기호뿐 아니라 여러 글자로 된 문자열도 그대로 구분자로 쓸 수 있습니다.
빈 블록 제외 옵션은 정확히 무엇을 걸러내나요?
내용을 한 글자도 입력하지 않은 블록(공백만 입력해도 앞뒤 공백 제거 옵션이 켜져 있으면 빈 것으로 처리됨)을 결과 배열에서 제외합니다. 이 옵션을 끄면 빈 블록도 값으로 포함되어 구분자가 의도치 않게 연속으로 나타날 수 있습니다.
앞뒤 공백 제거 옵션은 각 블록의 줄바꿈도 지우나요?
각 블록 텍스트에 trim()을 적용해 맨 앞과 맨 뒤의 공백·줄바꿈만 제거하며, 블록 내부 중간에 있는 줄바꿈은 그대로 유지됩니다. 즉 여러 줄짜리 문단을 블록 하나에 넣어도 문단 내부 구조는 보존됩니다.
CSV 한 줄을 만들려면 어떻게 입력해야 하나요?
구분자를 쉼표로 설정한 뒤 각 블록에 값을 하나씩(예: 블록1="사과", 블록2="바나나") 입력하면 "사과,바나나" 형태의 결과가 만들어집니다. 다만 값 안에 쉼표가 포함돼 있어도 따옴표로 감싸주지는 않으므로, 정식 CSV 규격이 필요하다면 결과를 다시 확인해야 합니다.
결과는 어떻게 내보내나요?
결과창은 읽기 전용 textarea이며, 상단 복사 버튼을 누르면 navigator.clipboard.writeText()로 클립보드에 복사됩니다. 이후 원하는 편집기나 스프레드시트에 붙여넣으면 됩니다.
'줄바꿈'과 '빈 줄' 구분자의 차이는 무엇인가요?
줄바꿈은 블록 사이에 \n 한 개를, 빈 줄은 \n\n 두 개를 삽입합니다. 결과를 마크다운이나 워드프로세서에 붙여넣을 때 문단 사이에 빈 줄이 있어야 새 문단으로 인식되는 경우가 많아, 문단 단위로 합칠 때는 빈 줄 구분자가 더 자연스럽습니다.
블록을 삭제하면 번호가 바뀌나요?
네, 하지만 이는 화면에 보이는 순번 표시만 다시 매기는 것(renumber())이고, 실제 합쳐지는 순서는 항상 화면에 남아있는 블록들의 현재 DOM 순서를 따릅니다.