pre { width: 100%; white-space: pre-wrap; word-wrap: break-word; } white-space 관해서 참고 블로그 : aboooks.tistory.com/187 white-space 속성(pre, pre-wrap, pre-line 차이) white-space 속성(pre, pre-wrap, pre-line 차이) 오늘은 요소 안에 공백 처리를 어떻게 할지 지정하는 속성입니다. white space란 여백이라고도 하는데 html에서는 공백, 공란으로 이해하면 됩니다. ▶태그 aboooks.tistory.com

[백준] 4673. 셀프 넘버 시간 제한 메모리 제한 제출 정답 맞은 사람 정답 비율 1 초 256 MB 73530 36934 29601 50.279% 문제 셀프 넘버는 1949년 인도 수학자 D.R. Kaprekar가 이름 붙였다. 양의 정수 n에 대해서 d(n)을 n과 n의 각 자리수를 더하는 함수라고 정의하자. 예를 들어, d(75) = 75+7+5 = 87이다. 양의 정수 n이 주어졌을 때, 이 수를 시작해서 n, d(n), d(d(n)), d(d(d(n))), ...과 같은 무한 수열을 만들 수 있다. 예를 들어, 33으로 시작한다면 다음 수는 33 + 3 + 3 = 39이고, 그 다음 수는 39 + 3 + 9 = 51, 다음 수는 51 + 5 + 1 = 57이다. 이런식으로 다음과 같은 수열을..

[백준] 1065. 한수 시간 제한 메모리 제한 제출 정답 맞은 사람 정답 비율 2 초 128 MB 68861 35778 30364 52.042% 문제 어떤 양의 정수 X의 각 자리가 등차수열을 이룬다면, 그 수를 한수라고 한다. 등차수열은 연속된 두 개의 수의 차이가 일정한 수열을 말한다. N이 주어졌을 때, 1보다 크거나 같고, N보다 작거나 같은 한수의 개수를 출력하는 프로그램을 작성하시오. 입력 첫째 줄에 1,000보다 작거나 같은 자연수 N이 주어진다. 출력 첫째 줄에 1보다 크거나 같고, N보다 작거나 같은 한수의 개수를 출력한다. 예제 입력 1 예제 출력 1 110 99 예제 입력 2 예제 출력 2 1 1 예제 입력 3 예제 출력 3 210 105 예제 입력 4 예제 출력 4 1000 144..

textarea로 입력받은 글을 출력하게 되면 줄바꿈이 적용되지 않는 것을 볼 수가 있다. 그 이유는 데이터베이스에 저장될 때 개행문자가 \n, \r, \r\n 이런식으로 저장이 되기 때문이다. 처음에 검색해보았을 때 저런 개행문자를 정규표현식으로 모두 찾아서 replace, replaceAll 메소드를 통해 으로 바꾸어주면 된다는 방법을 보긴했었는데 어떤 이유인지 되지 않아서 헤맸다가 생각보다 간단한 방법으로 1초만에 바꿀 수 있었다. 바로 pre 태그로 출력하면 된다. 그러면 복잡한 방법 필요 없이 그냥 바로 해결이 된다! 🌭 textarea로 입력받은 글을 p로 출력했을 때(줄바꿈 적용 안된 모습) 🍕 textarea로 입력받은 글을 pre로 출력했을 때(줄바꿈 적용 된 모습)

.video__description p.video__description__text=video.description .description_moreDetails 더보기​ .video__description { font-size: 14px; line-height: 25px; padding-bottom: 50px; padding-left: 60px; border-bottom: 1px solid #e0e0e0; } p.video__description__text.abstracted { height: 75px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: verti..

개발할 때 크롬으로 테스트해보면서 만든 후 배포한 다음에 사파리에서 테스트를 해보니 버튼이 그라데이션과 테두리곡선이 적용된 것을 볼 수 있었다. 내가 원하는 디자인으로 보이지 않아서 방법을 찾아보았다. 사파리에서는 기본적으로 버튼에 그라데이션과 테두리 곡선이 들어가있다고 한다. 이는 간단하게 이 코드를 통해 해결할 수 있다. 또한 내가 input에 text-shadow 넣은 것도 적용되지 않았었는데 그 문제도 이 코드를 통해 해결될 수 있었다. input, textarea, button{ -webkit-appearance: none; } 해결 전 해결 후