본문 바로가기
반응형

전체 글44

image size 블러그 운영에 중요한 블러그 이미지를 최적화해 주세요 이미지를 최적화 블러그를 운영하는데 있어 중요한것중 하나가 이미지들일 것입니다 . 블러그의 이미지들을 어떻게 최적화 해주느냐에 따라서 블러그의 속도에 많은 영향을 주기 때문입니다. 최적화 되지 않은 이미지들은 사이트의 로딩을 느리게 만들어 글내용을 확인하기 전에 느린 속도로 인하여 어렵게 블러그를 방문한 방문자들을 그냥 떠나게 하기도 합니다. 그러기 때문에 블러그 이미지를 최적화해 주는 것은 블러그의 내용 못지 않게 중요합니다. 그래서 이미지 최적화를 한번에 끝낼수 있는 온라인 이미지 최적화 사이트를 소개해 드립니다. ILOVEIMG 이미지들 최적화 하는 방법 이미지의 확장자 변환 이미지에서 불필요한 영역을 잘라내기 이미지 사이즈 조정 이미지의 압축 등 위와 같은 기본적인 방법이 있을수 있습니다. 이미지.. 2022. 10. 23.
html 이란 무엇알까 배워야하는 프로그램일까? HTML (Hypertext Markup Language) 이란 우리가 보는 웹페이지를 브라우저를 통하여 볼 수 있도록 하는 마크업 언어입니다. 텍스트를 통해 페이지를 이동할 수 있는 언어다 라는 의미도 있습니다. 브라우저를 통해 보여지는 언어라 웹으로 무엇인가를 만들려는 분들이라면 어느정도 기초적인 HTML 은 알고 있어야 하겠지요. HTML 이란 언어도 전문적으로 알려면 끝도 없겠지만 제가 아는 범위안에서 간단히 문서 하나 정도는 만들수 있을 범위안에서 간단히 설명해 보겠습니다. 1. html의 구조 html의 글내용 영역에서 html 문서의 기본 성격을 정의해 줍니다. 영역 내용을 입력해 줍니다. 2. html 문서의 기본 성격의 정의 HTML 문서 버전의 종류에는 HTML5, HTML4 이하 및 .. 2022. 10. 20.
SK C&C 화재로 인한 카카오 서비스 장애로 다음 메일 오류가 발생하고 있습니다 현재시간 22년 10월19일 4시 11분 다음 메일이 정상으로 돌아 왔네요. 카카오 관계자님들 고생하셨습니다. 그림 이제 티스토리 블로그 PC에서 모바일 버전으로 뜨고 있는 것 좀 바로 잡아 주세요. 구글 애드센스 신청중 인데 계속 검토요청 오류가 나네요. SK C&C 화재로 인한 카카오 장애로 다음 메일이 아직 오류가 발생하고 있습니다. 현재 시간은 2022년 10월 18일 22시 04 분입니다. 빠른 시간안에 편리한 카카오 서비스들이 정상으로 돌아오길 바랍니다. 절대 발생해서는 안 되는 서비스 오류입니다. "어떻게 이런 일이 있을 수 있겠어"라고 안일하게 생각하고 대처했기에 SK C&C 화재로 같은 피해를 본 네이버보다 카카오의 서비스 복구가 더디게 진행되는 것이 아닌가 생각됩니다. 뭐 좀 기다리면 .. 2022. 10. 18.
[html, css] height 100% 높이의 레이아웃잡기 사전 조건 DOCTYPE을 사용할 것 IE, Firefox, Opera, Safari 등 모든 브라우저에서 Standard Mode 혹은 Almost Standard Mode가 되는 조건은 아래와 같다. 위와 같이 HTML Page에 첫 번째로 선언하면 기본적인 BoxModel Problem을 해결할 수 있다. 다른 Doctype도 많지만 가장 무난히 호환성을 유지해 나가면서 표준을 지키고 여러 브라우저에서 동일하게 표현 하기에 제일 좋은 Doctype이라 생각이 든다. 첫 번째 조건 높이가 100%인 div 영역 height: 100%; 보통 div element에 위와 속성을 주면 안 된다 원인은 저 조건이 되기 위해서는 parent element의 height의 영향을 받기 때문이다. 그래서 해결책.. 2021. 12. 15.
[ jquery ] div의 id 값을 찾아 텍스트 변경는 방법 jquery를 이용하여 지정된 곳에 텍스트를 변경하는 병법은? See the Pen Test by LeeJaeHyouck (@Zinu0926) on CodePen. jquery를 이용하여 지정한 곳에 텍스트를 변경은 방법입니다. 1. html a 링크 태그에 onclick 이벤트를 이용하여 자바스크립트 함수 load (num)를 호출합니다. 2 load 함수를 호출하면서 num 값을 전달합니다. 3. 자바스크립트 load 함수에서 html 소스에 id가 insNum으로 지정된 태그를 찾아 텍스트를 전달해준 num으로 텍스트를 변경합니다. 해당 소스를 어디에 응용할수 있을까? 설문조사의 라디오 버튼에 적용해서 라디어 버튼을 선택할 때마다 선택된 내용을 텍스트로 보여줄 수 있겠네요. 간단하지만 응용할 수 있.. 2013. 10. 8.
[html, css] Div 중앙정렬 브라우져의 중앙에 로그인 Form을 위치 시키는데 가장 많이 사용될것 같은데요. 간단하지만 의외로 로그인 폼 이외에는 잘 사용을 안하는지라 (개인적 생각) 자주 까먹고 구글링해서 항상 찾는 소스이기도 합니다. 1. css body { margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; background:#323333; -webkit-text-size-adjust: none; background-image:url(../images/loginbg.jpg); background-repeat: repeat-x; } div.centerOuter { position: absolute; top: 50%; left: 50%; margin.. 2013. 7. 19.
ctrl+z, ctrl+d, ctrl+c 의 차이점 ctrl+z : 백그라운드로 작업전환 ctrl+d : 정상종료 ctrl+c : 강제종료 2013. 7. 10.
브라우저 버전 정보확인 2013. 6. 28.
반응형