묻고 답해요
169만명의 커뮤니티!! 함께 토론해봐요.
인프런 TOP Writers
-
미해결React 완벽 마스터: 기초 개념부터 린캔버스 프로젝트까지
질문 : 삭제 버튼 아규먼트 (id)
갑자기 이해가.. .이게 왠.. ㅡㅡ;;; const handleDeleteItem = id => { setDummyData(dummyData.filter(item => item.id !== id)); };에서 id 값을 어디서 가지고 오는지 알 수 있을까요?
-
미해결타입스크립트로 배우는 리액트(React.js) : 기초부터 최신 기술까지 완벽하게
컴포넌트 그리고 폴더 구조에 대해
안녕하세요.리액트를 공부하면서 컴포넌트 나누는 기준이 헷갈려서 질문드립니다.강의에서 컴포넌트 분리에 대해 설명을 듣긴 했는데,막상 제가 직접 코드를 짜다 보니까 어디까지 나누는 게 맞는지 감이 잘 안 옵니다.제가 헷갈리는 부분은 이런 점들입니다.컴포넌트는중복되는 UI가 있을 때만 나누는 건지,아니면 처음부터 최대한 작고 이해하기 쉬운 단위로 나누는 게 좋은 건지 잘 모르겠습니다.또 컴포넌트 안에서 코드를 작성하다 보면“이건 그냥 이 컴포넌트 안에 둬도 되나?”“아니면 여기서 한 번 더 분리하는 게 맞나?”이런 판단을 어떤 기준으로 해야 하는지도 잘 모르겠습니다.폴더 구조도 사람마다 다 달라서어떤 구조가 좋은 구조인지,초보자 입장인 저한테는 아직 잘 모르겠습니다이론적으로는 이해한 것 같은데,실제 코드에서는이 분리가 과한 건지, 부족한 건지 판단이 잘 안 됩니다.리액트에서 컴포넌트를 나눌 때어떤 생각 흐름으로 판단하면 좋은지,알기 쉽게 설명해주시면 감사하겠습니다.
-
미해결타입스크립트로 배우는 리액트(React.js) : 기초부터 최신 기술까지 완벽하게
152강 보는중입니다. 초시계부분이구요. 넘버가 timeout을 받을수없다는 에러가 나오고 있어요
안녕하세요. 강의 너무 잘 보고 있습니다.강의자님은 이 부분에 빨간줄이 안나오는데 저는 빨간줄이 나오고 있어서 문의 드립니다.리액트는 19버젼인 것 확인 했습니다. intervalId 으로 시간 받는 부분인데요. 기능은 잘 작동하고 있지만 강사님은 안나오고 저만 나오고 있어서 문의 드립니다.항상 감사합니다!! ㅎㅎ
-
미해결타입스크립트로 배우는 리액트(React.js) : 기초부터 최신 기술까지 완벽하게
폼테그 다른 태그를 하나의 상태 객체로 묶기
폼을 만들 때input, textarea, radio, checkbox 같이 태그 종류가 달라도하나의 객체 상태로 묶어서 관리하는 방식으로 만들어 보았습니다만 실무에서나 보통은 하나씩 만드는지 아니면 이것또한 정답이 없는지 궁금합니다!아니면 상황에 따라 상태를 나누는 기준이 따로 있는지도 궁금합니다.
-
미해결타입스크립트로 배우는 리액트(React.js) : 기초부터 최신 기술까지 완벽하게
class를 className으로 전부 수정하실 때
안녕하세요. class로 되어 있어서 에러가 나는 부분을 전부 className으로 수정하실 때선택할떄에 윈도우는 컨트롤+쉬프트+L을 눌르셨었나요? 그게 저는 안되서 일단 컨트롤 + D로 하나하나 선택을 했었느데요. 여러 row를 한번에 선택해서 수정할 떄에어떤 키를 누르시는지 궁긍합니다.
-
미해결타입스크립트로 배우는 리액트(React.js) : 기초부터 최신 기술까지 완벽하게
JWT에 대한 개념도 학습할 수 있나요?
카카오 로그인이라는 파트가 있던데, JWT 관련한 개념도 나오는지 궁금합니다.
-
미해결타입스크립트로 배우는 리액트(React.js) : 기초부터 최신 기술까지 완벽하게
수업자료 다운로드
수업자료는 한 번 다운받으면 다시 받을 수 없나요?
-
미해결React 완벽 마스터: 기초 개념부터 린캔버스 프로젝트까지
Tailwind 버전 확인
Tailwind 버전 확인 tailwnd 버전차이 인지요 ? (AI 질문 발췌: text-5xl은 Tailwind v4에서도 정상적으로 지원되는 클래스입니다.)스타일이 적용 될 수 있는 설정 방법이 있을까요? 강의내용에 tailwindcss 는 v3.x 이면v3 버전으로 재 설치를 해야 빠를까요?
-
미해결React 완벽 마스터: 기초 개념부터 린캔버스 프로젝트까지
align-items 정렬
매번 강의를 보면서 따라 하는데매번 같은 강의를 복습을 해도..흐음..css 파일 아무리 드려다 봐도... 정렬이 conter로 가질 않고 있습니다교안을 보고 학습을 하는데... 채크 사항 답변 부탁드립니다.
-
미해결React 완벽 마스터: 기초 개념부터 린캔버스 프로젝트까지
vite 명령어로 프로젝트를 만들었습니다. (vscode)
vite 명령어로 프로젝트 생성끝 (확장 프로그램 미설치) -- App.jsx -- 위 화면 같이 붉은 라인이 생기는 이유가 무었인가요?(참고로 vscode 자동생성 기능을 off 로 설정해서 사용중)갑자기 위와 같은 화면이 나와전에 생성한 프로젝트를 열어 보왔는데요멀쩡히 (붉은 색 라인 없음) 잘 나오던 파일이위와 같은 증상이 똑같이 나오고 있습니다.코파일럿, 구글링이 알려준 데로 처리 했는데같은 증상이 나오고 있습니다.원인이 무엇인지 질문드립니다.(아~ "npm run dev" : 정상 동작합니다.)Plz....프로젝트 생성시 TypeSCript로 생성하지 않고일반 jsscript로 설정했습니다.ts파일 머시지 어쩌구 하는데.. 에공.. <div> 마우스 오버시 위 메지내 내용 화면> ※ vscode 에서 자동 생성을 막으려고 제가 무슨 짓을 했는지... (머 이것 저것 ctrl + shift + p로 ..내용을 찾아 뭔짓을 했는지... (json 파일) 그때 부터인듯 싶습니다.※ vscode 재설치 : 같은 증상질문 내용이 vscode에 관한 내용인듯 한데소스 내용이 아닌 질문이라..죄송합니다. !!! 아무래도 vscode typescript 버전인듯 싶습니다.근데 전 ctrl + , 를 눌러서 typescript 를 눌러서 검색해 보면 아 놔~~ 구글링에서 설명한 화면이랑 다르네요..하~~ 오전 부터 이게 왠 ... 우쒸~~
-
미해결타입스크립트로 배우는 리액트(React.js) : 기초부터 최신 기술까지 완벽하게
리액트 객체의 타입을 알기위하여 마우스를 올렸을 때 나오는 형식이 강의와 다른 부분 문의 드립니다.
안녕하세요. 지금 125강 제어 컴포넌트 부분문의 드립니다. input type에서 onChange 함수에handleInputchange를 호출을 하고 있는 부분을 따라하고 있었습니다. 리액트 객체의 타입을 알아야 하기 때문에 마우스를 e에다가 가져보면 저는 (parameter) e: ChangeEvent<HTMLInputElement>이렇게 나오고 있습니다.그런데 강의에서는 (parameter) e: React.ChangeEvent<HTMLInputElement> 이렇게 나오고 있어서요. 저의 VS CODE에서는 React. 이 부분이 누락이 되어서 알려주고 있습니다. const handleInputChange = (e: ChangeEvent<HTMLInputElement>) => { setInput(e.target.value); }; 이렇게 넣었을 시에 ChangeEvent 에 빨간불은 들어오지만 화면 자체에 에러는 안나오는 것 같습니다.강사님 강의처럼 React. 이 부분을 넣지 않아도 괜찮을지에 관하여서 문의 드려봅니다. 강의 너무 잘 보고 있습니다감사합니다.
-
미해결타입스크립트로 배우는 리액트(React.js) : 기초부터 최신 기술까지 완벽하게
useState 자동생성 하실때 누른 키보드가 궁금합니다.
안녕하세요. 누르신 키보드가 어떤것인지 질문 드립니다. useSta까지 입력하시고 자동생성된 useStateSnippet를 선택을 하셔서const [first, setFirst] = useState 이게 자동으로 생성이 되는데생성이 되자마자 어떤 키보드를 누르셨는지[showNotification, setShowNotification]= useState(second) 로 변경이 되더라구요.. 어떤 것을 입력하셔서 변경이 됬는지 알 수 있을까요?
-
미해결React 완벽 마스터: 기초 개념부터 린캔버스 프로젝트까지
31. 객체 업데이트 하기 - 10:15 질문
안녕하세요, 평소에 짐코딩님 강의 잘 듣고 있습니다.setForm에서 오브젝트로 title만 업데이트 해주더라도 기존의 description 값은 어떻게 그대로 유지가 되는 걸까요?
-
미해결타입스크립트로 배우는 리액트(React.js) : 기초부터 최신 기술까지 완벽하게
타입스크립트 타입이 불일치하는데 에러가 안납니다.
안녕하세요. App.tsx에서 스트링이랑 넘버로 보낸 이 후에 그 값을 받아오는 PrintValue.tsx에서 모든 타입들을 boolean으로 설정을 했는데 에러가 나고 있지 않습니다. 제가 뭘 잘못한건지를 아무리 찾아봐도 모르겠어서 질문을 올려봅니다...강의 너무 잘 보고 있습니다.
-
미해결타입스크립트로 배우는 리액트(React.js) : 기초부터 최신 기술까지 완벽하게
default format >> prettier 이 실행이 안됩니다.
검색을 하면 각각 탭이 있습니다.그리고 강의에서 이야기 해 주신대로 x를 눌러서닫았고 그 이후 index.html을 수정한 후 저장을 눌렀으나 탭을 한 그 상태로 저장이 되어집니다. 왜 그런지 알 수 있을까요?
-
미해결타입스크립트로 배우는 리액트(React.js) : 기초부터 최신 기술까지 완벽하게
윈도우 사용자입니다. homebrew 윈도우 설치법은 없나요?
윈도우 사용자입니다. homebrew 윈도우 설치법은 없나요?
-
미해결타입스크립트로 배우는 리액트(React.js) : 기초부터 최신 기술까지 완벽하게
리렌더링 관련 문의
toggleTodo = useCallback( ( id : number) => { <-- 여기 이 지점에 todos 라는 state 값이 필요한 상황 ( 체크 로직 등등.. ) setTodos( (todos) => todos.map( (todo) => todo.id === id ? { ...todo, completed: !todo.completed } : todo );}, []); 위 부분에 todos 의 state 값이 필요하게 되면 의존성 배열에 todos 를 넣어줘야 될꺼 같은데요. 이렇게 되면 React.memo 에 의해 전달될 toggleTodo props 도 변경되게 될것으로 예측 되고 결국 자식 컴포넌트들이 리렌더링이 계속 발생되지 않을까 싶은데요. 위 부분에 todos 의 state 값이 필요하게 될 경우에는 어떻게 처리를 해줘야 될까요?
-
미해결타입스크립트로 배우는 리액트(React.js) : 기초부터 최신 기술까지 완벽하게
공부 방향에 대해서
안녕하십니까 이번에 책을 샀으나 잘 이해가 안되 강의와 함께 보기로 결정해서 공부하고잇는 초보자입니다 선생님 제가 공부를 하고있는데 자꾸 다 메모 할려고 하는데 프로그래밍은 메모하면서 공부하지말라고 암기하는것이 아닌 그때마다 찾아보라는 말이 많습니다 그래서 그냥 메모 같은거 필요없이 그때 이해만하고 넘어가도 진짜 괜찮을가요 뭔가 아직 초보자입장에서는 잊어먹을가 두렵습니다 예를 들면 바이트 와 웹팩의 차이 이런것도 암기를해둬야하는가 아닌 불안감 나중에 나혼자 만들수있을가? 같은불안이 좀 큽니다. 긴글 죄송합니다
-
미해결타입스크립트로 배우는 리액트(React.js) : 기초부터 최신 기술까지 완벽하게
form action 과 onSubmit
진행중에 form 에 action 과 onSubmit 을 섞어서 사용하셨는데form action 과 onSubmit 을 어느상황에 어떤걸 선택해서 사용해야하는 기준이 있을까요? 어떤 기준에 따라 왜 사용하는지 정리가 안되서요 🤔
-
미해결리액트 기초 (Introduction to React)
probs(props)도 맞는 표현인가요?
제가 알기로는 props 로 알고있는데 강의에서 강사님이 props를 계속 probs 로 사용하셔서 헷갈립니다. probs 도 쓰이는 표현인가요?