grap3fruit.dev

Cover Image for 2020 부스트캠프 5기 후기 및 지원 팁

2020 부스트캠프 5기 후기 및 지원 팁

부스트캠프 6기 모집이 시작되었다. 나도 부스트캠프 지원시기에 부스트캠프 후기들을 보며 많이 참고했던 기억이 있어서 누군가에게는 도움이 될만한 내용들을 남겨보고자 한다.


Cover Image for Fetch API 활용시 에러 해결 방법

Fetch API 활용시 에러 해결 방법

JavaScript에서는 Fetch API를 제공한다. 위 두가지 방법으로 fetch를 해줄 수 있다. 하지만 사용하는데 있어서 이슈가 있었는데, 아래와 같이 Firefox 에서 `Uncaught (in promise) TypeError: NetworkError when attempting to fetch resource.` Chrome 에서 `Uncaught (in promise) TypeError: Failed to fetch 라는 에러가 발생했다.


Cover Image for Next.js기반 blog에 uttarences 추가하기

Next.js기반 blog에 uttarences 추가하기

utteranc.es는 Github 계정 기반으로 동작하며, 깃헙 이슈를 통해 코멘트를 입력받을 수 있도록 해주는 위젯입니다. 최근 많은 블로그, 특히 개발자 분들이 많이 쓰시는 기술블로그에서는 uttarences를 등록하여 Github 로그인을 통해 간편하게 코멘트를 입력할 수 있도록 구성하는 사례가 많습니다.


Cover Image for JS 알고리즘 구현: 큐(Queue) 구현 vs Array 메서드(shift, splice) 사용했을때 속도 비교

JS 알고리즘 구현: 큐(Queue) 구현 vs Array 메서드(shift, splice) 사용했을때 속도 비교

알고리즘 코딩테스트에서 Queue 자료구조를 써야할때가 있습니다. 대표적으로 BFS를 구현할때죠. JavaScript의 라이브러리가 따로 없기 때문에, Array.shift() 또는 Array.splice(0,1) 등 array 메소드를 활용하여 큐 처럼 사용할 수 있습니다. 하지만 이런 방식을 통해 효율성을 판단하는 코딩테스트 문제를 무사히 통과할 수 있을지 의문이 들었는데요. 그래서 직접 Queue를 구현하고, Array.shift, Array.splice와의 속도를 비교하는 실험을 진행해보았습니다.


Cover Image for 구름(goorm), 백준(BOJ) 코딩 테스트 JavaScript로 입력받는 방법 정리

구름(goorm), 백준(BOJ) 코딩 테스트 JavaScript로 입력받는 방법 정리

최근 프론트엔드(FE)직무로 취업을 준비하면서, 몇몇 기업은 코딩테스트(이하 코테) 언어를 JavaScript로 제한하는 경우가 있었다. 이를 대비해 JavaScript로 알고리즘 문제들을 풀어보면서 느낀 점은 테스트 케이스 입력을 받는 코드가 처음에 굉장히 낯설다는 것이다.