DEVLOG

vite [비트] 처음 프로젝트에 도입했을 때 팀내에서 이걸 바이트라고 불러야할지 비트라고 불러야할지부터 어색해서 처음에는 다들 바이트라고 부르다가, 프랑스어로 "빠르다(Quick)"를 의미하며, 발음은 "veet"와 비슷한 /vit/ 입니다. 공식 홈페이지에도 이 부분이 정리가 되어있어서 이걸 공유하고 나서부터 비트라고 부르기 시작했다. vite란 이름의 뜻도 빠르다인 vite는 말그대로 빠르고 간결한 모던 웹 프로젝트 개발 경험에 초점을 맞춰 탄생한 빌드 도구이다. 시작은 vue를 위한 빌드도구로 시작했지만 현재는 vanilla, vue, react, preact, lit, svelte에서 사용이 가능하며, 물론 javaScript, typeScript도 모두 사용이 가능하다. (클릭시 온라인에서 V..

📖 목차 double rendering 이슈 리액트로 프로젝트를 작업하는데 api가 두번씩 찍히는 오류가 발생했다. 사실 처음 페이지에 진입했을때 뿐만 아니라 이후에 데이터를 불러올때도 두번씩 찍혀서 코드상에 문제인가보다..했는데 데이터 두번씩 호출되는 부분을 해결했는데도 페이지 처음 렌더링시에 두번이 찍히는것은 여전했다. 로그를 찍어보니 로그도 두번 찍히는 것으로 렌더링이 두번 발생한다는 것을 알 수 있었다. 🎈 원인 ReatStrictMode api 중복 호출과 관련해서 구글링을 하다가 ReatStrictMode와 관련이 있음을 알게 되었다. google에서 react strictmode render twice라는 키워드로 여러 정보들을 얻을 수 있었다. 영어로 된 문서도 많고 유튜브 영상들도 많을것..

📖 목차 그래프 탐색 알고리즘 문제 유형 경로탐색 유형(최단거리) 네트워크 유형(연결) 조합 유형(모든 조합 만들기) 코딩테스트에서 위 경우의 그래프 탐색 알고리즘 문제는 BFS 또는 DFS로 문제를 해결할 수 있는데 어떠한 차이가 있는지, 어떤 알고리즘을 사용해야하는지 공부해보았다. 🎈 BFS 너비 우선 탐색 그래프 탐색 알고리즘에서 같은 깊이에 해당하는 정점부터 탐색하는 알고리즘 드라마 정주행을 예시로 들어본다면 여러 드라마를 한편씩 보는 느낌이다. 특징 큐를 이용하여 구현할 수 있다 시작 지점에서 가까운 정점부터 탐색 시간복잡도는 O(정점의 수 + 간선의 수)이다. 수행시간이 길어지는 문제의 경우 BFS를 이용해 문제를 풀어야한다. 🎈 DFS 깊이 우선 탐색 최대한 깊은 정점부터 탐색하는 알고리즘 ..

📖 목차 코딩테스트 문제를 풀다보면 가장 기본적으로 나오는 기출 형태인 해시. 매번 검색해보고 해결법을 찾아보긴했지만 이번 기회에 개념을 확실히 잡고자 개념과 활용법에 대해 정리하기로 해보았다. Hash, Hash Function, Hash Table 먼저 제일 큰 개념의 해시테이블은 해시함수를 사용하여 키를 해시값으로 매핑하고, 이 해시값을 index로 주소삼아 key와 함께 값을 저장하는 자료구조이다. 단순하게 key - value로 이루어진 자료구조라고 생각하면 된다. 키를 해시함수를 사용하여 매핑한다고 했는데, 이때 원하는 값을 효율적으로 찾을 수 있게 하기 위해 저장하는 위치를 잘 골라야 하는데 해시함수는 key를 고정된 길이의 해시로 변경해주는 역할을 한다. 정리하자면, hash는 색인 또는 ..