본문 바로가기 메뉴 바로가기

머리가 나뻐서 삽질 SAP(Study And Programming)

프로필사진
  • 글쓰기
  • 관리
  • 태그
  • 방명록
  • RSS

머리가 나뻐서 삽질 SAP(Study And Programming)

검색하기 폼
  • 전체보기 (828)
    • Machine Learning (1)
      • Teachable Machine (1)
    • Microbit (3)
      • 마이크로비트 (1)
      • Maqueen 로봇 (2)
    • ■ 백엔드 ■ (116)
      • NodeJS (18)
      • Modern PHP (2)
      • PHP (70)
      • Laravel (4)
      • Slim (9)
      • Phalcon (4)
      • ASP (9)
    • ■ 프론트엔드 ■ (249)
      • Svelte (0)
      • React (20)
      • Webpack (0)
      • JavaScript (61)
      • Parcel (9)
      • Grunt (1)
      • Vue (1)
      • SASS, SCSS (1)
      • HTML (32)
      • CSS (26)
      • Bootstrap (4)
      • Amchart (2)
      • AJAX (16)
      • SVG (8)
      • jQuery (52)
      • Markdown (2)
      • XML (3)
      • 브라우저 (10)
    • ■ Database ■ (17)
      • MySQL (14)
      • InfluxDB (1)
      • Redis (0)
      • GraphQL (0)
      • Sequelize ORM (0)
      • Eloquent ORM (2)
    • ■ 개발 서버 ■ (76)
      • Windows Server 2012 (16)
      • Linux RedHat Enterprise (47)
      • Linux Ubuntu (1)
      • APM Server ( Windows ) (6)
      • XAMPP ( Windows ) (6)
    • ■ 개발도구 ■ (71)
      • Visual Studio Code (14)
      • WebStorm (3)
      • 에디트플러스 (24)
      • 노트패드++ (3)
      • ATOM (4)
      • Komodo Edit & IDE (12)
      • 플래시빌더 (6)
      • ETC (5)
    • ■ 개발이력관리 ■ (21)
      • Git (21)
    • ■ 데브옵스 ■ (16)
      • AWS (1)
      • Tyk (7)
      • OpenShift (7)
      • NCP (1)
    • ■ 개발관련 ■ (143)
      • PayPal (5)
      • 산수와 알고리즘 (58)
      • Design Pattern (3)
      • IT 기술정보 (13)
      • IT Books Review (10)
      • IT 용어 (24)
      • OS (Windows, MacOS) (30)
    • ■ 플래시 ■ (91)
      • Adobe Flash CS6 (31)
      • Adobe AIR (5)
      • Adobe ActionScript3.0 (55)
    • ■ 개인 ■ (23)
      • 스타크래프트 맵 (2)
      • 주인장 다이어리 (11)
      • 주인장 운동 다이어리 (5)
      • 주인장 업무관련 (5)
  • 방명록

이미지 미리보기 (1)
공지사항
  • 작성중인 블로그 글 목록
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
썸네일 미리보기 - 모니터 사사분면 처리하기

썸네일 프리뷰 jquery 코드를 가져왔는데 브라우저 오른쪽, 브라우저 하단에 잘리는 현상때문에 가져온 라이브러리의 이미지 처리 방식을 전부 수정하였다. 제이쿼리는 그냥 셀렉터 내용만 있으니 중요한게 아니라서 패스하고, 아래의 속성들로 구현할 수 있다. window.innerWidth, window.innerHeight nautralWidth nautalHeight 참고로 가로는 510px 로 고정이고, 세로 사이즈는 비례식을 적용하여 동적으로 적용해야 정확하게 높이까지 적용 될 것이다. HTML ... ... serpiko-imagepreview.js /** * serpiko 허정진 * * 2020.10.11 * */ (function($) { $.previewImage = function(option..

■ 프론트엔드 ■/jQuery 2020. 10. 11. 22:08
이전 1 다음
이전 다음

Blog is powered by Tistory / Designed by Tistory

티스토리툴바