profile
프론트 공부를 열심히 하고 있는 대학생 개발자입니다.
post-thumbnail

Debounce란?

Debounce는 연속적으로 호출되는 함수들 중 마지막 함수(또는 제일 처음)만 호출하도록 하는 것입니다. 왜 이렇게 하는 것일까요? 우리는 사용자의 마지막 행동에만 관심이 있기 때문입니다. 검색을 하는 방법에도 여러가지가 있을 것입니다. 예를 들어 검색어를 입력하고

2020년 7월 17일
·
0개의 댓글
post-thumbnail

JS Array some, every 메소드 구현

Array.prototype.some, Array.prototype.every라는 메소드가 있다. Array.prototype.some은 콜백함수를 받아 배열의 원소 중에 하나라도 해당 함수를 만족한다면 true를 반환해주는 함수이다. 아니라면 false를 반환한다.A

2020년 7월 15일
·
0개의 댓글
post-thumbnail

JS Queue 구현해보기

Queue는 기본적인 자료구조이다. first-in first-out으로 먼저 들어온 노드가 먼저 나간다.이러한 Queue는 javascript에서 array.prototype.push 와 array.prototype.shift()로 간단하게 구현할 수 있다. 하지만,

2020년 7월 14일
·
0개의 댓글
post-thumbnail

JS map, filter 메소드 구현 해보기

map은 Array.prototype에 있는 메소드로써, 콜백함수를 받아서 각 원소마다 배열의 원소마다 콜백함수를 실행한 새로운 배열을 반환한다.filter 또한 Array.prototype에 있는 메소드로써, arr에서 특정 조건의 원소들을 제거하는데에 유용하다. 말

2020년 7월 14일
·
0개의 댓글
post-thumbnail

JavaScript의 new 키워드 검사

자바스크립트에서 함수 또는 class에 new 키워드를 통해 호출하면 생성자로 사용할 수 있다.function 생성자로 객체 인스턴스를 사용하려면 이런 식으로 코드를 작성하면 된다.보통 함수 생성자 함수의 변수명은 PascalCase로 작성한다.이렇게 실행을 하게 되면

2020년 7월 12일
·
0개의 댓글
post-thumbnail

JS Array.prototype.reduce 함수로 구현해보기

js의 Array.prototype.reduce 라는 메소드가 있다. 그 함수를 혼자 함수로 구현해보기로 하였다.array의 메소드가 아닌 reduce라는 함수로 만들어서 결과를 return 해주도록 하였다.파라미터는 arr, 실행할 함수, 초기값 순서대로 하였다.초기

2020년 7월 11일
·
0개의 댓글

Trie 자료구조 JavaScript

Trie 자료구조 라는게 있다. 문자열 검색을 빠르게 해주는 자료구조이다. 요즘 문자열에 관한 코딩 문제들이 정말 자주 나오는데, 그 때마다 오픈채팅방 사람들이 Trie로 풀었다, KMP로 풀었다. 말이 많길래 이번 기회에 알아보았다.Trie에 대한 내용은 검색을 하면

2020년 7월 6일
·
0개의 댓글

[2020 카카오 인턴십] 보석쇼핑 JavaScript

https://programmers.co.kr/learn/courses/30/lessons/67258해당 문제는 인턴 시험 칠 때 못 풀었던 문제다. 투 포인터라는 개념에 대해 몰랐엇다. 시험을 치고 나서 다른 분들과 얘기해보다가 투포인터라는 것에 대해 알게

2020년 7월 2일
·
0개의 댓글

[2020 카카오 인턴십] 키 패드 누르기 JavaScript

https://programmers.co.kr/learn/courses/30/lessons/67256숫자들의 경우의 수들이 많지 않기 때문에 변수로 지정해주고 사용했다. 그리고 적힌 로직대로 했다... 주석 참고

2020년 7월 2일
·
0개의 댓글

[LeetCode] Coin Change 2 JavaScript

문제 문제 LeetCode - Coin Change 2 amount 와 coins 가 주어진다. 예를 들어 amount = 5, coins = [1,2,5] 일 때 amount를 나타낼 수 있는 양이 몇 개인지를 묻는 문제이다. 동전의 양은 무한이다. 위 문제에서는

2020년 6월 30일
·
0개의 댓글

[LeetCode] Find the Duplicate Number

https://leetcode.com/explore/featured/card/june-leetcoding-challenge/542/week-4-june-22nd-june-28th/3371/중복된 숫자를 return 하면 되는 간단한 문제다.대신 array를 수

2020년 6월 29일
·
0개의 댓글

[LeetCode] sortColors JavaScript

https://leetcode.com/explore/featured/card/june-leetcoding-challenge/540/week-2-june-8th-june-14th/3357/0은 red, 1은 white, 2는 blue를 의미한다. nums 주어지

2020년 6월 29일
·
0개의 댓글
post-thumbnail

프론트엔드 추천 자료 모음

사이트 MDN - 가장 유명한 MDN 모던 javascript 튜토리얼 - JS 튜토리얼로 정말 좋음. 타입스크립트 핸드북 - TS 공식문서 번역 본 웹팩 핸드북 - 캡틴판교님의 웹팩 핸드북 fontawesome - 다양한 ICON을 가져올 수 있는 사이트 flatu

2020년 6월 27일
·
23개의 댓글

[LeetCode] Power Of Two JavaScript

문제 LeetCode - Power Of Two주어지는 숫자 n이 2의 제곱으로 나타낼 수 있는지를 확인하는 것이다. 나타낼 수 있다면 true 없다면 false를 return 해주면 된다.나의 코드는 n이 1일 때는 2의 0승 이므로 그냥 true를 반환하게 했다.그

2020년 6월 25일
·
0개의 댓글
post-thumbnail

왜 화살표 함수에는 arguments가 없을까?

ES6에 추가 된 화살표 함수(arrow function)은 일반 함수와는 다르게 여러가지가 없다. this가 상위 스코프를 가지며, prototype이 없고, arguments라는 유사배열을 가지지 않으며, 생성자로도 사용할 수 없다. 그리고 익명함수이다. 그렇다면

2020년 6월 17일
·
0개의 댓글

[프로그래머스 Level4] 쿠키 구입 javascript

https://programmers.co.kr/learn/courses/30/lessons/49995문제를 풀다가 잘 모르겠어서 다른 블로그의 글을 참고하여 문제를 풀어보고 쓰는 글입니다.쿠키의 수가 배열로 주어진다. 1,1,2,3 두 명에게 같은 개수로 나눠

2020년 5월 20일
·
0개의 댓글
post-thumbnail

우아한 테크 캠프 3기 지원 및 코딩 테스트 후기

(우아한 테크 캠프 지원 과정을 적은 글입니다. 혹시 문제가 되는 부분이 있다면 말씀해주신다면 수정하거나 삭제하겠습니다!)이번 우아한 테크 캠프의 공고이다. 모집 분야가 웹프론트엔드 분야이고 자소서, 1,2차 코딩테스트, 면접 심사를 거쳐 방학동안 교육형인턴을 하게 된

2020년 5월 17일
·
4개의 댓글

[프로그래머스 Level2] 주식 가격 Python, JavaScript

https://programmers.co.kr/learn/courses/30/lessons/42584prices 가 이런식으로 주어지고 1, 2, 3, 2, 3각각의 index 가격들이 얼마 뒤에 가격이 떨어졌는지를 알아내면 된다. 안 떨어졌다면 끝까지 갔을

2020년 5월 6일
·
0개의 댓글

[LeetCode Medium] Daily Temperatures JavaScript

https://leetcode.com/problems/daily-temperatures/T라는 숫자 배열이 주어진다. T = 73, 74, 75, 71, 69, 72, 76, 73그러면 이제 각각 자신 보다 더 큰 온도가 나올 때까지 얼마나 걸렸는지를 반환해주

2020년 5월 6일
·
0개의 댓글

[LeetCode Medium] Jump Game JavsScript

https://leetcode.com/problems/jump-game/nums = 2,3,1,1,4 같이 number의 배열이 주어진다. 각각의 숫자는 현재 index부터 최대 몇칸까지 이동할 수 있는지를 나타낸다. 예를들어 index 0 의 값은 2이기 때

2020년 5월 5일
·
0개의 댓글