목록react (6)

기록이 힘이다.

[React] React 에러 Cannot find file

https://meaownworld.tistory.com/entry/React-%EC%97%90%EB%9F%AC-Cannot-find-file-does-not-match-the-corresponding-name-on-disk React 에러 - Cannot find file: .. does not match the corresponding name on disk 에러이다. 뭐가문제지.. 라고 생각해서 파일들에 적혀있는 모든 index를 체크, 구글링하는 뻘짓을 하여 30분가량을 소모했는데 문제는 Index.js 였다. 그렇다! 대문자가 문제였던 것이다.. index.js 로 meaownworld.tistory.com 파일의 글자 문제라고 해서 뭐지 ??? 했는데 알고보니 App으로 파일명을 변경해서 못 ..
React 2023. 2. 8. 18:03
[React] checkbox에서 하나만 선택

https://velog.io/@ingdol2/React-checkbox%EC%97%90%EC%84%9C-%ED%95%9C-%EA%B0%9C%EB%A7%8C-%EC%84%A0%ED%83%9D%ED%95%98%EA%B8%B0 [React] checkbox에서 하나만 선택하기 1. checkbox 생성 checkbox는 원래 다중 선택이 가능함 하나만 선택하고 싶을 경우, radio를 사용하면 됨 하지만, checkbox를 사용하고 싶을 경우 checkbox에서 하나만 선택되도록 할 수 있음 checkbox 만들기 na velog.io /** 남여 체크박스 */ const checkOnlyOne = (checkThis) => { const checkboxes = document.getElementsByNam..
React 2023. 2. 1. 16:31
[React] 다른 함수에 있는 요소 불러오기

https://velog.io/@hssarah/React%EC%97%90%EC%84%9C-%EB%8B%A4%EB%A5%B8-Function-Component%EC%97%90-%EC%9E%88%EB%8A%94-%ED%95%A8%EC%88%98-%ED%98%B8%EC%B6%9C-React-Calling-Function-From-Another-Function-Component React에서 다른 Function Component에 있는 함수 호출: React Calling Function From Another Function Component WeeklyBox에서 AfterBoxList에 있는 함수를 호출하는 방법은 없을까 찾아보다가useImperativeHandle이라는 리액트 훅을 통해 가능한 방법을 찾..
React 2023. 1. 31. 13:56
useState vs useReducer

[번역] useState 지옥에서 벗어나기 리액트 컴포넌트를 작성하다보면 하나의 컴포넌트 안에 여러개의 useState를 사용하게 되는 경우를 종종 마주치는데요, 이 글에서는 useReducer를 사용하여 그러한 “useState 지옥” 으로부터 벗어나 velog.io
React 2023. 1. 30. 10:57
리액트 프로젝트 구조 잡기

https://velog.io/@_seeul/React-%EB%A6%AC%EC%95%A1%ED%8A%B8%EB%A1%9C-%ED%94%84%EB%A1%9C%EC%A0%9D%ED%8A%B8%EB%A5%BC-%EC%A7%84%ED%96%89%ED%95%A0%EB%95%8C-%EC%96%B4%EB%96%BB%EA%B2%8C-%ED%8F%B4%EB%8D%94-%EA%B5%AC%EC%A1%B0%EB%A5%BC-%EC%9E%A1%EB%8A%94%EA%B2%83%EC%9D%B4-%EC%A2%8B%EC%9D%84%EA%B9%8C React | 리액트로 프로젝트를 진행할때 어떻게 폴더와 컴포넌트 구조를 설계하는 것이 좋을까?🤔 리액트 초기세팅 후 컴포넌트 구조 설계하기 🧸 velog.io
React 2023. 1. 10. 14:44
TypeScript

https://react.vlpt.us/using-typescript/01-practice.html 1. 타입스크립트 연습 · GitBook 01. 타입스크립트 연습 타입스크립트에서 가장 기본적인 것들을 연습해보겠습니다. 먼저 새로운 자바스크립트 프로젝트를 생성해보겠습니다. 터미널에서 다음 명령어들을 입력하세요. $ mkdir ts- react.vlpt.us 작은 회사에 들어가면 풀스택이 되곤 한다. 리액트를 학원에서도 배웠고 재밌게 느꼈기 때문에 스프링부트를 공부중이었지만 들어왔다. 다시 배우려다 보니 요즘 typescript를 많이 사용해서 그거부터 하나씩 살펴보려고 한다. 언제 또 공부해서 만드려나 싶은 생각이 들기도 하지만... 또 하나씩 해보면 해결책이 나오지 않을까 생각하면서 코드를 두드려 본다.
React 2022. 12. 7. 10:37
이전 Prev 1 Next 다음