본문 바로가기

Study

[vue.js] axios로 데이터 받을 때 param 값 처리 vue.js에서도 ajax처럼 데이터를 비동기로 받아올 수 있는데 그게 axios라고 한다. $http였나 그걸로도 가능한 거 같던데, vue.js 개발자가 axios 쓰는 걸 권장한다고 해서 도전해봤다. 열심히 구글링해서 라이브러리 추가하고 post 방식으로 설정해 url과 param을 넣어서 보내봤는데 data가 오지 않았다. 정확히는 data에 열 몇 개의 엔터만 돌아왔다. 설정한 url에 접속하면 로그가 찍히도록 수정 후 확인하니 로그가 찍히질 않았다. 페이지에 아예 안들어오는 거 같았음. 근데 웃긴건 분명 status도 200이고 url도 data에도 설정한 값이 잘 들어가 있다. responseUrl도 내가 설정한 URL이 그대로 들어가 있는데 값이 안 와ㅋㅋㅋ 이제 막 vue.js를 배우는 .. 더보기
[javascript] 숫자에 자리수 표시하기 함수 새로 만들 필요없이, 해당 변수값에 밑에 함수 붙이면 된다. (변수).toString().replace(/\B(?=(\d{3})+(?!\d))/g, ","); 12var number = 20604967;console.log(number.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",")); //20,604,967cs 더보기
쿠키, 세션, 캐시 너무 정리가 잘 되어 있어서 URL만 남김 출처: https://brownbears.tistory.com/34?category=158664 [불곰] 더보기
DKIM, DMARC DKIM (Domain Keys Identified Mail) - 공개키/개인키 방식을 사용하여 발신측에서는 개인키로 암호화된 제목 혹은 본문 등을 메일에 넣어 보내면, 수신측에서 공개키를 사용해 복호화 후 비교하여 메일의 변조여부를 판단하는 방식 - 헤더의 발신자 정보와 본문정보는 서명에 필수로 명시해야 한다 DKIM-Signature: v=1; a=rsa-sha256; d=example.net; s=brisbane; c=relaxed/simple; q=dns/txt; t=1117574938; x=1118006938; h=from:to:subject:date:keywords:keywords; bh=MTIzNDU2Nzg5MDEyMzQ1Njc4OTAxMjM0NTY3ODkwMTI=; b=dzdVyOfAKCd.. 더보기
[javascript] iterator 관련 함수 - 아래 함수들은 모두 매개변수로 callback 함수를 사용하며, callback 함수의 인수는 3개를 모두 사용하지 않아도 된다. (ex) numbers.forEach(function(number) {});) 1. forEach(callback(값, [인덱스, 배열]){}) - 배열의 길이만큼 반복하면서 각 요소에 작업을 수행할 때 사용하는 함수 - 매개변수로 callback 함수를 사용하며, callback 함수의 인수는 3개를 모두 사용하지 않아도 된다. - return 값으로 undefined를 반환한다. 1 2 3 4 5 6 7 8 9 const fruits = ['mango', 'papaya', 'pineapple', 'apple']; fruits.forEach(fruit => console.. 더보기
[javascript] 배열 관련 함수 1. push(값1, 값2, ...) - 배열의 마지막에 새로운 요소 추가 - return 값으로 추가된 요소를 포함한 배열의 길이를 돌려줌 1 2 3 4 5 const chores = ['wash dishes', 'do laundry', 'take out trash']; chores.push('arrange towel', 'open the window'); console.log(chores); //[ 'wash dishes', 'do laundry', 'take out trash', 'arrange towel', 'open the window' ] cs 2. pop() - 배열의 마지막 요소 제거 - return 값으로 제거된 요소의 값을 돌려줌 1 2 3 4 5 const chores = ['wash.. 더보기
[javascript] 변수선언 방식(var, let, const) 1. var - 동일한 변수명으로 재선언 가능 - 함수 내에서는 지역변수화 되나, 다른 블록 안에서는 전역변수화 됨 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 if(true) { var a = 5; // 블록 내부에 선언 console.log(a); // 5 } console.log(a); // 전역변수화 되어 5 function t() { var b = 10; console.log(b); // 10 } console.log(b); // 함수 내 선언된 변수는 지역변수화되어 에러 발생 var c = 1; var c = 2; // 재선언 cs 2. let - ES6에서 const와 함께 추가된 새로운 선언 방식 - 동일한 변수명으로 재선언 불가 - block-scope.. 더보기
[javascript] 함수(function) 선언 방법 1. 기본적인 함수 선언 function 함수명 (파라미터1, 파라미터2, ...) { 함수내용; } 1 2 3 function monitorCount(rows, columns){ return rows * columns; } Colored by Color Scripter cs 2. 함수 표현식 (Function Expression) ※ 정확한 명칭을 찾지 못해 임의로 번역. var 함수명 = function (파라미터1, 파라미터2, ...) { 함수내용; } 1 2 3 4 5 6 7 const plantNeedsWater = function(day){ if(day === 'Wednesday') { return true; } else{ return false; } }; Colored by Color Sc.. 더보기
FileZilla Server 설치 및 설정 파일질라 홈페이지에서 서버용 프로그램 다운로드 FileZilla Server (Service): 파일질라 서버Administration interface: 파일질라 서버 설정 시 사용되는 윈도우 인터페이스. 없을 시 도스창 이용Start Menu Shortcuts: 시작메뉴에 바로가기 생성Desktop Icon: 바탕화면에 바로가기 생성 Install as service, started with Windows (default): 윈도우에 서비스 등록, 컴퓨터 시작 시 자동실행 (기본값)Install as service, started manually: 윈도우에 서비스 등록, 수동 시작Do not install as service, start server automatically: 서비스 등록 안하고 수동.. 더보기
DNS - Domain Name System- 호스트의 도메인명을 IP주소로 바꾸거나, 그 반대의 작업(IP 주소를 도메인명으로 변환)을 수행- Forward Zone (도메인명 -> IP) 과 Reverse Zone (IP -> 도메인명)을 가짐- Kornet, LG, Google, KT 등의 DNS 서버가 있음 [호스트]- 각각의 PC나 서버에 붙여지는 고유 명칭- 도메인 없이 IP 주소로도 본래의 역할을 수행할 수 있다. (ex) FTP)- 주소를 도메인으로 나타낼 경우 앞에 붙여짐 (ex) mail.naver.com의 mail)- 이 때 호스트는 서비스를 세분화하여 구분하기 위해 사용됨 [도메인]- 각각의 PC나 서버를 대표하여 붙여지는 명칭 (ex) naver.com)- 숫자로만 이루어져 기억하기 어려.. 더보기