코딩 맛집

1. FormData 란? FormData 라는 자바스크립트 객체가 있습니다. HTML5의 태그를 대신 할 수 있는 객체 입니다. FormData는 다음과 같이 객체 생성후 사용 할 수 있습니다. var formData = new FormData(); var formData = new FormData(document.getElementById('폼 아이디')); var formData = new FormData($('form')[0]); 2. FormData의 활용 보통은 HTML상에서 태그를 사용해서 submit 버튼을 만들어서 전송 합니다. ajax로 비동기로 데이터를 전송 해야 할때는 보통 json 데이터를 전송 합니다. 하지만 파일을 전송해야 하거나, 이미지를 전송해야 하는데, 비동기로 전송 하고..

포토샵 CC에서 jpg로 출력 하는 방식은 여러가지 방법이 있습니다. 그 중에서 '웹용으로 저장'(save for web) 방법으로 jpg(jpeg) 파일의 용량을 줄이는 방법에 대해서 알아 보겠습니다. ​ 웹용으로 저장에 들어가면 '사용자 설정'의 1. jpeg 저 2. jpeg 중 3. jpeg 고 4. png-24 로 설정 할수 있는 부분이 있습니다. ​ ​ 1. 결과 1. jpeg 저 = 6.95k 2. jpeg 중 = 10.4k 3. jpeg 고 = 22.3k 4. png-24 = 47.3k ​ 결과는 어쩌면 당연한 결과 이지만 'jpeg 저' 의 압도적인 승리!​​ 하지만, 화질을 확인 안해볼수 없겠죠? ​ ​ 2. 화질 ​ 상단부터 jpg저, jpg중, jpg고, png-24 순서 입니다. ..

포토샵 CC 에서 PNG로 출력 하는 방식은 여러가지 방법이 있습니다. ​ 1. 웹용으로 저장 2. PNG로 빠른 내보내기 3. 다른이름으로 저장 ​ 이 세가지 방법으로 출력해 보았을 때 파일들의 용량들을 체크해 보았습니다! ​ ​ ​ - 결과 1. 웹용으로 저장 = 18.7K 2. PNG로 빠른 내보내기 = 21.1K 3. 다른이름으로 저장(PNG) = 20.8K 결과는 CS6에서도 많이 사용하는 웹용으로 저장이 가장 적은 용량으로 출력 되었어요! 여기서 전제는 모두 PNG의 메타 데이터는 없음으로 진행 하였습니다. ​ ​ - 웹용으로 저장의 장점 또한 '웹용으로 저장' 에서는 다양한 설정을 할수 있어요. ​ 원본, 최적화, 2장, 4장 이렇게 4가지 탭으로 구성되어 있는데요. 4장 탭에서는 '원본',..