본문 바로가기
개발(Development)/Etc(기타)

Lorem Ipsum: 샘플 더미 텍스트 생성 방법(+ VSCode HTML)

by 카레유 2021. 7. 7.

개발자들이나 디자이너들이 작업을 할 때,

다양한 이유로 샘플 더미 텍스트(dummy text)를 입력해야 할 때가 있다.

 

직접 타이핑을 하기도 번거롭고 귀찮을 때, 

로렘 입숨(Lorem Ipsum)을 사용한다.

 

IT 업계 실무에서는

- 기획자나 디자이너들의 경우,

: 디자인/레이아웃/구성에만 집중하길 바랄 때, 의미 파악이 전혀 안 되는 더미 텍스트로 내용을 채운다.

(의외로 그냥 막 써놓은 샘플 텍스트의 내용을 문제 삼는 분들이 종종 계신다.)

 

- 개발자들의 경우,

: 미리 텍스트 영역을 잡아놓고자 할 때 더미 텍스트를 사용하곤 한다.


1. 웹사이트:  한글, 영어, 일본어, 중국어

1) http://dogumaster.com/work/dummy 접속

 

2) 언어, 단락수/단어수 체크후, "생성하기" 버튼 클릭

 

3) "복사하기" 버튼 클릭 후, 필요한 곳에 붙여넣기하여 사용


2. 웹사이트: 영어

1) https://www.lipsum.com 접속

 

2) 단락수/단어수/바이트 수 체크 후,  "Generate Lorem Ipsum" 버튼 클릭

 

3) 생성된 더미 텍스트 복사하여 사용


3. Emmet(에밋): 개발자 전용

- Visual Studio Code 처럼  에밋 자동완성이 지원되는 에디터의 경우,

- HTML 파일 상에서 원하는 양만큼 더미 텍스트를 만들 수 있다.

 

1)  lorem  입력 후 탭|엔터 => 한 단락의 더미 텍스트 생성

 

2)  lorem단어수  입력 후 탭|엔터 => 단어 수 만큼 더미 텍스트 생성

 

3)  lorem*단락수  입력 후 탭|엔터=> 단락 수 만큼 더미 텍스트 생성


샘플 텍스트가 필요할 때 상황에 맞게 사용하면 유용할 것 같다.

 

 

 

댓글