줄바꿈 2
[css] 텍스트 줄 바꿈 단어 단위로 하기
css로 텍스트 줄 바꿈 단위를 자동으로 단어 단위로 끊어서 하게 만들어보겠습니다. 1. 텍스트 준비 일단 텍스트를 준비합니다. 이런 줄 바꿈이 엉망징창이군요. 만약 pc에서만 작동하는 홈페이지를 만든다면 간편하게 태그를 사용해도 무리가 없지만 반응형을 제작하는 사람이라면 모바일이나 화면이 줄어들 때마다 태그를 이동시킬 수도 없으니 고민이 많을 거예요. 오늘은 그런 줄 바꿈을 깔끔하게 만드는 방법을 알아볼 거예요. * 태그는 줄 바꿈을 위한 태그로 줄 바꿈하고 싶은 위치 맨 마지막에 적어주면 그다음 글자부터 아래줄로 내려가게 된다. 2. word-break p{ word-break:keep-all; } word-break을 넣어주면 단어를 기준으로 줄 바꿈을 해줍니다. 좀 더 정확히 말하자면 띄어쓰기를 ..
[Node.js] 줄바꿈 하기
안녕하세요. 플입니다. 오늘은 node.js에서 줄 바꿈을 해보겠습니다. 줄바꿈 방법은 두 가지가 있는데 하나씩 설명드리겠습니다. 1. \ 첫 번째 방법은 역슬래시를 사용하는 방법으로 줄 바꿈을 하고 싶은 위치에 \n\를 입력해줍니다. 참고로 역슬래시는 엔터키 위의 \키입니다. 원모 양의 키를 입력해줍니다. 실행을 시켜보면 명령어를 입력해준 부분에서 줄 바꿈이 된 것을 확인할 수 있습니다. 하지만 이 방법은 줄 바꿈마다 명령어를 입력해줘야 하는 불편함이 있어 다른 방법을 더 선호합니다. 2. 템플릿 리터럴 템플릿 리터럴(Template Literals)은 새로운 문자열 표기방법이라고 생각하시면 됩니다. 쉽게 말해 문자를 쓰는 새로운 방식입니다. 작은따옴표(') 혹은 큰따옴표(")로 문자를 표기했던 게 기..