Jaeilit

이넘은 특정 값들의 집합을 의미하는 자료형 숫자형과 문자형도 가능하고 문자와 숫자를 합친 복합형도 가능하지만 숫자형을 쓰는게 일반적이다. 예제) // 숫자형 // 아무 값도 주지 않았을 때 enum Direction { Up, // 0 Down, // 1 Left, // 2 Right // 3 } // 기본 값 선언 enum Direction { Up = 1, Down, Left, Right } // 문자형 enum Direction { Up = "UP", Down = "DOWN", Left = "LEFT", Right = "RIGHT", } // 복합형 enum BooleanLikeHeterogeneousEnum { No = 0, Yes = "YES", } Enum 을 선언만 했을 때는 첫번째와 같이 ..

콜백함수는 다른 코드의 인자로 넘겨주는 함수 콜백함수의 활용 -> 동기적인 작업이 가능한 콜백함수는 비동기 함수 호출 후 콜백함수로 동기적인 작업을 할 수 있다. let count = 0; let timer = setInterval(function () { console.log(count); // 0, 1, 2, 3 if (++count > 4) clearInterval(timer); }, 300); let countb = 0; let cbfunc = function () { console.log(countb, "b"); //0, 1, 2, 3 if (++countb > 4) { clearInterval(timerb); } }; let timerb = setInterval(cbfunc, 300); set..

인터페이스는 상호 간에 정의한 약속 혹은 규칙을 의미 객체의 스펙(속성과 속성의타입) 함수의 파라미터 함수의 스펙(파라미터, 반환 타입 등) 배열과 객체를 접근하는 방식 클래스 사용방법 interface 인터페이스_이름 { 속성?: 타입; } undefined의 경우도 예상되면 옵셔널체이닝으로 속성에 ? 붙여서 사용 할 수도 있음 interface CraftBeer { name: string; hop?: number; } let myBeer = { name: 'Saporo' }; function brewBeer(beer: CraftBeer) { console.log(beer.name); // Saporo } brewBeer(myBeer); 파라미터 값으로 namer 과 hop 를 받아야하는데 hop 값이..

nginx를 프론트 코드와 함께 도커 이미지로 만들어서 이미지 런으로 테스트를 했었는데 nginx.conf를 고칠때마다 이미지를 다시 빌드하고 런해야하는 시간낭비를 겪었다. (+스트레스) 처음에는 이미지를 띄우고 리눅스 명령어로 nginx.confi 를 수정하고 curl 로 접근하거나 nginx 명령어로 해볼까 생각했는데 굳이 이미지를 만들어서 하는 것 보다 로컬에서 하는 방법이 없을까 하고 생각해봄 로컬에서 하는방법은 생각보다 간단했다. 1) conf 파일 찾기 find / -name nginx.conf nginx.conf 파일의 경로를 찾아준다. 현재 위치는 /usr/local/etc/nginx/nginx.conf 2) conf 파일 수정 confi 경로로 이동하여 nginx.conf 가 있는지 확인..

문제 https://programmers.co.kr/learn/courses/30/lessons/12969 코딩테스트 연습 - 직사각형 별찍기 이 문제에는 표준 입력으로 두 개의 정수 n과 m이 주어집니다. 별(*) 문자를 이용해 가로의 길이가 n, 세로의 길이가 m인 직사각형 형태를 출력해보세요. 제한 조건 n과 m은 각각 1000 이하인 자연수 programmers.co.kr 주어진 b가 가로 a 가 세로 만큼 별을 찍으면 된다. for문을 얼마나 이해하고있는가에 대한 문제일까? process.stdin.setEncoding('utf8'); process.stdin.on('data', data => { const n = data.split(" "); const a = Number(n[0]), b = ..

타입스크립트를 쓰는 이유? 자바스크립트는 인터프리티어 자바스크립트는 알다시피 타입을 정의하지 않고 사용한다. 타입이 틀리다면, 오류가 있다면 브라우저에서 콘솔에서야 확인할 수 있다. 이유는 자바스크립트는 인터프리티어이기 때문이다. 인터프리티어란 컴파일 과정을 거치지 않고 바로바로 실행하는 것을 이야기한다. 브라우저 개발자도구에서 conosole.log() 하면 바로 출력이 나오듯이 컴파일 과정이 필요가 없기 때문에 브라우저에 와서야 타입오류를 발견 할 수 있다. 타입스크립트는 자바스크립트의 타입을 정의하고 타입스크립트 컴파일러 또는 바벨을 통해 자바스크립트 코드로 변환한다. 코딩 중에도 타입에러를 발견 할 수 있기 때문에 에러를 사전에 방지할 수 있고, 미리 정의해둔 타입에 대해서는 자동완성 기능도 주어..

1 ) https://jaeilit.tistory.com/90 콘텐츠 보안정책(CSP) Content Security Policy (CSP) XSS (교차 사이트 스크립팅) 및 클릭재킹 데이터 삽입 공격을 비롯한 특정 유형의 공격을 감지하고 완화하는데 도움이 되는 추가 보안계층 CSP를 활성화 하려면 HTTP 헤더를 jaeilit.tistory.com 1번글에서 CSP 와 XSS 를 간단하게 알아봤습니다. CSP 를 설정하는 이유 ) 콘텐츠 보안 정책은 XSS 공격, 데이터 인잭션 등을 막기 위한 클라이언트의 수단입니다. html 의 태그 안에서 태그로 정의 할 수 있지만, meta 태그는 cdn 이 적용이 안되는 점과 HTTP 헤더에만 적용이 가능한 frame-ancestors 등의 문제가 있기 때문에..

내 코드 function solution(n) { var answer = 0; let ary = [] for(let i=2; i

생성자 함수 내부에서의 this 생성자 함수를 호출하면 우선 생성자의 prototype (프로토타입) 프로퍼티를 참조하는 __proto__ 라는 프로퍼티가 있는 객체를 만들고, 미리 준비 된 속성 및 개성을 해당 객체(this)에 부여하면서 인스턴스가 만들어진다 1. 처음 Cat 안의 this 는 빈 객체(인스턴스)이고, name을 인자로 받아왔다. 2. name 을 this.name 에 할당하고 난 뒤 this.name과 this를 console.log를 해보면 받아온 name 값이 this.name에 할당되었고 this 자체도 준비 된 속성에 할당되어있다. 3. 생성자 함수로 내부의 This는 인스턴스 자체를 가르킨다. # 유사배열객체 객체에는 배열메서드를 직접 적용할 수는 없지만 키가 0또는 양의정..

Content Security Policy (CSP) XSS (교차 사이트 스크립팅) 및 클릭재킹 데이터 삽입 공격을 비롯한 특정 유형의 공격을 감지하고 완화하는데 도움이 되는 추가 보안계층 CSP를 활성화 하려면 HTTP 헤더를 반환하도록 웹 서버를 구성해야함, 이전 버전에서는 헤더에 X-Content-Security-Policy 가 있었지만 이는 더이상 볼 수 없음, HTTP 헤더 또는 meta 태그를 이용하여 정책을 구성 할 수 있음, HTTP 헤더 사용 Content-Security-Policy: default-src https: html 사이에 작성 XSS 교차사이트 스크립팅이란?? 자바스크립트에 악성 스크립트를 삽입하여 쿠키, 세션등 민감한 정보를 탈취하거나 비정상적인 기능을 수행하게 한다. ..