캐시란? 캐시는 자주 쓰이는 문서의 사본을 자동으로 보관하는 HTTP 장치다. 웹 요청이 캐시에 도착했을 때, 캐시된 로컬 사본이 존재한다면, 그 문서는 원서버가 아니라 캐시로부터 제공된다. 불필요한 데이터 전송을 줄여서, 네트워크 요금으로 인한 비용을 줄여준다. 캐시는 네트워크 병목을 줄여준다. 대역폭을 늘리지 않고도 페이지를 빨리 불러올 수 있게 된다. 캐시는 원서버에 대한 요청을 줄여준다. 서버는 부하를 줄일 수 있으며 더 빨리 응답할 수 있게 된다. 캐시는 거리로 인한 지연을 줄여준다. 페이지를 먼 곳에서 불러올수록 시간이 많이 거린다. 더보기 캐시의 개념과 장점 캐시는 자주 쓰이는 문서의 사본을 자동으로 보관하는 HTTP 장치다.웹 요청이 캐시에 도착했을 때, 캐시된 로컬 사본이 존재한다면,그 ..

Hoisting은 무엇일까? 호이스팅(Hoisting) : JavaScript에서 호이스팅(hoisting)이란, 인터프리터가 변수와 함수의 메모리 공간을 선언 전에 미리 할당하는 것을 의미 자바스크립트 함수는 실행되기 전에 함수 안에 필요한 변수값들을 모두 모아서 유효 범위의 최상단에 선언한다. 자바스크립트 Parser가 함수 실행 전 해당 함수를 한 번 훑는다. 함수 안에 존재하는 변수/함수선언에 대한 정보를 기억하고 있다가 실행시킨다. 유효 범위: 함수 블록 {} 안에서 유효 즉, 함수 내에서 아래쪽에 존재하는 내용 중 필요한 값들을 끌어올리는 것이다. 실제로 코드가 끌어올려지는 건 아니며, 자바스크립트 Parser 내부적으로 끌어올려서 처리하는 것이다. 실제 메모리에서는 변화가 없다. TIP 호이..

늘 그렇듯이, 오늘도 에러발생 이 에러는 같은 걸 여러번 설치했을 때 생기는 에러라고 한다. 위와 같은 에러가 발생했을 때 npm dedupe 위의 명령어를 실행해 해결할 수 있다. It means you have installed same extension multiple times. Running "npm dedupe" command solved my problem. or Yarn install (The dedupe command isn’t necessary. yarn install will already dedupe.) 나와 같은 에러가 발생한 개발자가 있었고, 그에 대한 답변이 위와 같다. 이 명령어로 해결이 안됐을 경우 package.json 으로 가서 한번 살펴보면 좋을 듯 하다. ▶︎참고사이..

로그인페이지 구현 중 필요했던 특수문자 입력방지 기능 Input 태그란? Form 태그 안에서 추가되는 입력 요소들 중 가장 중요한 태그. 사용자로부터 정보를 받아들이는 용도로 사용되는데 Input 태그의 type이라는 속성을 이용해 입력 양식을 여러가지로 변경하여 사용한다. 버튼태그 위에는 버튼태그로 만든 버튼이고 아래는 인풋태그로 만든 버튼이다. ( 처음알았어..ㅠㅠ) 속성으로는 type / value / name 을 썼는데, type : 입력태그 유형 value : 입력태그 초기값 ( 사용자가 변경가능 ) name : 서버로 전달되는 이름 ( 서버로 전달되기때문에 협업시 프론트와 백과 소통 후 이름을 정한다) type 속성값 내용 샘플 text 텍스트를 입력하는 창을 생성합니다. password 비..

문제 array의 각 element 중 divisor로 나누어 떨어지는 값을 오름차순으로 정렬한 배열을 반환하는 함수, solution을 작성해주세요. divisor로 나누어 떨어지는 element가 하나도 없다면 배열에 -1을 담아 반환하세요. 제한사항 arr은 자연수를 담은 배열입니다. 정수 i, j에 대해 i ≠ j 이면 arr[i] ≠ arr[j] 입니다. divisor는 자연수입니다. array는 길이 1 이상인 배열입니다. 입출력 예 arr divisor return [5, 9, 7, 10] 5 [5, 10] [2, 36, 1, 3] 1 [1, 2, 3, 36] [3,2,6] 10 [-1] 내가 푼 문제 function solution(arr, divisor) { var answer = [];..

라이브러리는 angular