React

husky는 프론트엔드 개발 환경에서 git hook을 손쉽게 제어하도록 도와주는 매니저이다. git hook은 git을 쓰다가 특정 이벤트(커밋할 때, 푸시할 때 등등)가 벌어졌을 때, 그 순간에 ‘갈고리’를 걸어서 특정 스크립트가 실행되도록 도와주는 것이다. husky 설치 (아래사진은 husky와 lint-staged, pretty-quick을 한...

staged(수정한 파일을 곧 commit 할 것이라고 표시한 상태)된 파일만 lint해주는 것이다. (아래사진은 husky와 lint-staged, pretty-quick을 한꺼번에 설치함) image.png package.json에 lint-staged 작성 (아래는 husky와 같이 사용하는 것으로 작성 - 25번째 줄부터 31번째 줄까지) ima...

input 창의 value값 넣고 value값으로 state값을 넣고 setState로 state값을 ''으로 변경 클라이언트 기능을 구현하면서 서버는 데이터를 회원정보 수정페이지에서 기능을 구현하는 중 정보수정 요청을 보낸 뒤에도 아래 사진과 같이 input 값이 그대로 남아있는 문제가 발생하였다. image.png 회원정보 수정과 요청을 하는 클라...

누군가에게는 간단한 문제가 누군가에게는 매우 어려운 문제로 다가올 때가 있다. 아래 사진에서 보드, 투두, 태스크 부분을 클릭하면 내용을 수정할 수 있는 input 창으로 변경하고 변경완료 후 다시 내용을 보여 싶은데 어떻게 해야할 지에 대해 생각이 나지 않았다. (보드수정, 투두, 태스크 부분) image.png 여러가지 참고문서를 읽어보고 고민을 해...

CRA(create-react-app)으로 React를 시작하면 public폴더에 다음과 같은 파일들이 있다.manifest.json: 웹 앱 매니페스트는 사용자가 앱을 볼 것으로 예상되는영역(예: 휴대기기 홈 화면)에 웹 앱이나 사이트를 나타내는 방식을 개발자가 제어