Internationalization API
Internationalization API (ITNL,I18N, 바닐라js의 Api)숫자 포맷터 / 날짜 포맷터1.콤마표시const formatter = new Intl.NumberFormat('ko') formatter.format('1000000') //'1,00
CORS에러 해결
Access to XMLHttpRequest at '요청url' from origin '요청 도메인(origin)' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present o
숫자와 문자열을 포함한 배열의 정렬
숫자와 문자열을 포함한 배열의 정렬할 경우localeCompare()이라는 함수를 사용한다// 오름차순 const getSingleValueAsc = (arr) => { return arr.sort(function (a, b) { return a.locale
무명함수(익명함수/클로저)
무명함수(익명함수/클로저)란?단 한번만 실행하는 일회성 함수주로 콜백을 파라미터로 입력받는 함수의 파라미터로 사용됨 (JS의 setTimeout의 콜백함수를 넣듯이)// array_filter란 배열에서 특정조건에 맞는 항목만 뽑아내는 PHP내장함수이다 // array
PHP정리
PHP중요한부분 ⭐️을 붙임※ 글로벌 상수※글로벌 변수사용예제 (정적변수보다 보관이 짧다)$g=1;function plus(){global $g;echo $g+=1;}plus(); // 2plus(); // 3function printGlobal(){echo $GLOB
BOM / DOM / 자바스크립트 로드순서
자바스크립트의 모델 (window객체의 자식)BOM // 자바스크립트로 브라우저 제어 (location,history..)DOM // 자바스크립트로 현재페이지의 문서 제어 (document) // 자바스크립트로 제어하기 위한 노드객체를 생성CSSOM // 자바스크립트
Module / Import / Export (ES6)
본 게시물에서 소개할 내용은 ES6의 import와 export 이다. nodeJS의 require과 exports가 아니다자바스크립트 개발을 하다보면 모듈을 불러오는 문법 두가지 ( require / exports ) 와 ( import / export ) 키워드를
쿠키/세션/토큰 ( 세션로그인방식 )
쿠키1.지속 쿠키만료기간있다( Expires또는 Max-Age라는 값이 있고 이를 초과하는 경우 사라짐)브라우저를 닫아도 존재함2.세션 쿠키만료기간없다( Expires또는 Max-Age라는 값이 없다. session이라는 값이 있다)브라우저를 닫는 순간 사라진다쿠키의
이벤트캡쳐링/이벤트버블링
이벤트캡쳐링버블링 (preventDefault)0.부모요소-자식요소에서 자식요소에 만약 클릭이벤트가있고 그걸 실행할 경우 부모의 클릭이벤트도 실행된다(이벤트버블링)1.가장 자식 요소를 클릭하면 부모요소의 이벤트부터 하나하나 타고 내려갔다가 다시 올라옴2.addEven
THIS에 대해서
THIS1.호출한 녀석을 바라봄let person ={ name:’yoon’, printThis1: funciotn(){ console.log(this) }, printThis2:function(){ setTimeout(function()
인코딩
아스키코드표(보통 126개를 사용하지만 255까지 존재함.. 255번째가 0xFF)아스키코드(1바이트)표기 16진수 하나 0xFF유니코드(2바이트)표기 16진수 두개 u+AC00모든글자를 2바이트의 유니코드표에 담음UTF8(1바이트~3바이트) 아스키코드와 유니코드이냐에
NPM 명령어에 관해서
require('모듈1')위의 명령어는 기본적으로 node_module폴더를 기준으로 참조함node_moduleㄴ모듈1ㄴ모듈2node_modules폴더로 직접접근해서 실행가능./node_modules/.bin/nodemon index.js또한 package.json에