본문 바로가기

전체 글148

썸네일 이미지 비율 유지 영역에 꽉 차게 이미지 자르기 한 후 가운데 정렬 CSS 및 jquery 가로세로 비율 썸네일 이미지 비율 유지 영역에 꽉 차게 이미지 자르기 한 후 가운데 정렬 CSS 및 jquery 가로세로 비율 썸네일 이미지 비율유지 영역에 꽉 차게 이미지 자르기 한 후 가운데 정렬 CSS 및 jquery 썸네일이나 대표이미지의 가로 세로 비율이 고정된 영역에 다양한 이미지의 가로세로 비율이 다를 때, 해당 영역의 크기에 딱 맞춰서 넘치는 영역은 잘려 보이게 하는 것은 조금 복잡하다. 이미지 자체만으로 하려면 서버에서 자체적으로 이미지를 해당 비율에 맞춰서 잘라 주어야 하겠지만, 원본 소스를 유지한체 스타일시트 CSS만으로 해결하려면 어려움이 따른다. 이미지가 세로가 긴 포트레이트일 수도 있고, 가로가 긴 랜드스케이프일 수도 있기 때문이다. CSS는 자체적으로 어느 쪽이 긴 지 알 수 없다. SCSS.. 2020. 10. 11.
iso 실행 프로그램 설치방법 및 사용법 오늘 준비한 정보는 iso 실행 프로그램 추천 및 설치방법 그리고 간단한 사용법입니다. iso 실행 프로그램은 iso 파일을 읽어서 가상 드라이브로 보내는 프로그램을 말합니다. 가장 대표적인 프로그램이 "데몬툴즈"입니다. 오늘 추천해드릴 프로그램은 데몬툴즈는 아닙니다. 최근 많이 사용되고 있는 "시디스페이스 8"입니다. (평이 아주 좋아요^^) 설치방법 및 사용법을 아주 간단하게만 알려드리겠습니다. 먼저 설치방법부터 알려드릴게요. 네이버에 시디스페이스라고 검색하면 최신 버전이 소프트웨어 정보에 바로 나옵니다. 다운로드를 누르시면 페이지로 이동이 됩니다. 무료 다운로드를 클릭해서 설치를 진행하세요. 이때 불필요한 프로그램들도 함께 설치될 수 있으니 무조건 다음, 다음 누르지 마시고 잘 보시고 불필요한 건 .. 2020. 10. 9.
전자가족관계등록시스템 가족관계증명서 인터넷 발급 wizvera veraport, XecureWeb, INISAFEWeb 안녕하세요. 얼마 전에 대한항공 마일리지 가족 합산을 하려고 했더니 가족관계 증명서를 요청하더군요. 이런 증명서는 은행이나 관공서에서만 요청하는 줄 알았더니, 대한항공 같은 사기업에서도 가족관계 증명서를 요구하더군요. 등본 같은걸로도 충분할 것 같은데… 아무튼 제가 동사무소에서 근무를 하고 있긴 하지만, 퇴근한 주말이고 집이라서 그냥 인터넷으로 발급받았습니다. 그 김에 가족관계 증명서 인터넷 발급에 대해 포스팅하려고 합니다. 인터넷으로 발급받으시려면 대법원 전자 가족관계 등록시스템 사이트로 접속해야 합니다. 대한민국 대법원 전자가족관계 등록시스템 홈페이지 주소 : http://efamily.scourt.go.kr/ 네이버에서 전자 가족관계 등록시스템을 검색하시거나, 제 글의 링크로 이동하시면 됩니다. 우.. 2020. 10. 8.
피피티템플릿 디자인 툴 웹기획 스토리보드 파워포인트 작성을 편리하게 파워목업 - powermockup [웹기획] 파워포인트에서 홈페이지 스토리보드 작성을 편리하게 해주는 피피티템플릿 디자인툴 파워목업 (PowerMockup ) 파워목업은 피피티템플릿 디자인 툴 파워포인트 플러그인 프로그램이다. 파워포인트로 홈페이지 스토리보드를 작성하거나 웹기획을 작성해 본 사람이라면 누구나 공감하겠지만...노가다다. powermockup은 웹기획 등에 필요로 하는 각종 웹 구성요소들의 이미지를 벡터화하여 스텐실이라는 형태로 제공하는 피피티템플릿 디자인 툴이자 스토리보드 프로그램이다. 사용방법은 매우 직관적이다. 기본적으로 파워포인트를 사용해 본 사람이라면 누구나 손쉽게 사용할 수 있다. 프로그램을 다운 받아서 설치하면 화면의 우측에 스텐실 창이 떠 있다. 필요로 하는 스텐실을 drag&drop으로 화면에 옮겨 놓고 원하.. 2020. 10. 7.
알약 실행 안될 때 전용 백신으로 복구하세요. 알약이 실행이 되지 않을 때가 있습니다. 알약을 공격하는 웜이나 바이러스에 걸린 것인데요. 이럴 때는 전용 백신으로 치료하시고 재부팅한 후 알약을 실행시키시면 됩니다. 만약 아래의 방법에도 되지 않을 때에는 알약을 삭제하고 다시 설치하시는 것으로도 해결이 됩니다. 알약 실행 안될 때는 알툴즈에서 제공하는 전용 백신을 이용하세요. 갑자기 알약이 실시간 감시 작동을 멈추었습니다. 트레이에 있던 알약 아이콘이 사라졌습니다. ALYacRemovalTool-KillAlyac으로 검색해보니 난리도 아니네요. 치료 버튼을 누릅니다. 치료가 완료되었습니다. 재부팅을 하면 알약이 다시 돌아와 있습니다. 2020. 10. 6.
오토셋 10.0으로 WAMP 환경에서 워드프레스 블로그 만들기 시작 PHP 7.2.10 mariadb 오토셋 10.0은 APM을 한 번에 설치할 수 있게 해주는 스택 프로그램이다. 2019년 7월 28일 이후로 오토셋 10 이상의 업그레이드는 이뤄지지 않고 있고, 사실상 더 이상 서비스를 제공하지는 않는다. 다만, 소스포지를 통해서 오토셋 설치 파일 자체는 계속 제공된다. PHP 버전은 7.2 버전이다. Maria DB는 10.3.8 버전이 제공된다. 아파치 서버는 2.4.23 버전이다. 이 정도면 충분히 워드프레스 최신 버전을 구동할 수 있다. 스택 프로그램이란 것은 무더기, 쌓다 이런 의미를 가지고 있다. 짐작하다시피, 아파치, PHP, MySQL은 거의 한 개념으로 붙어 다녀서 APM혹은 AMP라고 부른다. 이런 웹서버용 프로그램을 하나씩 설치하기에는 귀찮거나, 버전 조합이 맞지 않거나 설정이 어긋.. 2020. 10. 5.
구글 블로그 타사 URL 설정 - 개인도메인 구글 블로그 타사 URL 설정 - 개인도메인 안녕하세요, 블로거 여러분! 오늘은 구글 블로그에서의 타사 URL 설정에 관한 중요한 정보를 공유해드리려고 합니다. 개인 블로그를 운영하면서 도메인 설정에 대한 중요성을 느끼시는 분들께 꼭 필요한 내용이 될 것입니다. 도메인 설정은 검색 엔진 최적화(SEO)에서부터 사이트 심사, 블로그의 인지도 향상까지 많은 이점을 제공합니다. 자, 그럼 시작해 보겠습니다. 개인 도메인 설정의 필요성 카페24 호스팅 2차도메인 티스토리 블로그 개인 도메인 설정 카페24 호스팅 2차도메인으로 티스토리 블로그 개인 도메인 설정하기 소개 도메인, 그것은 가치 있는 자원입니다. 때로는 필요에 따라서, 때로는 개성을 표현하기 위해 무료 도메인 대신 유료 도 hitour2021.whit.. 2020. 10. 4.
제이쿼리 팁 특정 태그에 CSS 적용 jquery .each(), .text(), .addClass(), $(this), .css(), .replace() 크롬/IE color 해석 방식 차이 [제이쿼리 팁] 워드프레스 포스팅 글 내용 중 특정 태그에 CSS를 적용하라 크롬/IE color 해석 방식 차이. jquery .each(), .text(), .addClass(), $(this), .css(), .replace() 요즘 특허 사이트의 콘텐츠용 사이트를 의뢰받아서 워드프레스로 제작 중인데요. 워드프레스 적용 자체는 별 것 아닌 작업이지만, 우리의 까다로운 클라이언트님의 소소한 요청이 워드프레스나 워드프레스 테마의 PHP를 건드리지 않고, 원하는 모양을 만들어 달라는 고난도 요청이 좀 많다. 이 번 요청은 이미 클라이언트가 작성해 둔 글 내용에서 링크들을 특정 모양을 "디자인 스타일대로 CSS를 입혀라"라는 미션입니다. 단! 제한 조건은 클라이언트는 html이나 css에 대해 전혀 모르고.. 2020. 10. 3.
Yoast SEO 플러그인 meta description 안 보이는 문제 해결 방법 Yoast SEO 플러그인에서 Meta Description이 표시되지 않는 문제 해결 방법 소제목: 문제의 발견과 중요성 최근에 네이버 웹마스터 도구에서 여러 워드프레스 사이트들이 사이트 등록이 누락되었다는 문제가 발생하였습니다. 이 문제로 인해 해당 도메인이 네이버의 블랙리스트로 등재되어 추후 도메인 등록이 어렵다는 상황이 발생할 수 있습니다. 이에 대한 대응이 필요한 상황입니다. 소제목: Yoast SEO 플러그인과 Meta Description 저희는 기존에 All in one SEO 플러그인을 사용하던 중, 요즘은 조금 더 간단한 Yoast SEO 플러그인을 사용하고 있습니다. 그러나 최근에 Yoast SEO 플러그인을 사용하면서 문제가 발생하였습니다. 바로 Yoast SEO 플러그인이 Meta.. 2020. 10. 2.

티스토리툴바