전체 글 썸네일형 리스트형 AWS 주의사항 - 계정 보안 설정 및 요금 폭탄 방지를 위한 노력 AWS를 사용하다 요금 폭탄을 맞았다는 글들을 심심치 않게 볼 수 있습니다. 실제로 구글 검색 창에 'AWS 요금폭탄'으로 검색해 보면 꽤 많은 사례들을 볼 수 있습니다. 참고자료 AWS 저에겐 2174만원이 없습니다. 해킹과금 AWS 해킹 당해서 사용료 3억이 넘게 나왔습니다. 제발 도와주세요 AWS 해킹 시 대처 방법, 해킹 방지하기 문제점 1. 여러 사례들을 보면 요금 폭탄이 발생하는 원인은 많은 경우 계정 해킹으로 인해 시작됩니다. 대부분의 AWS 서비스들은 서비스를 사용한 양 만큼 요금이 부과됩니다. 적게 사용하면 요금이 적게 나오고, 많이 사용하면 요금이 많이 나오는 식입니다. 문제는 누군가 내 계정을 해킹한 뒤에, 내 계정으로 접속해 AWS 유료 서비스들을 무한정 이용하면서 발생합니다. 문제.. 더보기 AWS 기초 용어 AWS 서비스 이용 시 자주 접하게 되는 용어 정리 참고자료 www.w3schools.com - AWS Cloud Tutorial docs.aws.amazon.com - Overview of Amazon Web Services 온프레미스 On-premise 온프레미스란 컴퓨터 하드웨어를 직접 구매해 사무실 또는 회사 전산실 등 자체 보유한 공간에 컴퓨터를 두고 서버를 직접 설치해 운영하는 방식을 말합니다. 클라우드 컴퓨팅 기술이 나오기 전까지 사용하던 일반적인 방식의 웹 서버 구축 방식입니다. 즉, 서버, 스토리지, 데이터베이스 등의 물리적인 하드웨어를 직접 구축하는 것을 말합니다. 클라우드 컴퓨팅 Cloud Computing 클라우드 서비스란 인터넷을 통해 원격지에 있는 스토리지, 데이터베이스, 서버 .. 더보기 HTML data 속성 사용법 data-는 HTML 요소에 추가적인 정보를 저장할 때 사용하는 HTML 속성입니다. data 속성 사용법 먼저, HTML에서 data-속성을 설정합니다. 그리고 CSS에서 data-속성을 선택하여 다양한 스타일을 줄 수 있습니다. 또한 Javascript에서 data-속성을 선택하여 내용을 추가하거나 변경할 수 있습니다. 참고자료 https://developer.mozilla.org/en-US/docs/Learn/HTML/Howto/Use_data_attributes https://blog.webdevsimplified.com/2019-10/use-data-attributes-in-css/ https://blog.webdevsimplified.com/2020-10/javascript-data-attri.. 더보기 자바스크립트 이벤트 추가 addEventListener window, document, element 등의 EventTarget에 특정 이벤트가 발생할 때 사용하는 EventTarget 메서드 중 하나입니다. EventTarget 메서드에는 addEventListener()removeEventListener()등이 있습니다. addEventListener ( ) 선택한 오브젝트에 이벤트를 추가합니다. 참고자료 https://developer.mozilla.org/en-US/docs/Web/API/EventTarget/addEventListener https://developer.mozilla.org/en-US/docs/Web/API/Window/load_event 기본 구문 Syntax 1. 기본 형태는 다음과 같습니다. EventTarget는에 window.. 더보기 자바스크립트 HTML DOM NodeList HTML DOM을 구성하는 Node들 중 선택된 여러 개의 노드를 모아 놓은 노드들의 집합입니다. NodeList HTML document를 구성하는 node들 (element nodes, attribute nodes, text nodes)의 집합입니다. 자바스크립트의 Array이와 유사하지만, 동일하지는 않습니다. 참고자료 https://developer.mozilla.org/en-US/docs/Web/API/NodeList https://www.w3schools.com/jsref/dom_obj_html_nodelist.asp NodeList 주요 특징 1. Array이와 비슷한 점 예를 들어, NodeList 안에 있는 노드들을 index를 이용해 접근할 수 있습니다. 또한, length 속성을 이용.. 더보기 자바스크립트 indexOf indexOf ( ) indexOf()는 자바스크립트 Array 오브젝트의 메서드입니다. 참고자료 https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/indexOf Array.prototype.indexOf() - JavaScript | MDN The indexOf() method returns the first index at which a given element can be found in the array, or -1 if it is not present. developer.mozilla.org 기본 구문 Syntax 오브젝트이름.indexOf(찾을항목); 반환값 Return value 1. A.. 더보기 자바스크립트 HTML 요소 선택하기 - querySelectorAll HTML 요소를 선택할 때 사용하는 document 오브젝트의 메서드입니다. querySelectorAll ( ) 여러 개의 HTML 요소를 한꺼번에 선택합니다. 참고자료 https://developer.mozilla.org/en-US/docs/Web/API/Document/querySelectorAll Document.querySelectorAll() - Web APIs | MDN The Document method querySelectorAll() returns a static (not live) NodeList representing a list of the document's elements that match the specified group of selectors. developer.mozi.. 더보기 자바스크립트 forEach forEach ( ) forEach()는 자바스크립트 Array 오브젝트의 메서드입니다. forEach()는 Array 안의 각각의 요소마다 한차례씩 함수를 반복적으로 실행합니다. forEach()는 Array 안에 요소가 하나도 없는 경우, 실행되지 않습니다. 참고자료 https://www.w3schools.com/jsref/jsref_foreach.asp https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/forEach 기본 구문 Syntax 1. 기본 구문은 다음과 같습니다. 파라미터에 실행할 함수 이름을 넣습니다. 그리고 실행할 함수는 별도로 정의합니다. myArray.forEach(함수이름);.. 더보기 이전 1 2 3 다음