Home

2020
TIL

20.01.06 TIL 서비스워커로 인한 포트점령(?) 현상 해결하기

서비스워커로 인한 포트 점령 현상(?) 해결 하기문제 발생webpack-dev-server로 개발 중인 웹을 작동시키자 이전에 pwa workshop에서 Servie Worker와 Web App Manifest를 적용하여 개발했었던 리액트메모 웹만 보이는 현상 발생. 문제 원인webpack-dev-server를 종료하고 접속하여도 리액트메모 웹이 보이는 걸

2019
TIL

Hands on! PWA + Azure workshop 후기

Hands on! PWA + Azure workshop 후기한국 마이크로소프트 사옥에서 진행한 Hands on! PWA + Azure workshop에 다녀왔다. 마이크로소프트 사옥은 굉장히 전망이 좋다! 첫번째 세션은 조은님의 PWA 세션. 처음에 PWA에 대해 설명을 해주셨는데 예전에 남기신 블로그 글을 토대로 설명해주셨다.(블로그 링크는 아래) pwa

TIL

191126_TIL(타입스크립트와 덕타이핑)

인터페이스와 클래스인터페이스는 일반적으로 타입 체크를 위해 사용되며 변수, 함수, 클래스에 사용할 수 있다. 인터페이스에 선언된 프로퍼티 또는 메소드의 구현을 강제하여 일관성을 유지할 수 있도록 하는 것이다. 인터페이스는 프로퍼티와 메소드를 가질 수 있다는 점에서 클래스와 유사하나 직접 인스턴스를 생성할 수 없고 모든 메소드는 추상 메소드이다. 클래스

TIL

191120_TIL(npm 에러와 .npmrc)

npm TypeError: Cannot read property ‘loaded’ of undefined와 .npmrc 파일오늘도 기분좋게(?) 코딩을 하기 위해 create react-app 명령어를 입력하였는데 몇분이 지나도 어떠한 것도 실행되지 않았다. 아무 행동도 하지 않고 컴퓨터를 키자마자 입력한 명령어인데… 당최 원인을 알 수 없어서 구글 신을

Algorithms

[kakao] tuple

방금 막 끝난 kakao 인턴 코딩테스트 2번 문제에 대한 나의 풀이. 정확한 문제명이 기억나지 않는다… 접근법: 입력 받은 문자열에서 숫자만을 추출한 배열을 만들고 배열에 있는 중복되는 숫자의 갯수를 세어서 갯수가 가장 많은 수 부터 정렬한 배열을 반환한다. 1234567891011121314151617181920212223242526272829func

WebJavaScript

191103_TIL(Search & Sort in JS)

자바스트립트 검색과 정렬검색과 정렬의 정의검색 자료를 얻기 위해 자료구조의 항목들을 반복적으로 접근하는 것. 정렬 자료구조의 항목들을 순서대로 위치시는 것. 배열이 정렬됐는지 여부에 따른 검색 기법 두 가지선형검색 정렬되지 않은 자료와 정렬된 자료 모두 사용 가능하기 때문에 유연하다. 최악의 경우 전체 배열을 순회해야 하기 때문에 시간 복잡도는 O(n)이다

Git

191102_TIL(git 폴더명 변경하기)

git 폴더명 변경하기git을 사용하다보면 가끔 아주 간단한 것이지만 어떻게 해야할지 몰라 잠시 당혹스러울 때가 있다. 오늘은 git으로 관리하는 폴더명을 변경하는 일이 내게 당혹감을 안겨주었다. 이미 GitHub에 push까지 완료된 상태인 폴더의 이름을 어떻게 바꿀 수 있을까? 이 때 OS에서 기본제공하는 이름바꾸기 기능을 이용하여 폴더명이나 파일명을

WebJavaScript

191029_TIL(Set in JS)

자바스크립트 집합집합 소개집합(set)은 가장 근간이 되는 자료 구조 중 하나다. 집합은 정렬되지 않은 유일한(중복되지 않는) 항목들의 그룹이다. 집합은 상수 시간 연산이 가능한데 그 이유는 집합의 구현이 해시 테이블의 구현을 기초로 하기 때문이다. 자바스크립트에서는 Set(집합)이 기본 지원된다. 1let exampleSet = new Set(); 기본

WebJavaScript

191028_TIL(Memory in JS)

자바스크립트 메모리 관리v8 엔진과 같은 최신 자바스크립트 엔진에는 사용하지 않는 변수를 메모리에서 해제하는 가비지 컬렉터(garbage collector)가 있다. DOM 메모리 누수DOM 항목을 가리키는 변수가 이벤트 콜백 외부에 선언된 경우 해당 DOM 항목을 제거하더라도 해당 항목은 여전히 메모리에 남게 된다. 123456789101112131415

WebJavaScript

191027_TIL(Array in JS)

자바스크립트의 배열삽입.push 메소드를 사용해 새로운 항목을 배열 끝에 추가한다. 시간 복잡도는 O(1)이다. 삭제.pop 메소드를 사용해 마지막으로 추가된 항목을 제거한다. 제거된 항목을 반환한다. 시간 복잡도는 O(1)이다. .shift 메소드는 첫번째 항목을 제거하고 해당 항목을 반환한다. 접근접근 연산은 인덱스를 지정함으로써 수행된다. 시간 복