파일 (4) 썸네일형 리스트형 파일업로드 파일은 유저가 가진 이미지, 비디오, 문서 등을 의미하며, 일반 폼에 비해 형식과 보안 등에 있어 조금 더 많은 작업이 필요합니다. 오늘은 노드제이에스 서버에 파일을 업로드하는 방법을 보겠습니다. HTML 삽입 미리보기할 수 없는 소스 구글 판매자센터 제품추가하기 - 고도몰 고도몰은 등록된 상품을 파일로 제공합니다. 해당 파일을 판매자센터에서 파일로 업로드해 주면 상품을 일일이 등록하지 않고 쉽게 상품등록이 가능한데요. 구현하기 접근제한 해제하기 관리자로 로그인한 뒤 '검색엔진 최적화(SEO) 설정'을 선택합니다. 고도몰 같은 경우, 접근제어 파일에(robot.txt) 구글봇이 접근할 수 있도록 설정이 먼저 필요합니다. 검색로봇 정보수집 상세설정 칸에 구글 봇의 접근을 막는 아래 코드 (User-agent: Googlebot) 를 삭제하고 접근을 허용하는 아래 코드를 추가하고 저장합니다 User-agent: Googlebot Disallow: User-agent: Googlebot-image Disallow: 상품파일 받기 상단에 '마케팅' 선택 '구글 광고 설정/관리' 선.. Firebase Storage (Angular, React) 파이어베이스 스토리지는 이미지 등 Static 파일을 저장할 때 사용합니다. 파이어베이스 스토리지 사용하기 계정으로 로그인한 뒤 좌측 메뉴에서 'Build' -> 'Storage' 선택 후 열린 화면에서 'Get started'를 누릅니다. 편의를 위해 'test mode'를 선택하고 'next'를 누릅니다. 지역선택 후 'done'을 누르면 (이미 지역이 선택되어 있는 경우 자동을 선택됨) 아래와 같이 완성됩니다. 애플리케이션과 연동하기 앵귤러 스토리지를 사용하기 위해 먼저 앵귤러와 파이어베이스를 연결합니다. 1. 앵귤러에 파이어베이스 연결하기 Firebase - angular 연결하기 먼저, 앵귤러 프로젝트 콘솔에서 아래와 같이 @angular/fire 모듈을 설치합니다. ng add @angular.. 데이터 타입 - Blob Blob (Binary Large Object) 은 하나의 개체로 구성된 바이너리 데이터의 집합을 의미합니다. 이름에서 알 수 있는 것처럼 Blob은 용량이 큰 데이터를 의미하는데요 주로 이미지, 오디오 같은 미디어 객체를 저장하는 데 사용됩니다. Blob은 자바스크립트 고유의 데이터 형식 외에도 다양한 데이터 형식을 포함하는데요 File도 Blob의 데이터 형식에 하나입니다. Blob 형식으로 변환하기 1. blob() Blob 형식이 아닌 데이터를 Blob 형식으로 변환합니다. 아래와 같이 배열에 변환하고자 하는 모든 형식을 삽입하면 하나의 Blob 형식으로 반환됩니다. /* index.js */ const blob = new Blob(['type1', 'type2']); 생성된 Blob 객체는 아래.. 이전 1 다음
