- 전체보기(106)
- Problem Solving(46)
- typescript(28)
- React(27)
- TIL(21)
- preCrew(12)
- JavaScript(8)
- TDD(5)
- react testing library(5)
- boj(5)
- NestJS(4)
- React Problem Solving(3)
- Firebase(2)
- webpack(2)
- error(2)
- github action(2)
- ESLint(1)
- Prettier(1)
- vscode(1)
- stylelint(1)
- git(1)
- react-query(1)
- datastructure(1)
- Recoil(1)
- programmers(1)
React 현재 페이지가 뒤로가기로 왔는지 확인하는 방법
Search 페이지 컴포넌트를 만들고 있는 중이다.그런데 사용자가 더 편하게 쓰게 해주려고 고민했던게 문제의 발단이다.
#5: Context API를 Recoil로 변경하기 (recoil test)
useState를 사용해 ToDo-List TDD 적용해보기Context API(TodoProvider) Test 해보기useState로 관리하던 상태를 ContextAPI로 변경 + 기능추가 ToDo App에 삭제, 토글, 수정 기능 추가하기 👈 NOW이번에는 Co
#4: TodoItem 에 삭제, 토글, 수정 기능 추가하기
useState를 사용해 ToDo-List TDD 적용해보기Context API(TodoProvider) Test 해보기useState로 관리하던 상태를 ContextAPI로 변경 + 기능추가 ToDo App에 삭제, 토글, 수정 기능 추가하기 👈 NOW제목과 같이
react-query Optimistic Update(낙관적 업데이트)
최근 프로젝트를 진행하다가 사용자가 실제로 앱을 사용할 때 ux가 좋지 않은 부분을 발견했다.우선 찜하기 버튼을 눌렀을 때 useMutation으로 해당 장소를 찜하는 API를 호출한다.그 후 usqQuery를 사용해 좋아요를 했는지 여부를 받아오는 API를 호출한다.
프로그래머스: 아방가르드 타일링 [JS]
https://school.programmers.co.kr/learn/courses/30/lessons/181186
리액트 Slider 직접 구현해보자! with twin.macro
최종적으로 위같은 슬라이더를 구현할것이다.나는 프로젝트를 진행하면서 가능한 라이브러리를 사용하지 않고, 기능들을 직접 구현하는 것을 좋아한다. 이렇게 하면 스킬이 향상되는 것은 물론, 구현 과정이 재밌기 때문이다.그래서 최근에 팀원들과 함께 프로젝트를 진행하면서 Sli
webpack5 + tw.macro + typescript 에서 svg 사용하기
처음에는 svg를 컴포넌트처럼 쓰고싶었다. 하지만 여기서 문제가 생겨서 문제는 나중에 해결하기로 하고 그냥 아래처럼 img 태그의 src를 바꿔서 사용했다.이 문제는 웹팩에서 svg파일은 svgr/webpack loader를 사용해서 해결했다.나는 typescript를
리액트 Unexpected token '<' 에러
그런데 이유는 몰랐다.인터넷에는 캐시가 문제라 해서 이것저것 다 해봤는데나는 캐시에 관한 문제가 아니었다.결론부터 말하면 경로와 관련된 문제라고 할 수 있었다.이번 프로젝트는 CRA로 생성한게 아니라 웹팩을 하나하나 건드려보며 진행하고있다.여기서 문제가 생겼는데 빌드