본문 바로가기

전체 글

(348)
[Notion 공유] 프론트엔드 면접 준비 면접 준비를 하며 notion에 정리하고 있는 내용을 공유합니다. 아직 중구난방으로 정리되어 있는 부분도 있지만, 꾸준히 정리하며 업데이트해 나갈 예정입니다.  면접 | Notion링크nulzi.notion.site
[심심풀이] 사과게임 https://www.gamesaien.com/game/fruit_box_a/ 無料ゲーム「フルーツボックス」画面上をマウスでドラッグして、数字の合計が10になるようにリンゴを囲むパズルゲームです。(説明) iPhone,iPadやAndroidでも動作します。www.gamesaien.com
[사이트 모음] 개발자 커뮤니티 1. 스택오버플로우(Stack Overflow): 해외 사이트로 여러 질문과 답이 있어 원하는 결과를 찾을 수 있다. 영어나 다른 외국어로 되어있지만, 구글 번역 기능을 사용하면 쉽게 활용할 수 있다.https://stackoverflow.com/questions Newest QuestionsStack Overflow | The World’s Largest Online Community for Developersstackoverflow.com 2. 레딧(Reddit): 미국에서 사용되는 소셜 뉴스 웹사이트이지만, Technology 탭을 통해 다양한 정보를 얻을 수 있다. 다양한 글이 있지만 밈이 sns에서처럼 많다.https://www.reddit.com/ redditWelcome to r/murder..
[알고리즘] 순열, 조합 in JavaScript(Refactoring) [알고리즘] JS 순열, 조합경우의 수 구하기(순열,중복순열,조합,중복조합) JS 작성했던 순열을 구현한 JS 코드 말고 새로운 방식으로 구현한 순열, 조합 구현 코드를 추가하겠습니다. 순열// nPr// 순열의 결과를 구하고 싶nulzi-dev.tistory.com 이전에 작성한 글을 다시 살펴보니 코드가 수정될 필요가 있는 부분이 있어서 새롭게 글을 작성합니다. 기존 글을 고치는 방법도 있지만 기록을 남기는 의미로 새로운 글로 작성합니다. 순열function permutation(array, r, depth = 0, result = []) { if(depth == r) { // return array.slice(0,r); result.push(array.slice(0,r)); ret..
[TS] TS Doc Handbook 1회독 - 1 온라인 TS 실행 환경https://www.typescriptlang.org/play/?#code/Q 프로젝트 내부 TS 사용을 위한 컴파일 설치 데이터 타입기본형 number, string, boolean, null, undefined, bigint, symbol => 그대로 사용된다객체형 object, array, tuple => {key: type, optionalKey?: type, ...}, Array or type[]특수형 any, unknown, never함수 function name(parameter: type): returnType {}유니언 타입: 기존 타입 기반을 통해 새로운 타입 생성. type | type. 내부 함수(프로퍼티)를 사용할 때는 좁히기(narrowing)를 해야한다...
[JS] 한 번에 보는 JS 정리 2 16. Class and OOPclass 자체의 타입은 function입니다. 클래스로 생성된 instance의 경우 object 타입입니다.class className { valueName; // constructor에서 정의할 경우 생략 가능 #valueName; // private한 필드 정의, ES7 static valueName; // static한 필드로 클래스에 귀속된 필드. 인스턴스 없이 클래스가 직접 사용할 수 있음 constructor(value) { this.valueName = value; } funcName() { // 기능 및 동작 } static funcName() { // 기능 및 동작 } // getter // 함수의 형태로..
[의문] 은행 웹 프론트엔드는 어떻게 보안을 하고 있는가? 문득 은행은 보안이 가장 중요한 문제를 가지고 있을 텐데 어떻게 보안을 하고 있을지 궁금증이 생겼습니다. 서버 보안보다는 프론트엔드에서 어떻게 보안을 유지하며 기능을 제공하고 있는지가 궁금해졌습니다. 시간이 날 때 궁금증을 해소하고 글을 작성하겠다.
[자료구조] JS Heap 구현 ver.2 JS Heap 구현 class Heap { constructor(comparator = (a, b) => a > b) { this.heap = []; this.comparator = comparator; // 비교 함수로 MinHeap/MaxHeap 결정 } // 힙의 크기 size() { return this.heap.length; } // 힙이 비어 있는지 확인 isEmpty() { return this.size() === 0; } // 힙의 최상위 요소 반환 (삭제하지 않음) top() { return this.isEmpty() ? null : this.heap[0]; } // 요소 삽입 push(value) { this.heap.push(va..