전체 글 (484) 썸네일형 리스트형 CORS CORS (Cross-Origin Resource Sharing)은 http 프로토콜 헤더 중 하나로 서버가 자신 이외의 출처를 가지는 소스를 포함할 경우 이를 표시하는 기능을 합니다. 목적은 브라우저가 데이터 요청하고 서버가 요청받은 데이터를 전송 시 보안성을 향상하기 위함인데요. 설정에 따라 브라우저는 출처에 따라 접근을 제한하는데요. 예를 들어, Fetch API는 애플리케이션과 같은 출처를 가진 소스만 사용할 수 있습니다. 즉, domainA라는 도메인을 명을 가진 브라우저가 domainB라는 서버에 데이터를 요청하는 경우 헤더설정 여부에 따라 아래와 같이 접근이 제한되게 됩니다. 이런 문제는 프로덕션 버전에서는 발생하지 않고 개발환경에서만 발생하는데요. 이유는 브라우저가 스크립트에서 발생한 cr.. 데이터 타입 - Blob Blob (Binary Large Object) 은 하나의 개체로 구성된 바이너리 데이터의 집합을 의미합니다. 이름에서 알 수 있는 것처럼 Blob은 용량이 큰 데이터를 의미하는데요 주로 이미지, 오디오 같은 미디어 객체를 저장하는 데 사용됩니다. Blob은 자바스크립트 고유의 데이터 형식 외에도 다양한 데이터 형식을 포함하는데요 File도 Blob의 데이터 형식에 하나입니다. Blob 형식으로 변환하기 1. blob() Blob 형식이 아닌 데이터를 Blob 형식으로 변환합니다. 아래와 같이 배열에 변환하고자 하는 모든 형식을 삽입하면 하나의 Blob 형식으로 반환됩니다. /* index.js */ const blob = new Blob(['type1', 'type2']); 생성된 Blob 객체는 아래.. 데프리케잇 코드를 짜다 보면 종종 데프리케잇이라는 메시지를 볼 수 있는데요. 데프리케잇은 버전이 업데이트되면서 다른 방법으로 구현할 수 있게 되어 필요가 없어진 기능을 말합니다. 데프리케잇 코드는 삭제되기 전까지는 정상작동 하지만 언젠가는 사라질 기능이기 때문에 대체된 코드를 사용하는 것이 바람직합니다. 예를 들면, HTML canvas 속성 중 mozOpaque이란 속성은 캔버스의 불투명 여부를 설정하는 기능으로 이전에는 사용되었느나, 사용할 수 있는 브라우저가 제한되고 같은 기능을 캔버스 설정 시 구현할 수 있는 방법이 생기면서 데프리케잇 코드가 되었습니다. 데프리케잇이 된 코드는 통상적으로 아래와 같이 경고 메시지와 대체 가능한 코드를 안내해 줍니다. 이상으로 데프리케잇에 대해 알아보았습니다. HTML 삽입 .. 브라우저 브라우저는 유저가 서버로부터 HTML형태의 정보를 가져와서 이를 문자와 이미지 등의 형태로 변화하여 화면에 표시해 주는 역할을 합니다. 불과 2000년대 초반까지 윈도 익스플로러가 주를 이루었던 반면 지금은 수를 헤아리기 어려울 정도로 많은 브라우저가 존재하는데요. Google Chrome 구글이 개발한 브라우저로 애플의 Webkit과 모질라의 파이어폭스를 기반으로 2008년에 출시한 이래로 독보적인 인기를 자랑하고 있는 브라우저입니다. 크롬은 자바스크립트의 구동속도를 향상하기 위해 자체개발한 V8엔진 등을 바탕으로 한 빠른 검색속도와 검색에 최적화된 화면구성으로 사용자가 가장 사용하기 편리한 브라우저로 꼽히는데요. 전 세계 브라우저 시장의 점유율이 50%를 넘는 데는 이유가 있겠죠. Mozilla Fi.. JavaScript? 웹프로그래밍을 논할 때 빠질 수 없는 세 가지가 있는데요. 첫 번째는 구조를 담당하는 HTML 그리고 스타일을 담당하는 CSS 마지막으로 기능 (동작)을 담당하는 JavaScript(JS)입니다. 자바스크립트는 모질라 그룹의 공동 창시자인 Brendan Eich에 의해 1995년에 웹사이트에 동적기능을 추가하여 웹과 사용자의 상호작용을 위해 출시되었는데요. 설정과 사용의 간편함, 다양한 기능과 지속적인 업데이트로 자바스크립트의 인기는 식을 기미가 보이지 않는데요. 2022년 기준 전 세계의 98%에 달하는 웹사이트의 Frontend가 자바스크립트를 사용하고 있으며 앵귤러, 리액트, TypeScript 등 인기를 끌고 있는 다른 프레임워크나 언어도 작동기반은 자바스크립트라는 점에서 당대에 웹 개발자들에게는.. 캔버스 HTML 요소는 캔버스 에이피아이를 사용하여 단순한 도형부터 게임까지 만들 수 있게 해 주는 유용한 기능입니다. 이 글에서는 캔버스가 가지고 있는 속성들과 그 사용법, 동적으로 캔버스 크지 지정하기, 마지막으로 캔버스를 활용한 애플리케이션 제작방법소개로 구성하였습니다. HTML 삽입 미리보기할 수 없는 소스 카페24 구글 전환설정 채널연동하기 카페 24에서는 구글채널 설정을 통해 전환설정이 가능합니다. 전환을 자체적으로 생성하여 자동으로 구글애즈로 연동하는 방식을 사용하고 있습니다. 구글채널설정하기 카페24 구글 머천트 센터 연결 관리자 로그인 좌측 메뉴에서 '판매채널' 선택 열린 화면에서 '구글채널' 선택 채널설정에서 차례대로 완성 jin-co.tistory.com 좌측메뉴 '판매채널' -> 구글 아래 '구글채널' 순으로 선택하고 구글계정으로 로그인 (구글 애즈광고 계정과 동일해야 함). 로그인 시 계정 접근 동의 여부를 묻는 데 반드시 모두 체크해 주어야 합니다. '시작하기' 선택 'SSL인증 도메인 사용' 선택 '확인'을 누르고 다음으로 '쇼핑몰 이용약관 및 환불 정책 등록 확인'을 선택하여 체크 후 '확인'을 누릅니다. '.. 아임웹 구글 애널리틱스설정 관리자 로그인 -> 좌측메뉴에서 '마케팅 관리' -> '전환추적/리타게팅 관리' 선택 열린 화면 중간 부분에 'Google 애널리틱스' 항목에서 '애널리틱스 ID' (GA- 또는 UA-로 시작하는 측정 또는 추적아이디) 입력 GA4의 경우 간단한 설정으로 코드삽입 없이 전자상거래 구현도 가능합니다. '전자상거래용 추적'을 사용으로 변경합니다. 이후 GA4의 속성에서 API secret값을 가져와 입력 후 저장합니다. GA4 API secret 값 찾기 GA4 계정에서 좌측하단 '관리' -> 속성아래 '데이터 스트림' 선택 열린 화면에서 '측정 프로토콜 API 비밀번호' 선택 '약관검토' 후 '만들기' 선택 '닉네임'설정하고 '만들기' 생성된 측정 프로토콜 API 복사 (네모 둘이 겹쳐진 아이콘 선택으로도.. 이전 1 ··· 46 47 48 49 50 51 52 ··· 61 다음
