WEB
-
JS 로 접근 디바이스 판별하기(모바일/PC 구분)WEB 2023. 12. 26. 23:47
개요 웹에서 접근 디바이스(모바일 / PC) 를 구분하는 방법들을 정리합니다 1. UserAgent “Mobi” 키워드 userAgent 에서 Mobi 키워드를 가지고 있는지를 확인하는 방법(Mobi 있을시 mobile 로 취급) MDN 공식문서에서 추천하고 있는 방법 주요 모바일 장치에서 주요 브라우저를 실행시켰을때의 userAgent 값을 비교 정리해 만들어낸 값 한계점 겔러시 폴드와 같이 예외적 user-agent 값을 갖는 케이스가 존재함 [접었을때] Mozilla/5.0 (Linux; Android 13; SM-F926N Build/TP1A.220624.014; wv) AppleWebKit/537.36 (KHTML, like Gecko) Version/4.0 Chrome/120.0.6099.43..
-
JavaScript 동작 방식 (Event Loop)WEB 2021. 4. 27. 13:39
0. 개요 JS 가 싱글 스레드로 돌아간다는 것을 알고 AJAX 처럼 비동기적 기능이 어떻게 돌아가는지 의문을 가지다 알게된 부분을 아래글로 정리하게 되었습니다. 1. 동기적 동작 방식 자바스크립 엔진(v8 기준) 은 메모리 힙과 호출 스택(call stack) 으로 구성되어 있습니다. 위 그림에서 진하게 박스표시 된 부분입니다. JS 는 스크립트 언어로서 스크립트를 한줄씩 위에서 부터 읽어나가며 호출 스택에 함수를 쌓고 실행하여 빠져 나가는 형태로 실행됩니다. 만약 함수안에서 다른함수의 호출이 있을경우 호출 스택에 순서대로 아래서부터 위로 쌓아나가고 다시 위에서부터 실행되어 호출 스택을 빠져나가게됩니다. (LIFO 를 따름) 2. 비동기적 동작 방식 참고 ) 아래 JS 동작원리는 web APIs(nod..
-
Blob - php/mysql 이미지 저장WEB 2021. 4. 7. 13:29
1. Blob란? binary large oabject 의 약자로 이진 파일을 의미한다. mysql 에서는 4가지 크기로 구분되며 이미지 ,텍스트 , 엑셀 , 음악등 다양한 파일을 저장할 수 있다. 예시: longblob 최대 4GB , medium 16mb ... 2. Post 사용예시 1. DB에 넣기 첫번째로 db 에 blob 형식을 갖고 있는 테이블을 만든다. 사진 첨부 form 테그 안을 다음과같이 구성한다 중요한것은 enctype 과 input type 이다. $image = addslashes(file_get_contents($_FILES['userfile']['tmp_name'])); //you keep your column name setting for insertion. I keep i..