JPG, PNG, GIF, WEBP, SVG

강의 필기 🌸 JPG(JPEG) 손실 압축 -> 용량은 적으나, 저장할수록 품질이 저하 표현 색상이 뛰어나 고해상도 표시장치에 적합 (24비트) 이미지 품질, 용량 조절이 쉬움 🌸 PNG 비손실 압축 -> 용량 축소 적음 8비트 / 24비트 동시 지원 Alpha Channel(투명도) 지원 ★ W3C 권장 포맷 ★ Gif의 대체 포맷으로 개발되었다 🌸 GIF 이미지 파일 내에 이미지 및 문자열 같은 정보들을 저장 가능 여러장의 이미지를 한 개의 파일에 담을 수 있음(움짤) 비손실 압축 8비트 컬러만을 지원 🌸 WEBP JPG, PNG, GIF를 모두 대체할 수 있는 구글이 개발한 이미지 포맷 완벽한 손실/비손실 압축 지원 GIF 같은 애니메이션 지원 투명도 지원 브라우저 지원 부족 🌸 SVG 마크업 기반..

비트맵과 벡터 이미지

강의 필기 🌸 비트맵(Bitmap) 각 픽셀이 모여 만들어진 정보의 집합, 레스터 이미지라고도 부름 정교하고 다양한 색상 표현, 해상도에 따른 품질 저하 🌸 벡터(Vector) 수학적 정보의 형태들이 만들어내는 결과물 이미지가 가지고 있는 점, 선, 면, 색상 등의 정보를 가지고 있어 화면에 렌더링, 연산이 필요하지만 해상도로부터 자유롭다. (확대, 축소해도 동일) .

웹 표준, 크로스 브라우징

강의 필기 🌸 웹 표준 웹에서 사용되는 표준 기술이나 규칙, W3C의 권고안에서 나온 기술들 웹 표준을 지키는 HTML 작성은 어떤 것일까 🌸 크로스 브라우징 다르게 구동되는 여러 브라우저에서 동일한 사용자 경험(UX)을 줄 수 있도록 제작하는 기술, 방법 대부분 IE에서 문제 없으면 이상 없다. 🌸 웹 접근성 일반 사용자부터 신체적, 환경적 제한이 있는 사용자를 포함해 모든 사용자들이 동등하게 접근할 수 있는 웹 콘텐츠를 제작하는 방법

[전산] 랜선 만들기 순서

[전산] 금융, 등기소 등등 액티브 X 기반 홈페이지 막힐 때

구글 코드 스타일 가이드

google.github.io/styleguide/ Google Style Guides Style guides for Google-originated open-source projects google.github.io

[Chrome] 콘솔에서 JQuery 사용하고 싶을 때

var jq = document.createElement('script'); jq.src = "//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"; document.getElementsByTagName('head')[0].appendChild(jq); // ... give time for script to load, then type. jQuery.noConflict();

인텔리J 빌드 오류

Build 오류 프로젝트 루트에서 rm -rf ./.idea 명령어 실행 혹은 밑에 빌드 다시 해보기

[Git] 초보 명령어 & 깃허브 프로젝트 가져오기

Github 프로젝트 가져오기 [세팅 명령어] git init git remote add (원격이름) (저장소URL) [commit, push 명령어] git pull (원격이름) master git add . git commit -m "커밋메시지" git push (원격이름) master EX) 이렇게 쓰세요 git init git remote add home https://github.com/자기계정/프로젝트명.git git pull home master git add . git commit -m "test commit" git push home master Git 명령어(위와 같은 내용입니다) Git 초기화 git init git clone (저장소URL) git remote add (원격이름) (..

[Git] local 날라가도 괜찮을 때 강제로 Pull 하기

git fetch --all git reset --hard origin/master git pull origin master