음식 인식을 위한 음식 사진, 유저 사진 등 서버로 이미지를 전송해야할 필요가 있었다. 기존에는 base64 방식을 채택했으나, 서버로 전송하는데 시간이 오래 걸려 이 부분을 개선하기로 했다. 이미지 전송에는 여러 가지 방법이 있지만, 대표적인 방식인 Base64와 FormData에 대해 알아보도록 하자! 📍Base64 인코딩 이진 데이터를 64개의 ASCII 문자로 변환하는 방식이다. 인코딩 방법 24비트 버퍼에 위쪽(MSB)부터 한 바이트씩 세 바이트를 집어넣는다. (버퍼의 남은 부분은 0으로 채워넣는다.) 그리고, 버퍼의 위쪽부터 6비트(2^6=64)씩 잘라 그 값을 읽어 Base64 색인표와 맵핑한다. 이 과정을 거치면 4개의 ASCII 문자로 변환된다. ++예시 특징 데이터 손실 방지: 이진 데..
Language/JavaScript
자바스크립트의 값은 원시 타입(Primitive Type)과 객체(참조형)으로 나뉜다. 📍 원시 타입 하나의 값만 가지며, 불변 데이터이다. 종류로는 Number, String, Boolean, Null, Undefined, Symbol, BigInt 타입이 있다. Number 숫자를 표현하는 타입 정수, 실수 구분 없이 숫자 타입 하나만 존재 cf) NaN (Not a Number) : 숫자로 변환할 수 없는 값을 숫자로 변환하려고 하거나, 산술 결과가 숫자가 아닌 경우 반환 String 텍스트를 표현하는 타입 홑따옴표(''), 쌍따옴표(""), 백틱(``)을 이용해 표현 이스케이프 : 텍스트 데이터로 홑따옴표, 쌍따옴표를 사용할때 역슬래시( \ ) 문자로 이스케이프 처리해 사용 const messag..
📍 변수 선언 자바스크립트는 느슨한 타입(loose typing)을 가진 언어이므로 데이터 타입을 따로 명시하지 않고 변수를 선언. var, let, const 키워드를 통해 변수를 선언한다. var 재선언 O : var로 선언된 변수는 기존에 선언된 변수의 값을 덮어쓴다. var a = 1; if(true){ var a = 2; } console.log(a); // 2 함수 스코프 : 변수를 선언한 함수 몸체 안에서만 해당 변수에 접근 가능. function foo(){ for(var i = 0 ; i
📍 역사 1995년 넷스케이프 커뮤니케이션즈 개발자인 브렌던 아이크가 개발한 프로그래밍 언어. 넷스케이프는 자바스크립트 규격을 ECMA International에 제출했고, ECMA International은 ECMA-262라는 명세 만들어 자바스크립트를 표준화시켰다. 현재 ECMA-262의 명세 관리는 ECMAScript international의 TC39에서 담당하고 있다. 자바스크립트는 ECMAScript의 명세 구현을 목표로 개발되며, ECMAScript의 명세는 ES1을 시작으로 현재(2024.2.26기준) ES2025까지 나온 상태이다. (ECMAScript의 초기 버전은 1씩 늘어나는 숫자로 이름을 지정했지만, 2015년부터는 공개 연도를 기준으로 지정)
* Javascript: 기본적으로 HTML, CSS를 동적으로 변화시키는 역할을 하는 언어 * 실행환경 - VS Code로 JS 실행환경 만들기 https://curryyou.tistory.com/169?category=898979 [JS] VS Code로 HTML, JavaScript 개발 환경 구축/실행(@맥, 윈도우) # Visual Studio Code 에디터로 HTML, JavaScript 개발 환경 구축/실행하는 방법 1. VS Code 설치 2. 폴더지정, 파일 생성 3. JS파일 실행(Code Runner) 4. HTML 실행(Open In Browser, Live Server) 1. VS Code 설치 ▶ Visual Studio Co curryyou.tistory.com - chrom..
