React Jotai 사용법 총 정리(1) - Jotai는 무엇이고 어떻게 사용하나요? ( https://liebe97.tistory.com/49 ) React Jotai 사용법 총 정리(2) - atom 이해 및 기본 유용한 기능 ( https://liebe97.tistory.com/51 ) React Jotai 사용법 총 정리(3) - useAtom & provider 사용법 ( https://liebe97.tistory.com/52 ) Jotai 저번 포스팅에 이어 기본적으로 사용하는 atom 에 대한 이해와 유용한 기능에 대해 포스팅하려고 한다. atom useAtom 을 사용하려면 처음에 atom 을 생성해야한다. initialValue - 초기값 설정하기 const priceAtom = ato..

banana 라는 단어를 b > a > n > a > n > a 순서대로 자신을 기준 앞에 가장 가까운 글자가 몇 칸 앞에 있는지 리턴하는 문제이다.예를 들어 가장 마지막 단어 a는 index 1과 3에 같은 값이 있지만,마지막 a에 가장 가까운 index 3번과의 칸 수 2를 리턴한다.필자 풀이function solution(s) {    const answer = [...s].map((val, idx) => {       const findValue = [...s.slice(0, idx)].reverse().findIndex((val) => val === s[idx])       return findValue + (findValue 필자는 단어를 거꾸로 재배열하여 findIndex로 문제를 풀었다.j..

React Jotai 사용법 총 정리(2) - atom 이해 및 기본 유용한 기능 ( https://liebe97.tistory.com/51 ) React Jotai 사용법 총 정리(3) - useAtom & provider 사용법 ( https://liebe97.tistory.com/52 ) 앞으로 프로젝트 리팩토링을 위해 공부하면서 겸사겸사... Jotai의 A-z까지 포스팅해보려고 한다. Jotai 는 "React State Management Library" 중 하나이고, 흔히 우리가 아는 Recoil, Redux 와 같이 상태 관리에 필요한 편의 기능을 제공하는 라이브러리이다. Jotai 는 어떤 특징이 있나요? 공식 홈페이지에서 매우 작은 3kb의 번들 사이즈와 타입스크립트 지향적이라고 소개하..

function solution(t, p) {    let answer = 0;    for(let idx in t) {        const data = t.slice(idx, Number(idx) + p.length)        if (data.length === p.length && data for 문으로 그냥 하면 되는 걸.. forEach 쓰겠다고 리스트로 만들어서 풀이했던 나…