Nuke Olaf - Log Store

1. Amazon Machine Image (AMI) 선택 => Ubuntu Server 18.04 LTS 를 선택했다. 2. 인스턴스 유형 선택 프리 티어 사용이 가능한 t2.micro 유형을 선택했다 3. 보안 그룹 구성에서 보안그룹 이름과 설명을 적절히 수정해준다. Http 와 Https 포트를 열어준다 4. 인스턴스 시작 및 검토에서 시작하기 버튼을 누른다 5. 새 키 페어를 생성한 다음 다운로드해 준다. 6. 인스턴스 시작하기 버튼을 누르면 다음과 같은 화면이 나온다. Connect to Your Linux Instance : https://docs.aws.amazon.com/AWSEC2/latest/UserGuide/AccessingInstances.html What is Amazon EC2?..

1. 쿠키, 세션의 사전적의미 cookie : 쿠키, 데이터의 작은 조각 session : 특정활동의 세션은 해당 활동의 작은 기간이다 2. IT 사전에서의 쿠키와 세션 (1) cookie : 웹사이트에서 전송되어 사용자의 웹 브라우저에 저장되는 데이터의 작은 조각이다. 웹 사이트가 사용자의 상태 정보(장바구니에 추가 된 항목) 또는 사용자의 브라우징 활동(특정 버튼 클릭, 로그인, 과거에 방문한 페이지 기록 등) 을 기록할 수 있는 신뢰할 수 있는 메커니즘으로 설계되었다. 또한, 사용자가 이전에 이름, 주소, 비밀번호 및 신용카드 번호와 같은 form 필드에 입력한 임의의 정보를 기억하는데 사용 될 수 있다. (2) session : 망 환경에서 사용자 간 또는 컴퓨터 간의 대화를 위한 논리적 연결. ..

let oneCheckbox = (a) => { let obj = document.getElementsByName("project-check"); for (let i = 0; i < obj.length; i++) { if (obj[i] != a) { obj[i].checked = false; } } } 해당 함수를 체크박스의 태그 안에 onclick="oneCheckBox(this)" 로 붙여주면 된다

1. form 태그로 파일을 받는다. 태그 안에 type 을 파일로 지정해주어 파일을 받아올 수 있다. 프로젝트 추가하기 제목 : 내용 : 저장 2. JavaScript 로 FormData 객체를 만든뒤, append 로 파일을 추가해준다 fileInput 에 파일 객체를 참조해 온 다음, fileInput.files[0] 으로 파일을 지정해준다. let fileInput = document.getElementsByName("userfileC")[0]; let file = fileInput.files[0]; data.append('file', file) 아래는 전체 코드 // 백엔드로부터 프로젝트 리스트를 가져와 리턴하는 함수 let projectCreateSubmit = () => { // 방명록 데이..

1. BLOB 란? Binary Large Object 의 약어이다. 이진 데이터를 저장하기 위한 MySQL 의 필드 유형이라고 한다. 이미지의 경우 이진 데이터로 이루어져 있기 때문에 BLOB 유형의 데이터로 만들어서, MySQL 데이터베이스에 저장할 수 있다. MySQL 에는 4가지의 BLOB 타입이 있다. BLOB TINYBLOB MEDIUMBLOB LONGBLOB 2. 이미지를 저장할 테이블 만들기 CREATE TABLE testblob ( image_id tinyint(3) NOT NULL AUTO_INCREMENT, image_type varchar(25) NOT NULL, image longblob NOT NULL, image_size varchar(255) NOT NULL, image_na..

window.onload = function () { } 참고 사이트>>> https://zuyo.tistory.com/525

XMLHttpRequest 의 onload() 를 통해 받은 값을 아래와 같이 return 하고 싶었다. let getData = () => { let xhr = new XMLHttpRequest; xhr.open('POST', url, true); // 통신이 완료되어 데이터를 다 받아온 경우, 실행된다 xhr.onload = () => { // status 는 HTTP 통신의 결과를 의미하며, 200 은 통신이 성공했다는 의미 if (xhr.status == 200) { let result = xhr.response; return result; } else { alert("ERROR LOADING FILE!" + this.status); } }; xhr.send(); } function showDat..

파여러 파일에 공통적으로 사용하는 코드는 별도의 파일로 만든 후 각 파일에서 불러오는 것이 좋습니다. 코드의 양이 줄어들고, 수정이 용이하기 때문입니다. 외부 파일을 포함시키는 함수는 네가지가 있습니다. include 같은 파일 여러 번 포함 가능 / 포함할 파일이 없어도 다음 코드 실행 include_once 같은 파일 한 번만 포함 / 포함할 파일이 없어도 다음 코드 실행 require 같은 파일 여러 번 포함 가능 / 포함할 파일이 없으면 다음 코드 실행하지 않음 require_once 같은 파일 한 번만 포함 / 포함할 파일이 없으면 다음 코드 실행하지 않음 이런식으로 작성해서 사용하면 된다 require_once 'lib/db-connection.php'; 참고 사이트>>> https://sal..