웹 개발에 있어 비동기 처리는 매우 중요한 부분이므로 비동기 처리의 개념과 이해를 위해 포스팅한다. 비동기 처리란? 특정 로직의 실행이 끝날때까지 기다리지 않고 나머지 코드를 먼저 실행하는것을 비동기 처리라고 한다. 비동기 처리는 왜 필요한가? 만약 사용자가 어떠한 사이트를 들어갔다. 그런데 시간이 지나도 사이트내에 데이터가 보여지지 않는다. 그렇다면 사용자 입장에서는 사이트는 죽어있다라고 생각을 하게 될것이다.즉 비동기 처리는 화면에서 서버로 부터 데이터를 요청했을때 서버가 언제 요청에 대한 응답을 줄지 모르는데, 서버가 요청의 응답을 해줄때까지 기다리게 된다면 위에 말처럼 사용자 입장에서는 사이트가 죽었다라고 판단하게 될것이다. 이러한 이유로 인해 비동기 처리는 웹개발에 있어 매우 중요하다. 간단한 ..

JPG 손실 압축 방식 표현 색상도(24비트, 약 1600만 색상) 뒤어나 고해상도 표시장치에 적합 이미지의 품질과 용량을 쉽게 조절가능 가장 널리 쓰이는 이미지 포멧 PNG 비손실 압축 8비트(256색상)/ 24비트 (약 1600만 색상) 컬러 이미지 처리 Alpha Channel 지원 W3C 권장 포맷 GIF 비손실 압축 여러 장의 이미지를 한 개의 파일에 담을 수 있음. 8비트 컬러만 지원 (다양한 색상을 표현하는 작업에는 적합하지 않음) WEBP 완벽한 손실/비손실 압축 지원 GIF 같은 애니메이션 지원 Alpha Channel 지원 (손실, 비손실 지원) JPG, PNG, GIF 를 모두 대체 가능한 구글이 개발한 이미지 포맷 이지만, 지원되는 브라우저가 한정적이다. 참조 링크를 들어가면 WEB..

HTML (Hyper Text Markup Language) 페이지의 제목, 문단, 표, 이미지, 동영상 등을 정의하고 그 구조와 의미를 부여하는 정적인 언어로 웹의 구조를 담당. CSS (Casading Style Sheets) 마크업 언어가 실제 표시되는 방법( 색상, 크기, 폰트, 레이아웃 등) 을 지정하여 컨텐츠 구조를 꾸며주는 정적언어로 웹의 시각적인 표현을 담당 JS (JavaScript) 컨텐츠를 바꾸고 움직이는 등 페이지를 동적으로 꾸며주는 역할을 하는 프로그래밍 언어, 동적 처리를 담당. W3C(World Wide Web Consortium) 국제 웹 표준화 기구의 하나. WWW의 표준안 제작과 새로운 표준안 제안, 기술의 공유를 통해 WWW 의 기술적, 사회적 확산을 위해 구성된 전세계..