Programming (421) 썸네일형 리스트형 원하는 숫자만큼 순서대로 증가하는 글자 웹페이지에 표시(HTML, CSS, jQuery) 원하는 숫자만큼 순서대로 증가하는 글자 웹페이지에 표시(HTML, CSS, jQuery) 개인적으로 라인 수와 관련한 문제가 생겨 테스트 해봐야 될 상황이 있었습니다. 그런데 테스트 용도로 라인 수를 체크하기 위해서 수동으로 20,000개가 넘는 숫자를 일일이 작성하는 건 시간이 오래 걸릴 것 같아 간단히 웹페이지에 표시되게끔 웹페이지를 만들었습니다. 페이지 하단에 소스구문이 있는데 간단히 웹페이지에서 바로 확인하고자 하시는 분들은 첨부파일을 다운 받아서 더블 클릭으로 열어 보셔도 됩니다. HTML, CSS, jQuery만을 이용해 만든 간단한 웹페이지이며 아래 이미지와 같이 해당 소스를 웹페이지에서 실행하게 되면 특정 숫자를 입력한 뒤 출력 버튼을 누르면 숫자가 자동으로 증가하며 원하는 숫자까지 웹페이.. Java Interceptor resources 및 특정 경로를 소스에서 제외하는 방법(스프링 버전 3.1.1) Java Interceptor resources 및 특정 경로를 소스에서 제외하는 방법(스프링 버전 3.1.1) 최근에 Java 언어를 이용해 Spring 환경에서 웹페이지 기능을 만들고 있습니다. 사이트 기능 중 필요했던 기능이 로그인한 사용자만 페이지를 이용할 수 있도록 하기 위해 정보를 찾아보니 Interceptor를 활용하면 페이지 단위별로 작업을 하지 않아도 한 방에 해결할 수 있을 것 같았습니다. Spring 프레임워크 버전별로 환경 구성이 다르기에 정보를 검색하는 것을 참고할 수 있었으나 저와 비슷한 환경에 대한 글은 대체로 많이 없었고 예외 사항도 꽤 있었던 것 같습니다. Interceptor를 사용하기 위해서는 설정이 필요했습니다. WEB-INF/spring/servlet-context... PHP for 문 100개씩 나눠서 서버 전송이나 기타 작업이 필요할 때 활용하기 위한 소스 PHP for 문 100개씩 나눠서 서버 전송이나 기타 작업이 필요할 때 활용하기 위한 소스 개인적으로 코드 작업을 하면서 PHP 반복문 FOR 루프에서 반복되는 구문이 있었는데 for 루프가 배열 끝까지 반복되지 않고 100개씩만 루프가 돌면서 특정 서버에 데이터를 전송하는 코드가 필요했습니다. 직접 작성한 코드는 사이트에 이미 적용하였는데 혹시라도 필요한 분들이 있을 수도 있다는 생각에 샘플 코드를 간단히 작성했습니다. 코드의 흐름은 빈 배열 변수에 랜덤 숫자 437개를 넣고 while 반복문에서 100개를 나눈 개수만큼 루프가 돌며 while 문 내부에서 추가로 for 반복문이 반복되는 형태입니다. 개수 테스트가 필요하신 분들은 랜덤 숫자를 배열에 넣는 for 구문에서 437 숫자만 변경하셔서 테스.. PHP mb_str_split 함수가 없는 것 같아 만들어 봤습니다.(PHP 한글 물음표, 깨짐) PHP mb_str_split 함수가 없는 것 같아 만들어 봤습니다. (PHP 한글 물음표, 깨짐) 관리하는 사이트의 웹 언어가 PHP로 되어 있었는데 해당 사이트의 인코딩은 UTF-8 형태로 되어 있었고 특정 시스템에 문자열을 보내기 위해서는 잘라낸 문자를 EUC-KR 형태로 변환해 보내야 하는 경우가 생겼습니다. 한글의 경우는 UTF-8, EUC-KR 형태에 따라 한 글자당 2바이트 또는 3바이트를 차지하기 때문에 문자를 잘라내고자 할 때 sub str 함수로 잘라내면 한글 문자가 깨집니다. 그렇기 때문에 mb_sub str 함수를 이용해 모든 글자를 한글자씩 체크해 문자를 잘라야 합니다. 그리고 저에게 필요한건 그렇게 잘라낸 문자들을 배열로 반환해주는 함수가 필요했습니다. 문자를 잘라내기 좋은 mb.. Ajax textStatusparsereoor Unexpected token A in JSON at position 0 에러 해결 방법 Ajax textStatusparsereoor Unexpected token A in JSON at position 0 에러 해결 방법 최근에 사이트를 만들던 파악하기 힘들었던 에러를 경험했습니다. Ajax를 이용해 정상적으로 데이터를 가져오지 못하는 경우 Ajax에서 에러가 출력 되도록 코드를 작성하지 않았다면 오류에 대한 내용이나 반응이 전혀 나오지 않습니다. 그래서 Ajax를 사용하면서 아래 오류에 대한 내용을 경험하신다면 제가 작성한 글을 참고하시면 도움이 되실 겁니다. - Ajax textStatusparsereoor 오류 - errorThrownSyntaxError: Unexpected token A in JSON at position 0 오류 해당 오류를 테스트하기 위해 직접 테스트 페이지 .. 이미지에 링크를 연결하는 방법_HTML 이미지맵 활용 이미지에 링크를 연결하는 방법_HTML 이미지맵 활용 웹사이트에서 HTML 코드를 이용해 이미지 파일에 링크를 연결할 수 있습니다. 기본적으로 이미지를 불러오는 img 태그를 이용해 이미지를 불러오고 해당 이미지를 감싸는 HTML의 a 태그를 연결해 이미지에 링크를 연결할 수 있습니다. 그런데 위와 같은 방법은 전체 이미지에 대한 링크를 거는 것이고 이미지의 특정 영역에 링크를 연결하고 싶다면 이미지를 부분적으로 잘라내거나 이미지를 백그라운드에 배치하고 이미지 위에 HTML 태그를 배치해 링크를 연결할 수 있습니다. 위와 같은 방법을 이용해 링크를 건다면 시간도 오래 걸리고 이미지를 자르거나 배치하는데 매우 번거로운 작업이 될 수 있습니다. 기본적인 방법을 통해 사이트를 구현하면 좋겠지만 이미 구현된 사.. iframe cross domain 문제(iframe 부모 자식 대화, scroll size 조절 예제) iframe cross domain 문제(iframe 부모 자식 대화, scroll size 조절 예제) 현재 사이트에서 기능을 새로 만들고 보여 주는 것보다 다른 서버에 이미 만들어져 있는 화면을 그대로 현재 화면을 가져오고자 할 때 iframe 태그를 이용하는 경우가 생기는 것 같습니다. 현재 웹사이트에서 iframe 태그를 이용해 현재 사이트에서 다른 사이트에 내용을 보여주고 싶은 경우가 생기는 데 iframe으로 보이는 내용이 스크롤이 필요 없는 경우라면 문제가 없겠지만 세로 스크롤이 필요할 정도로 보이는 내용이 많은 경우 한 페이지에 스크롤이 두 개 생기면 보기에 지저분합니다. iframe의 크기가 정해져 있다면 상관없겠지만 iframe안에서 특정 상황에 따라 높이가 계속 변경된다 보니 반드시 .. 엣지 브라우저 CSS, 익스플로러 브라우저 CSS, 크롬 브라우저 CSS를 각각 적용해 보자. 엣지 브라우저 CSS, 익스플로러 브라우저 CSS, 크롬 브라우저 CSS를 각각 적용해 보자. 제가 알고 있는 브라우저의 종류만 해도 대략 5가지 정도 됩니다. 익스플로러, 엣지, 파이어폭스, 오페라, 크롬 브라우저 등 모든 브라우저의 환경에 맞춰서 동일한 화면을 구성한다는 게 쉬운 일은 아닌 것 같습니다. 일정에 압박이나 기존에 사용하던 소스를 활용해서 새로운 무언가를 만들어 활용하고자 하는 경우에는 다양한 브라우저의 환경에 맞춰 소스를 작성한다는 것은 웹 프로그래밍을 하면서 정말 어려운 일 같기도 합니다. 시간이 좀 더 주어진다면 모든 환경에 맞춘 HTML 태그 작성과 모든 브라우저를 지원하는 CSS 문법을 사용하겠지만 사실상 그렇게 일을 처리하기 위해서는 시간적 여유가 필요합니다. 개인적인 경험으로.. 이전 1 ··· 3 4 5 6 7 8 9 ··· 53 다음
