본문 바로가기

전체 글57

[자료구조] 해시테이블 이전 블로그 포스팅 다시 공부하면서 옮기는 중.. github.com/trekhleb/javascript-algorithms/tree/master/src/data-structures/hash-table trekhleb/javascript-algorithms 📝 Algorithms and data structures implemented in JavaScript with explanations and links to further readings - trekhleb/javascript-algorithms github.com www.youtube.com/watch?v=Vi0hauJemxA&t=1s 🎈해시테이블 키와 값의 구조를 가지는 자료구조 해시함수를 통해 원하는 값을 찾는다 해시함수(키) -> 해시코드 .. 2021. 8. 23.
[자료구조] 트리 예전 블로그에 썼던 글을 옮기면서 다시 자료구조를 보고 있다.. 새삼..내가 짠 코드인데 지금 읽는데 한번에 이해를 못한다. 충격 👍 👕 트리 github.com/trekhleb/javascript-algorithms/tree/master/src/data-structures/tree trekhleb/javascript-algorithms 📝 Algorithms and data structures implemented in JavaScript with explanations and links to further readings - trekhleb/javascript-algorithms github.com 다음 요소를 가리키는 포인터를 2개 가진 단방향 리스트의 일종 부모가 없는 노드 = 뿌리, 루트 자식이.. 2021. 8. 23.
[프로그래머스 lv1] 크레인 인형뽑기 게임 JS 정말 혼자 풀면서 생각한 것들을 끄적여 놓은 글입니다.. 😶 생각해보기 NxN의 배열 인형은 아래부터 칸칸씩 쌓임 멈춘 위치의 가장 위에 있는 인형을 뽑을 수 있다. 바구니에 쌓는다. 바구니도 가장 아래부터 쌓인다 = 스택 같은 모양의 인형이 두개가 동시에 쌓이면? = 바구니에서 사라진다 원하는 리턴값 = 크레인을 모두 작동 시킨뒤 터져서 사라진 인형의 개수 --- 크레인 움직임 배열 = moves는 board 2차원 배열의 두번째?칸을 의미한다. ex ) moves가 3이면 3은 board[x][3] 1. 정해진 위치의 배열의 0이 아닌 값을 뽑는다. 2. 그걸 바구니 스택에 넣기 전에, 바구니 스택의 가장 꼭대기에 있는 값을 peek?해서 지금 가진 숫자와 같은지 확인한다. 3-1. 같다면 push를.. 2021. 8. 17.
[프로그래머스 lv1] 로또의 최고 순위와 최저 순위 JS 별거 없고 그냥 풀면서 생각했던 걸 끄적입니다. 😶 생각해보기 최고 순위와 최저 순위를 만들어 주면된다. 민우가 당첨된 숫자들의 개수를 알아낸다. ex) [1,2,3,4,5,6]이 당첨 숫자고 민우가 산 로또가 [1,2,9,7,0,0]이라면 당첨된 숫자는 [1,2]로 2개 최고 순위 = 민우가 가진 0의 개수 + 민우가 맞춘 로또 개수 최저 순위 = 민우가 맞춘 로또 개수 🤔 코드 생각해보기 현재 당첨된 숫자의 개수를 어떻게 구할 것인가? 당첨 배열에 forEach를 사용해서 해당 숫자가 민우의 로또에 includes라면 count++; 현재 민우가 가진 0의 개수를 어떻게 구할 것인가? 민우 배열에 forEach를 사용해, 해당 숫자가 0이라면 unknownNumber++; 최고 순위 7 - ( 당첨된.. 2021. 8. 17.
[react-quill] addrange() the given range isn't in document 오류 코드 addrange() the given range isn't in document 해결 방법 매 렌더링 마다 moudles을 계속 생성하고 있기 때문에 발생하는 오류 따라서 module 변수를 useMemo를 사용해주면된다. const modules = useMemo(() => { return { toolbar: { container: [ ['image'], [{ header: [1, 2, 3, false] }], ['bold', 'italic', 'underline', 'strike', 'blockquote'], ], handlers: { // 이미지 처리는 우리가 직접 imageHandler라는 함수로 처리할 것이다. image: imageHandler, }, }, }; }, []); 참고 .. 2021. 8. 1.
Quill 에디터 - 이미지 처리하기 깃허브에 작성한 ReadMe를 블로그로 옮겨왔다.(형식은 조금 수정..) 요새 너무 바빠서 글을 못올려서..^^ 팀 프로젝트에서 Quill 에디터를 사용했는 데, 이미지 업로드에 고생을 좀 해서 정리해봤다. https://github.com/12Ahn22/quill-multer/blob/main/readme.md GitHub - 12Ahn22/quill-multer: react-quill과 multer 같이 사용해보기~ react-quill과 multer 같이 사용해보기~. Contribute to 12Ahn22/quill-multer development by creating an account on GitHub. github.com 🔮 Quill 에디터에 이미지 넣기 Quill 에디터로 게시판을 만들.. 2021. 8. 1.