소소한 Web창고

일전에 PDF viewer를 찾다가 PDF.js를 찾은 적이 있다. 브라우저에서 PDF 보기를 지원하지 않거나 통일된 UI로 쓰기에 좋겠다고 했었다. 바로가기: PDF.js 간단한 사용법 - web상에서 pdf파일 보기 여기에서 PDF파일을 하나만 사용한다면 그럭저럭 쓸만은 했는데 조금 더 욕심을 부려 복수 이상의 파일을 선택해서 보는 기능을 추가하고 싶었다. 정확히는 드롭다운 리스트를 만들어서 선택한 PDF를 출력해주는 기능이었는데 혹시나 하고 찾아보니 역시나 있었다. PDFObject라는 것으로 jQuery, JavaScript등 각각의 언어와 연계하여 PDF viewer를 제어할 수 있게 해주는 스크립트 파일이다. PDF를 특정 페이지부터 열리도록 하거나 브라우저에서 PDF view를 지원하는지 여..

본 포스트는 틀고정 작업을 하기 위해 시행착오를 겪으며 만들었던 포스트입니다. 보다 깔끔하게 만들 수 있도록 새로운 글을 작성하였으니 깔끔하게 동작하는 틀고정을 원하신다면 아래 링크의 글을 확인하시기 바랍니다. 다음글 링크:HTML 테이블 헤더 틀고정 - 가로 스크롤 고정 (HTML TABLE HEAD Fixed) * * * * * * DB에서 불러오는 데이터 테이블의 메뉴 필드를 고정시켜 달라는 요청이 있어 고정을 시도해봤는데 생각처럼 잘 되지 않았다. 정확히는 필드가 고정은 되는데 고정되어 있는 부분과 본문의 너비가 틀어지면서 원하는대로 깔끔한 고정이 이루어지지 않았다. 수 차례 시도 끝에 CSS만으로 깔끔하게 메뉴바를 틀고정하는 소스를 짜낼 수 있었다. 해결 과정을 및 이해를 돕고자 간단한 테이블을..

티스토리에 포스팅을 하기로 하면서 우선적으로 신경 쓴 것은 본문에 나타나는 소스코드를 얼마나 깔끔하고, 보기좋게 표현하는가였다. 초보 개발자로서 소스코드 검색을 할 때 조금만 더 깔끔하고 보기 좋았으면 하는 아쉬움이 컸기 때문이다. 다짐한대로 깔끔하게 표현하기 위해 검색을 통해 처음 접한 것은 SyntaxHighlighter(바로가기 클릭) 이라는 플러그인이었다. 티스토리 내에 적용하기 위해서 별도의 소스파일들을 업로드하고, 작성해서 올리긴 했는데 뭔가 살짝 아쉬운 마음이 들었다. 모바일 어플내에서는 소스코드가 깔끔하게 표현되지 않고, html효과가 적용되어버리는 이슈도 있고해서 다시 찾아다녔다. 그렇게 해서 Color Scripter이라는 사이트를 알게 되었다. 별도의 플러그인 없이 깔끔하게 꾸밀 수 ..

PDF파일을 웹상에서 볼 수 있도록 만들기 위해 pdf 뷰어를 찾아다녔다. 각 브라우저별로 PDF 뷰어를 지원하기 때문에 그냥 띄워도 되긴 하지만 뭐랄까 공통된 UI와 조금 더 다양한 기능들을 지원하는 걸 필요로 해서... 찾게 되었다. 찾다보니 PHP기반의 뷰어도 있고, 뭔가 여러가지 뷰어들이 있었는데 개인적으로 그나마 적용하기 가장 깔끔하고 쉬워보이는 PDF.js 를 사용하기로 했다. (무언가 이름부터도 이보다 더 직관적일 수 없을 것 같은 느낌.) 주소는: https://mozilla.github.io/pdf.js/ 파일을 다운받아서 보면 아래와 같이 구성되어 있다. web폴더로 들어가면 실제 호출하게될 viewer.html파일 및 기타 파일들을 볼 수 있다. 사용법을 찾아보니 굳이 커스터마이징할 ..

지금 하고 있는 일, 배우고 있는 것들을 조금 더 즐겨가며 하고 싶다는 마음에 블로그를 기웃거렸다. 네이버와 티스토리 중에 고민을 하다가 티스토리를 선택하고 기세좋게 회원가입 버튼을 눌렀건만... 나를 처음 반겨준 것은 초대장 시스템이었다. 이건 뭐 아무나 받아주지 않더라. 마치 같이 학원 수업을 듣던 이성에게 고백하려고 마음 먹었는데 하필 그날부로 학원을 안나와서 시도조차 못해봤을 때와 같은... 아무튼 시작부터 김빠지는 상황. 하지만 마음 먹은거 뭐라도 해봐야겠다 싶어 무작정 찾아갔다. 초대장을 가지고 있다고 표시되는 블로거 몇몇분에게 찾아가서는... (그중에서도 활동일이 최신인 분들 위주로) 방명록에 이러저러해서 티스토리를 너무나 하고싶습니다. 초대장좀 주시면 감사하겠다는 정성어린 글을 남겨댔다. ..