본문 바로가기

Dev49

CSS 텍스트 속성 : text-align:justify,text-justify:auto,inter-word,inter-ideograph,inter-cluster,distribute,kashida,newspaper,distribute-all-lines,distribute-center-last text-align:justify; text-justify:~ 속성은 골 때리게도 CSS2에는 포함되지 않고, CSS3에는 포함이 되어 있고, IE 구버전들은 일부 지원을 하고, 9 이상에서는 지원이 되지 않는 웃긴 양상을 보이는 텍스트 속성이다. 더 귀찮은 것은 골 때리게도, 이 속성을 공무원님들이 너무 좋아라 하신다는 거다. -_-; 군정시대 습성들이 남아 계신 건지 글씨들이 각 맞춰서 열 맞춰서 서 있기를 바라는 분들이 간혹 있다. 그러면서 단어는 음절단위에서 개행하지 않게 해 달란다. 아하~ 나처럼 이런 갈굼을 당하는 퍼블리셔들이 많으신지, 의외로 검색 유입에 text-align:justify를 검색하는 사람들이 꽤 있다. 그분들의 갈증을 해소해드리고자, 브라우저별로 속성 값이 어떻게 적용되는지를.. 2020. 9. 14.
php 엑셀 다운로드 한글 깨짐 문제 해결 php로 제작된 웹사이트에서 엑셀 다운로드를 받는데 한글로 된 엑셀 파일명이 깨지는 경우가 있다. 문서 제목이 엑셀 다운로드이다보니, ms 엑셀 2010 다운 같은 것을 기대하고 들어온 분들이 많은 것 같다. 그런 분들은 이 곳을 참조! 엑셀 2010 무료 다운 엑셀 2010 무료 다운 파워포인트 2010 무료설치 마이크로소프트 엑셀 2010 무료 다운 로드 설치 blog1.ezip2020.com 예전에는 잘 되다가 갑자기 안된다는 보고가 생기는데, 그럴리는 없다. 처음부터 안되는 것이다. 크롬 브라우저에서는 한글 파일명으로 엑셀 파일 다운로드가 가능하지만 IE에서는 한글 파일명의 한글이 깨지고 이상한 문자로 만들어서 엑셀 파일명까지 인식이 안되는 문제가 생긴다. 보통 php 엑셀 다운로드 소스는 다음과.. 2020. 9. 10.
워드프레스 이미지를 자르는데 에러가 발생했습니다. 에러. php gd 설치 워드프레스에서 이미지를 업로드 한 다음에 크기 변형이 아닌 자르기 옵션을 사용할 때 에러가 발생하는 경우가 종종 있습니다. 특히 사이트 파비콘을 만들려고 할 때 에러가 발생할 때가 종종있습니다. 워드프레스는 php를 기반으로 한 CMS이기 때문에 php의 GD함수를 사용합니다. 워드프레스 에러 해결방법 시리즈1 파비콘도 만들어 주기 때문에 외부 유틸을 이용해서 파비콘을 만들필요 없이 아무 사진이나 올리고 정사각형으로 잘라서 만들면 됩니다. 그런데 실컫 마음에 드는 이미지를 골라서 업로드해서 손을 바들바들 떨면서 잘랐는데, "이미지를 자르는데 에러가 발생했습니다." 라고 무책임한 에러가 뜰 때가 있습니다. 영문판에서는 There has been an error cropping your image. 라는 에.. 2020. 9. 4.
자바스크립트 시간 제어 함수 setTimeout(), setInterval(), clearTimeout() 자바스크립트 시간 제어 함수 setTimeout(), setInterval(), clearTimeout() 자바스크립트를 이용해서 일정한 시간 간격마다 혹은 일정한 시간이 지난 뒤에 특정 이벤트를 발생시키거나 동작을 취해야 할 경우가 종종 있다. 이럴 때 사용하는 자바스크립트 시간 함수가 바로 setTimeout()와 setInterval()이다. setTimeout(), setInterval()의 가장 큰 차이점은 한 번만 실행하느냐, 계속 반복적으로 실행하느냐의 차이다. 위의 두 예제처럼 단 한번만 적용하고 싶다면 setTimeout을 사용하고, 일정한 시간간격으로 반복 적용하고 싶다면 setInterval()을 사용하면 된다. setInterval에서 1000이라는 숫자는 밀리세컨드로 해당 숫자의 .. 2020. 8. 31.
자바스크립트 link Canonical javascript createElement appendChild window.location.href 결론부터 말하자면 삽질이다. 어느 날 갑자기 구글 애드센스 광고가 뜨지 않길래 확인해 보니 개인 도메인으로 설정된 무료 도메인의 루트 도메인에서 구글 애드센스 정책 위반이 떴다. 무료 도메인은 내도메인.한국 의 주소를 사용했다. 이게 해결이 안되면 광고를 게재할 수가 없단다. 난감하게도... 이 도메인 주소로 네이버 유입이 제법 있다. 그래서 혹시나 301 redirection이라도 써 볼까 했지만 그럴 방법이 전혀 없다. 돈을 쓰면 가능하겠지만... 일단 새로 호스팅을 받지 않는다는 전제 하에 그렇다. 그래서 궁리한 것이 내 도메인 한국의 단일 페이지 수정에서 Canonical를 설정해주고, 자바스크립트 location.href로 리다이렉션을 걸어서 옮기는 방법을 생각해 봤다. 결과는 앞서 말한 데로 .. 2020. 8. 30.
[CSS] div에서 테이블의 valign처럼 텍스트를 가운데 정렬 시키기 display:table-cell; vertical-align:middle css로 div에서 테이블의 valign처럼 텍스트를 가운데 정렬 시키기 display:table-cell; vertical-align:middle 결론부터 말하자면, div인데 table의 cell처럼 동작을 시키기 위한 방법이다. div의 높이가 고정되어 있을 때 텍스트 를 세로의 중간에 정렬 시킬 필요가 있을 때가 있다. 테이블에서 valign을 center로 주었을 때처럼 보이게 한기 위한 것이다. 보통 css에서 수직정렬에서 가운데에 정렬시키고 싶을 때는 vertical-align:middle을 사용한다. 하지만 div에서는 vertical-align:middle만으로는 수직 가운데 정렬이 되지 않는다. 이 때 div의 display속성을 table-cell로 부여함으로써 마치 테이블셀에서의 수.. 2020. 8. 29.
제이쿼리 아코디언 on() 이벤트 주간 스케줄 만들기 css :not() 선택자 제이쿼리 on() 이벤트 와 css :not() 선택자를 이용해서 주간 스케줄 제이쿼리 아코디언 만들기 일하는 중이라 자세한 제이쿼리 아코디언 설명은 생략한다. 다음과 같은 주간 스케줄 표에서 특정 날짜나 특정 스케줄을 선택하면 열리고 다른 스케줄은 접히는 아코디언을 구현하는 것이다. 핵심은 on()함수와 css:not() 선택자를 이용하는 것이다. 특정 엘리먼트를 선택하면 선택된 엘리먼트에만 클래스를 부여하고 나머지 형제 엘리먼트에서는 클래스를 빼고, css:not() 선택자로 선택여부를 토글할 수 있다는 것이 핵심이다. css /* scheduleWeek*/ .scheduleWeek { width: 100%; min-width: 950px; table-layout: fixed; border-spaci.. 2020. 8. 24.
asp, html, jsp, php include(인클루드) 하는 방법. PHP, ASP, JSP에서의 Include 사용법과 HTML의 한계 인클루드(include)는 코드 재사용성을 높이기 위한 매우 유용한 기능입니다. 웹 개발에서는 헤더, 푸터, 네비게이션 바 등과 같은 공통 요소를 여러 페이지에 걸쳐 반복해서 사용해야 할 경우가 많습니다. 이러한 상황에서 인클루드를 사용하면 중복 코드를 줄이고 유지보수를 쉽게 할 수 있습니다. 웹퍼블리셔 뿐만 아니라 웹 개발자들도 이 기능을 자주 사용합니다. 하지만 이 기능은 프로그래밍 언어나 플랫폼에 따라 다르게 구현될 수 있으므로, 여기서는 PHP, ASP, JSP에서 어떻게 인클루드를 사용하는지, 그리고 HTML에서는 왜 사용할 수 없는지에 대해 알아보겠습니다. PHP에서의 Include PHP에서는 include 또는 inclu.. 2020. 8. 14.
부트스트랩4 데이트피커 datepicker 이벤트 가로채기 / 제이쿼리 toggle()이용해서 게시물 목록 정렬 버튼 토글하기 부트스트랩4 데이트피커 datepicker 이벤트 가로채기 부트스트랩4 데이트피커는 아주 강력한 도구입니다. 여러 이벤트와 API를 제공하여 사용자가 원하는 방식으로 캘린더와 시간을 선택할 수 있게 해주죠. 하지만 때로는 플러그인이 제공하는 기본 이벤트가 우리의 요구사항과 완벽하게 일치하지 않을 때가 있습니다. 이럴 때 소스 코드를 직접 수정해야 하는 상황이 발생할 수 있습니다. 본 글에서는 이러한 문제를 어떻게 해결할 수 있는지 알아보겠습니다. https://tempusdominus.github.io/bootstrap-4/Events/ Redirecting to https://getdatepicker.com/ tempusdominus.github.io 기본적인 이벤트 사용법 Tempus Dominus에.. 2020. 3. 24.