Web-Develop-Study

여러가지 프로젝트를 진행해보면서 요즘은 하나의 프로젝트를 하더라도 조금 더 신경써서 하고 싶다는 생각이 들었다.프로젝트를 하면서 여러가지 어려움이 있었는데 그 중에서도 React 프로젝트에서 의외로 힘들었던 점은 파일을 분리하고 공통 컴포넌트를 따로 관리하는 그런 일이

이전 포스트에서는 React프로젝트의 디렉토리 및 파일 구조와 컴포넌트 분리에 대해서 알아보았다. 이를 기반으로 규모가 큰 프로젝트에서는 어떻게 파일들을 관리하고 있는 지 내가 진행했던 프로젝트들과 비교해가며 알아보았다. 💡 Component > 여기서 규모가 작

간단한 개인 프로젝트를 진행하기 위해 프로젝트 세팅 과정 중에 개발을 너무 오랜만에 시작한 지라 세팅 과정에서 까먹은 내용이 너무 많았기에 기억을 떠올릴 겸, 두고두고 내가 볼 겸! 기록을 해보려고 한다. >오늘 알아볼 내용은 ! tsconfig.json 파일의 세부

테스트 코드와 TDD에 대해 알아보자!

Jest와 테스트코드 작성하는 방법에 대해 알아보자!

검색창에 URL을 입력하면 일어나는 일에 대해 알아보자!

한동안 플러터에게 뚜드려 맞다가 오랜만에 리액트로 돌아왔습니다🥲어드민 페이지 인수인계를 받고 코드를 살펴보던 중 이전에 프로젝트를 하면서 제대로 다뤄보지 못했던 내용들을 당분간 기록해 볼 예정이다.그 중에서 오늘 다룰 내용은 React Quert!React-Query

오늘 알아볼 내용은 리액트의 상태 관리 라이브러리이다.오늘 포스팅에서는 리액트의 상태 관리 라이브러리가 어떻게 등장했고 어떤 종류가 있는지에 대해서 알아볼 것이다.(내용이 많아서 종류별 특징은 다음 포스팅에서 다룰 예정이다..🥹)

Context API에 대해서 정리해보려고 한다

항상 CRA만 사용해 온 나에게 Vite는 처음 듣는 생소한 내용이었는데,,, 개발하던 중 이에 대해서 짚고 넘어가기 위해서 Vite에 대해 간단히 알아보고자 한다!

styled-reset vs styled-normalize

오늘은 카카오페이 송금하기 기능 구현 방법에 대해서 포스팅해보려 한다!

Next.js 14버전을 사용해보면서 개인 프로젝트를 진행하고 있다. 평상시와 다름없이 styled-components를 사용하려고 하는데 오류가 발생해서 이에 대해 포스팅 해보려고 한다!

Docker로 MariaDB를 설치하고 접속해서 mariaDB를 실행하는 데에 문제가 발생했다.mysql -u root -p입력어를 실행하면 MariaDB가 실행이 되야 하는데 bash: mysql: command not found위와 같은 에러가 발생했다.최근 버전의

리액트 쿼리로 로딩 상태를 관리해 본 경험이 있는데.... 언제부터인가 기억이 안나서 포스팅을 다시 해보려한다. (사실 저렇게 로딩 상태를 관리하는게 올바른 방법인지도 모르겠지만... 사용해 본 건 알아야 하니까용.. 제 방법이 옳지 않답니다..😶)React Quer

어쩌다 보니 리액트 쿼리에 대해서 계속 포스팅을 하고 있다.오늘 알아볼 내용은 React Query를 사용해서 데이터를 패칭하는 방법에 대해 알아보고자 한다.기존에 나는 데이터를 패칭할 때 useEffect훅을 사용해서 의존성 배열에 빈 배열 (\[])을 줌으로 써 처

[Git] Github 보안 취약점 알림 해결

리액트는 React Router를 사용해 페이지를 이동한다. 이때 사용할 수 있는 몇 가지 방법이 있는데 이에 대해서 알아보고자 한다.Link는 html의 a태그처럼 링크를 연결해주지만 url 개념과는 다른 path 개념이다. to라는 속성에 내가 원하는 경로를 넣어주