블로거 썸네일형 리스트형 [tstory] 티스토리 본문 글자 높이 바꾸기 티스토리의 본문에 줄간 간격이 좁은 현상을 해결하기 위해서는 아래의 코드를 변경하면 됩니다. 1. 홈페이지 관리자 모드로 전환 2. 꾸미기 → 스킨 편집 3. html 편집 4. css부분으로 들어갑니다. 5. 아래의 코드부분 중 line-height를 원하는 사이즈만큼 수정하시면 됩니다. .entry-content p { margin-bottom: 22px; word-break: break-all; font-size: 1em; line-height: 2.0; color: #666; } 그러면 글 사이의 간격이 원하는 만큼 벌어져서 가독성이 좋아집니다!! 만약 다른 부분도 간격이 좁다고 생각하시면 css부분에서 line-height부분을 찾아서 수정하시면 됩니다!!! 다들 어렵지 않게 홈페이지 꾸며보세요.. 더보기 [백준 문제 1546번] 평균 문제 문제 1546) 평균 문제 문제) 세준이는 기말고사를 망쳤다. 세준이는 점수를 조작해서 집에 가져가기로 했다. 일단 세준이는 자기 점수 중에 최댓값을 골랐다. 이 값을 M이라고 한다. 그리고 나서 모든 점수를 점수/M*100으로 고쳤다. 예를 들어, 세준이의 최고점이 70이고, 수학점수가 50이었으면 수학점수는 50/70*100이 되어 71.43점이 된다. 세준이의 성적을 위의 방법대로 새로 계산했을 때, 새로운 평균을 구하는 프로그램을 작성하시오. 입력) 첫째 줄에 시험 본 과목의 개수 N이 주어진다. 이 값은 1000보다 작거나 같다. 둘째 줄에 세준이의 현재 성적이 주어진다. 이 값은 100보다 작거나 같은 음이 아닌 정수이고, 적어도 하나의 값은 0보다 크다. 출력) 첫째 줄에 새로운 평균을 출력.. 더보기 [java script] Vue.js 데이터를 사용한 계산(computed) 1. computed : 데이터의 값을 계산하여 쓸 때 사용하는 산출 프로퍼티 예시로 바로 확인해 보겠습니다. 금액을 입력하면 소비세가 포함된 금액을 계산하는 예제 원 소비세 포함 금액 {{ taxIncluded }} 원 taxIncluded라는 프로퍼티에 계산하는 function을 넣어 반환하는 예시입니다. 아래와 같은 출력 값을 확인할 수 있습니다. ◎ 단가와 개수를 입력해 세금 포함 금액을 계산하는 예제 단가와 개수를 입력하면 세금포함 금액을 계산하는 예제 원 x 개 합계 {{ sum }} 원 세금포함 {{ taxIncluded }} 원 sum 함수를 따로 지정하고 그 함수는 다른 함수에서 사용할 수 있습니다. alt + 255 하면 ' ' 값이 들어가는 빈 공간을 하나 생성할 수 있습니다. ◎ 국.. 더보기 [java script] Vue.js의 구글 차트란? ◎ Vue.js에서 구글 차트 연동 아래의 문구를 작성하면 차트를 연동할 수 있습니다. google 차트는 움직이지 않는 그래프만 표시할 수 있습니다. 여기서 Vue.js를 연동하면 유저가 조작하면 움직이는 그래프를 만들 수 있습니다. ◎ google chart를 사용하는 예제 Google Charts로 원그래프를 그리는 예제 선호하는 점심 메뉴 투표 구글 차트를 연동하면 아래와 같은 차트가 나타나게 됩니다. 차트별로 적용가능한 배열이 있고 값이 맞지 않으면 출력이 되지 않습니다. 위의 자바스크립트 부분이 전부 chart의 코드고 google charts로 들어가면 확인하실 수 있습니다. Google 차트 사용 | Charts | Google Developers Google 차트 사용 | Charts |.. 더보기 [java script] Vue.js 조건(v-if)과 반복(v-for) 3 이번에는 v-for과 v-if를 조합해서 사용해 보겠습니다. ◎ v-for과 v-if를 사용한 예제 짝수만 표시하는 예제 {{ item }} 조건에 맞는 결과만 출력됩니다.(2, 4, 6) v-for과 v-if는 한 줄에 나열해서 사용할 수 있습니다. 짝수만 표시하는 예제 {{ item }} 짝수만 표시 filter를 이용해서 2의 배수만 출력되도록 합니다. filter는 조건에 만족하는 것만 배열에 변경하는 것입니다. ◎ 숫자 배열 조작과 구구단 출력을 나타내는 예제 숫자 배열 조작과 구구단 출력 {{ item }} 변경 삭제 추가 정렬 구구단 보이기 {{ i }} x {{ j }} = {{ i*j }} 위와 같은 화면이 출력됩니다. 1. 변경을 누르면 값이 1 증가 2. 삭제를 누르면 해당열 삭제 3.. 더보기 [java script] Vue.js 조건(v-if)과 반복(v-for) 2 오늘은 배열을 for문을 통해 나열하는 것을 추가로 배워보겠습니다. 바로 예제로 들어가 볼게요! ◎ table을 통해 다중 배열을 출력하는 예제 버튼으로 리스트에 추가/삭제 예제 {{ a }} 맨 뒤에 추가 네번째에 추가 첫번째를 변경 두번째를 삭제 th(행), td(열)에 모두 for문을 사용하면서 table이 나타나도록 정렬합니다. 이때 방법은 ranking(배열)을 line(배열)에 저장하고 line(배열)을 다시 item에 저장하면서 분리가 되도록 합니다. 자바나, 자바스크립트에서 for문을 이용해서 배열을 출력하는 방법과 유사하고 HTML에 적용한다는 것만 다릅니다. line, item은 다른 글자로 바꿔도 상관없습니다. ◎ 배열 데이터의 추가와 삭제 ▷ 배열.push(추가데이터) ▷ 배열.sp.. 더보기 [백준 문제 10951번] A+B-4문제 (hasnext) 문제 10951) A+B-4 문제) 두 정수 A와 B를 입력받은 다음, A+B를 출력하는 프로그램을 작성하시오. 입력) 입력은 여러 개의 테스트 케이스로 이루어져 있다. 각 테스트 케이스는 한 줄로 이루어져 있으며, 각 줄에 A와 B가 주어진다. (0 < A, B < 10) 출력) 각 테스트 케이스마다 A+B를 출력한다. 두 값을 넣으면 A+B가 출력이 되면 됩니다. NO 입력 출력 1 1 1 2 2 2 3 5 3 3 4 7 4 9 8 17 5 5 2 7 저는 이 문제를 풀지 못했습니다. 왜냐면 문제 자체를 제대로 이해하지 못했기 때문입니다. 그래서 입력 값을 배열로 받고 출력도 해보고 했지만 결국 실패만 했습니다. 그 이유는 제가 n 값을 지정해서 입출력 예시처럼 5개만 입력되도록 지정했기 떄문입니다... 더보기 [백준 문제 2884번] 알람 시계 문제 오늘부터 주말동안에는 강의가 없기 때문에 백준 문제로 실력 향상을 해보도록 하겠습니다!! 문제 2884) 알람 시계 상근이는 매일 아침 알람을 듣고 일어난다. 알람을 듣고 바로 일어나면 다행이겠지만, 항상 조금만 더 자려는 마음 때문에 매일 학교를 지각하고 있다. 상근이는 모든 방법을 동원해보았지만, 조금만 더 자려는 마음은 그 어떤 것도 없앨 수가 없었다. 이런 상근이를 불쌍하게 보던, 창영이는 자신이 사용하는 방법을 추천해 주었다. 바로 "45분 일찍 알람 설정하기"이다. 이 방법은 단순하다. 원래 설정되어 있는 알람을 45분 앞서는 시간으로 바꾸는 것이다. 어차피 알람 소리를 들으면, 알람을 끄고 조금 더 잘 것이기 때문이다. 이 방법을 사용하면, 매일 아침 더 잤다는 기분을 느낄 수 있고, 학교도.. 더보기 이전 1 ··· 19 20 21 22 23 24 25 26 다음
