Base64, Blob

이진 데이터컴퓨터는 우리가 사용하는 모든 데이터를 0, 1 로 저장합니다.이러한 데이터를 이진 데이터라고 하며 Binary 데이터라고도 합니다. 왜 사용할까??웹 개발을 진행하다 보면 이진 데이터를 다루어야 할 때를 간혹 마주할 수 있습니다.브라우저에선 주로 파일 생성, 업로드, 다운로드 또는 이미지 처리와 관련이 깊습니다. 우리가 평소에 프로그래밍 하면서 직접 이진데이터를 다루는 일은 별로 없습니다.우리가 프로그래밍 할 때에는 고급 언어를 사용하기 때문에 알아서 프로그램이 내부적으로 이진 데이터로 변환하고 읽고 처리하기 때문입니다. 하지만 파일이나 이미지, 비디오 같은 멀티미디어 같은 데이터를 다루어야 할 때는 이 멀티미디어 데이터를 정수, 문자 다루듯 해야 합니다.Base64우리가 지금 보고 있는 브..

• format_list_bulleted CS
• · 2024. 11. 29.
• textsms

FormData 객체

파일 여부나 추가 필드 여부 등과 상관없이 통용되는HTML 폼 전송 방법설명FormData 는 폼을 쉽게 보내도록 도와주는 객체입니다.이름을 보고 유추하셨듯이 FormData 객체는 HTML 폼 데이터를 나타냅니다. 생성자는 다음과 같습니다.let formData = new FormData([form]); HTML 에 form 요소가 있는 경우, 위와 같은 코드를 작성하면 해당 폼 요소의 필드 전체가 자동 반영됩니다.fetch 등의 네트워크 메서드가 FormData 객체를 바디로 받는다는 건 FormData 의 특징입니다. 이때 브라우저가 보내는 HTTP 메시지는 인코딩되고 Content-Type 속성은 multipart/form-data 로 지정된 후 전송됩니다.서버 관점에서는 FormData 를 사용..

• format_list_bulleted JavaScript
• · 2024. 11. 27.
• textsms

JavaScript 최신 문법 정리

ES6 ~ ES13 version 정리 입니다. 자바스크립트의 혁명이라 할 수 있는 ES6 이후 추가된 자바스크립트 최신 문법 중 자주 이용할 기능들을 정리하였습니다. Numeric Separators 10000000000 과 같은 단위가 큰 숫자의 가독성을 높일 수 있게 언더바 ( _ ) 로 단위를 구분할 수 있는 표현입니다.구분자는 임의의 위치에 마음대로 추가가 가능합니다. console.log(1_000_000_000 + 10_000) // 1000010000 Shorthand Property names 프로퍼티 이름과 value 값의 변수이름과 동일할 때에는 하나로 생략이 가능합니다. const ellie1 = { name: 'Ellie', age: '18',};const name = 'Ell..

• format_list_bulleted JavaScript
• · 2024. 10. 28.
• textsms