『JavaScript 두 걸음』- JavaScript란? 이번 게시글은 MDN의 '웹 페이지에 JavaScript를 어떻게 넣나요?' 게시글을 탐구합니다. 자바스크립트를 사용하기 위해서는 크게 2가지 방식이 존재합니다. HTML 파일 내부의 자바스크립트 선언 및 호출 HTML 파일 외부의 자바스크립트 호출 HTML 파일 내부에서 자바스크립트 사용 See the Pen by GM Yankee (@GMyankee) on CodePen. html 내부에서는 위처럼 html 영역에서 ``를 이용해서 감싸고 사용합니다. body 내부에서 작성하여도 동작하지만, head에 작성하는 경우를 많이 볼 수 있습니다. head에 작성하는 이유는 주로 브라우저가 콘텐츠를 그려내기 전에 미리 호출하여 파일을 불러옵니다. 하지..

MDN에서 발췌한 JavaScript 가이드를 기반으로 CodePen을 이용하여 학습 공유를 재구성하는 시리즈입니다. JavaScript | MDN JavaScript (JS)는 경량, 인터프리터 혹은 just-in-time 컴파일 프로그래밍 언어로, 일급 함수를 지원합니다. 웹 페이지를 위한 스크립트 언어로 잘 알려져 있지만, Node.js, Apache CouchDB, Adobe Acrobat처럼 많 developer.mozilla.org JS를 두서없이 익히고 사용한 지 7년이 지났지만, Python과 마찬가지로 정말 답도없는 쉽다면 쉬운데 깊이가 깊어질수록 끝이 없는 언어입니다. JavaScript 두 걸음이라고 이름을 정한 이유는 단순히 MDN에서 첫걸음이라고 하니, 한번 더 나아가자라는 의미로..

Nuxt.js와 vuetify.js 그리고 Typescript를 이용한 jest 설정은 생각보다 손이 많이 갑니다. 하지만 초기 설정만 하면되는데, 매번 까먹어서 검색하기가 귀찮으니 다들 이 게시글을 즐겨찾기 하시거나, Whale 브라우저를 사용중이시라면 스크랩북에 추가하시죠! 진행해야할 사항은 간단하게 정리해보자면 JEST 설치 Typescript 설정 Vuetify 선언 설정 Test 생각보다 별로없군요 JEST 설치 Nuxt.js를 설치할때 npx create-nuxt-app 을 이용하여 설치하면 JEST를 쉽게 설치할 수 있습니다. // npx create-nuxt-app npx create-nuxt-app test 이때 jest를 포함하게되면 jest와 관련된 package들이 추가되고, scr..

AWS S3를 사용하여 Image등의 media(미디어) 파일들을 처리할 경우 빈번하게 아래와 같은 오류를 만날 수 있습니다. Access to image at '' from origin '' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. 위 오류는 여러가지 제시사항이 존재하는데, 이러한 오류를 해결하기 위한 문제와 해결방안을 알아보자면, AWS S3 CORS 설정 수신(요청)하는 서버 설정 AWS S3 버킷 정책 Javascript / HTML의 Canvas AWS S3 CORS 설정 가장 첫번째로 확인해야할 사항은 AWS S3에서 제공하는 CORS 정..

오늘 jquery의 비동기 통신 인 Ajax 혹은, getJSON으로 데이터를 받아오려는 도중 안되길래 Trouble을 확인 하고 문제점을 도출해보니..! 작은 실수하나가 뻘 삽질을 만들었네요... 한 40분 삽질한듯.. Before See the Pen xJKPrm by GM Yankee (@GMyankee) on CodePen. 문제점은 URL에는 반드시 "http://" 가 앞에 붙어야하는데 누락되서 request(요청)가 안되는 현상이었습니다. See the Pen EpYboO by GM Yankee (@GMyankee) on CodePen.