본문 바로가기
반응형

전체 글

 (501)
[리트코드] 104. Maximum Depth of Binary Tree - js 1. 문제 https://leetcode.com/problems/maximum-depth-of-binary-tree/description/ Maximum Depth of Binary Tree - LeetCode Can you solve this real interview question? Maximum Depth of Binary Tree - Given the root of a binary tree, return its maximum depth. A binary tree's maximum depth is the number of nodes along the longest path from the root node down to the farthest leaf leetcode.com 2. 코드 /** * ..
[리트코드] 94. Binary Tree Inorder Traversal - js 1. 문제 https://leetcode.com/problems/binary-tree-inorder-traversal/description/ Binary Tree Inorder Traversal - LeetCode Can you solve this real interview question? Binary Tree Inorder Traversal - Given the root of a binary tree, return the inorder traversal of its nodes' values. Example 1: [https://assets.leetcode.com/uploads/2020/09/15/inorder_1.jpg] Input: root = [1,nu leetcode.com 2. 코드 /** *..
[리트코드] 226. Invert Binary Tree - js 1. 문제 https://leetcode.com/problems/invert-binary-tree/description/ Invert Binary Tree - LeetCode Can you solve this real interview question? Invert Binary Tree - Given the root of a binary tree, invert the tree, and return its root. Example 1: [https://assets.leetcode.com/uploads/2021/03/14/invert1-tree.jpg] Input: root = [4,2,7,1,3,6,9] Output: [4 leetcode.com 2. 코드 /** * Definition for a bina..
[리트코드] 78. Subsets - js 1. 문제 https://leetcode.com/problems/subsets/description/ Subsets - LeetCode Can you solve this real interview question? Subsets - Given an integer array nums of unique elements, return all possible subsets (the power set). The solution set must not contain duplicate subsets. Return the solution in any order. Example 1: Input: n leetcode.com 2. 코드 /** * @param {number[]} nums * @return {number[][..
[리트코드] 46. Permutations - js 1. 문제 https://leetcode.com/problems/permutations/ Permutations - LeetCode Can you solve this real interview question? Permutations - Given an array nums of distinct integers, return all the possible permutations. You can return the answer in any order. Example 1: Input: nums = [1,2,3] Output: [[1,2,3],[1,3,2],[2,1,3],[2,3,1], leetcode.com 2. 코드 /** * @param {number[]} nums * @return {number[][]}..
[react-query] 리액트 쿼리 개념 및 사용법 간단하게 정리하기(feat. firestore) 이전의 프로젝트에서는 데이터 통신 코드를 문서화하고 useAxios 커스텀 훅을 사용하여 데이터를 실시간 반영하는 로직을 직접 구현했었다. 이것 때문에 정말 고생을 많이 했다는 슬픈 얘기... 이번에는 리액트 쿼리라는 라이브러리를 사용하여 비동기 데이터 요청 로직, 실시간 데이터 업데이트, 데이터 캐싱 등을 처리하려고 한다. 프로젝트를 진행하며 자세히 공부하도록 하겠지만, 먼저 간단하게 CRUD 예제 코드를 살펴본 뒤 이를 파이어스토어와 함께 사용하는 법까지 남겨보자. 리액트 쿼리란? 리액트 쿼리는 리액트 애플리케이션에서 데이터 상태 및 비동기 데이터 요청을 관리하기 위한 강력한 라이브러리이다. 리액트 쿼리를 사용하면 데이터를 가져오고, 업데이트하고, 캐시하며, 재사용하는 것이 간단하고 직관적이며 유연해..
[React&Firebase] react-quill 에디터와 Firebase storage를 사용하여 질문 작성 컴포넌트 구현하기 지난번 맛피에서 사용했던 텍스트 에디터 라이브러리인 React-quill의 만족도가 높아, 이번에도 사용하게 되었다. 지난번 상황과는 두 가지의 차이점이 있다. 이번 프로젝트에서는 자바스크립트를 쓴다. 이번 프로젝트에서는 파이어베이스를 쓴다. 고로 이미지 처리도 내가 해야 한다. react-quill 사용법은 지난번과 크게 다르지 않다. 확실히 한 번 사용해봤다고 저번 보다는 개발 시간이 짧았던 것 같다. 기분탓인진 모르겠는데, react-quill 라이브러리는 ts 버전보다 js 버전이 조금 더 좋았다. ts 버전에서는 볼드, 이탤릭 기능이 작동하지 않았다. 적용되는 이미지 리사이징 라이브러리도 한참 찾았었고.. 시간을 꽤 잡아먹었었다. 이젠 추억이지ㅋㅋㅋㅋ https://bbeeyaks-moment...
[Error] Cannot destructure property 'basename' of 'react__WEBPACK_IMPORTED_MODULE_0__.useContext(...)' as it is null. 컴포넌트 라우팅 작업을 하고 있는데, 제목과 같은 에러가 자꾸 떴다. 원인은 link태그를 사용하는 컴포넌트가 라우터로 감싸져 있지 않아 생긴 에러였다. 이 코드를, function App() { useEffect(() => { document.body.style.overflow = 'hidden'; }, []); return ( {/* */} {/* */} ); } 이렇게 바꿔주니 해결되었다. Sidebar 컴포넌트에서 Link를 사용하기 때문에 Sidebar 컴포넌트도 Router 태그 안으로 쏙 들어가야 한다. function App() { useEffect(() => { document.body.style.overflow = 'hidden'; }, []); return ( {/* */} {/* *..
반응형

티스토리툴바