44,000원
다른 수강생들이 자주 물어보는 질문이 궁금하신가요?
- 해결됨만들면서 배우는 리액트 : 기초
디렉터리 구조 관련하여 참고할 만한 예시가 있을까요?
후반부 create-react-app 사용을 알려주시면서 components 디렉터리 생성하는 걸 언급해주셨는데요. 모범사례라 할 수 있는 디렉터리 구조가 궁금해서 알려주시면 감사할 것 같아요. 예를 들어 서버로부터 API를 통해 고양이 이미지를 불러오는 함수의 경우 useEffect 함수 및 Form 컴포넌트에서 사용을 위해 재사용 되었는데 이러한 코드 스니펫을 어떤 디렉터리를 생성해서 보관하면 좋을지 궁금하더라고요. 문자열 내 한글이 포함되었는지 파악하는 유틸 개념의 함수도 마찬가지고요. 이러한 디렉터리 구조를 보고 배울 프로젝트를 몇 가지 공유주시면 감사할 것 같습니다! 좋은 강의 감사히 잘 들었습니다.
- 해결됨만들면서 배우는 리액트 : 기초
https://cataas.com/undefined 로 나오는데 왜그런건가요?
https://cataas.com/undefined 로 나오는데 왜그런건가요?28강 수강하고 있는데 fetch를 사용하려고 하는데 이미지가 안나와요 ㅠㅠㅠ
- 해결됨만들면서 배우는 리액트 : 기초
고양이 사진이 깨져요.ㅜㅜ
고양이 사진이 뜨지 않아요..ㅜㅜ
- 해결됨만들면서 배우는 리액트 : 기초
강의 노트 위치를 모르겠습니다
커리큘럼 밑에 있다는데 어디 있는건가요....?? ㅠㅠㅠ
- 해결됨만들면서 배우는 리액트 : 기초
깃 강의노트 어디서 볼 수 있나요?
ㅜㅠ강의노트를 어디서 찾아야 하는지 모르겠네용알려주세요~
- 해결됨만들면서 배우는 리액트 : 기초
이해가 안되는 부분이 있어요
안녕하세요 강의 내용 중 이해가 안되는 부분이 있어서 질문 드립니다.const [value, setValue] 선언 당시 const 뒤에 이름 없이 []를 사용하여 선언해도 문제없는 이유가 무엇인지 궁금합니다.보통 const 선언시 함수명 혹은 컴포넌트 명을 작성하는데 react 수업을 들으면서 처음 적었을 때부터 아직 이해가 되지가 않아서요ㅠㅠ
- 해결됨만들면서 배우는 리액트 : 기초
api가 안불러와지네요...
콘솔창에서 아래와 같이 입력해서 확인해보면 데이타가 잘 들어옵니다.근데 강사님이 작성하신 utils.js 파일을 넣고 실행을 하면 데이타가 들어오지 않는거 같아서요혹시 뭐가 잘못된걸까? fetch('https://cataas.com/cat?json=true') .then((response) => response.json()) .then((data) => console.log(data));위의 소스로 확인해보면 데이타가 들어옵니다. //(1)utils.js에서 API함수 추가 const fetchCat = async (text) => { const OPEN_API_DOMAIN = "https://cataas.com"; const response = await fetch(`${OPEN_API_DOMAIN}/cat/says/${text}?json=true`); const responseJson = await response.json(); return `${OPEN_API_DOMAIN}/${responseJson.url}`; console.log(fetchCat); };//(2)수정 async function updateMainCat(value){ //수정 const newCat = await fetchCat(value); //추가 setMainCat(newCat); //수정 const nextCounter = counter +1; setCounter(nextCounter); jsonLocalStorage.setItem("counter", nextCounter); } function handleFormSubmit(e){ e.preventDefault(); setErrorMessage(""); if(value ===""){ setErrorMessage("빈 값으로 만들 수 없습니다."); return; } updateMainCat(value); //(3)수정 } 며칠동안 계속 안되길래 무료 API 라 연결이 안될수 있다고 해서 기다리다가 며칠이 지나도 계속 안되는 상태여서 확인해보니 연결이 안되는거 같지는 않아서요,실제고양이 api 데이터 받아오는 강의부분의 소스인데요, 생성버튼을 누르면 이미지에 엑박표시가 나면서 콘솔창에 보면 Failed to load resource 라고 뜹니다.
- 해결됨만들면서 배우는 리액트 : 기초
진유림 선생님 너무 궁금해서 질문드립니다 ㅜ
진유림 선생님 너무 궁금해서 질문드립니다 ㅜ흔히 CSR은 SEO 최적화가 어렵다고 하는데 최적화가 어렵지 기본적인 메인 홈페이지는 검색이 되는게 맞죠?시작이 되는 index.html의 소스의 <head></head> 태그안에 meta 태그 속성 중 네임과 컨텐트,그리고 타이틀 태그로 인해서, 기본적인 메인 홈페이지는 검색이 되는 것이 맞나요?
- 해결됨만들면서 배우는 리액트 : 기초
react에서 컴포넌트 만들 때 대문자를 쓰는 이유
react에서 컴포넌트 만들 때 대문자를 쓰는 특정한 이유가 있을까요?(소문자로 시작하면 절대 컴포넌트로 받아올 수 없는 건가요?)
- 해결됨만들면서 배우는 리액트 : 기초
https://cataas.com/ 여기 도메인이 죽어서 이미지가 보이지 않습니다 ㅠ
- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요.수업도중 예제 화면을 보면서 작업중이였는데갑자기 이미지가 뜨지 않습니다;;https://cataas.com/ 여기 도메인이 죽어서 이미지가 보이지 않습니다 ㅠ 확인 부탁드립니다.
- 해결됨만들면서 배우는 리액트 : 기초
index.js 내용이 바꼈네용
강의 내용은 ReactDom.render인데오늘 설치 해보니 ReactDom.createRoot가 추가됬네여
- 해결됨만들면서 배우는 리액트 : 기초
프로젝트에 사용할 상태와 로직 관리 라이브러리 훅 사용 질문입니다.
로그인 및 인증,인가(세션,jwt둘다 사용), 게시판(이미지포함), 댓글, 소켓채팅 정도의 기능을 구현하여 테스트 코드와 docker로 띄워서 CI/CD까지 구현하려고 합니다. 상태랑 로직 관리를 useReducer, React Context API, React Query, redux, graphql 정도로 생각하고 있는데 어떤걸로 하는게 좋을까요?!
- 미해결만들면서 배우는 리액트 : 기초
html 코드 오류
안녕하세요 강의 초반부에script 태그 3개를 추가했는데도 catItem내에서 html 코드를 쓰면 오류가 뜨네요이유가 뭘까요 ㅠㅠUncaught SyntaxError: Inline Babel script: Unexpected token (5:6) (at babel.min.js:7:10099) 3 | 4 | const catItem = { > 5 | < li > | ^ 6 | < img src="https://cataas.com/cat/HSENVDU4ZMqy7KQ0/says/react" /> 7 | </li > 8 | }<body> 아래는 제가 작성한 코드입니다. 주석 부분은 지웠습니다. <body> <div id="app"></div> <!-- <h1>1번째 고양이 가라사대</h1> <script src="https://unpkg.com/react@18/umd/react.development.js" crossorigin></script> <script src="https://unpkg.com/react-dom@18/umd/react-dom.development.js" crossorigin></script> <script src="https://unpkg.com/babel-standalone@6/babel.min.js"></script> <script type="text/babel"> console.log("야옹"); const catItem = { <li> < img src="https://cataas.com/cat/HSENVDU4ZMqy7KQ0/says/react" /> </li> } const 여기다가그려 = document.querySelector("#app"); ReactDOM.createRoot(여기다가그려).render(catItem); </script> </body>
- 미해결만들면서 배우는 리액트 : 기초
고양이 이미지 깨져요
- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요. 고양이 이미지 깨지는데, 어떻게 하면 될까요?
- 미해결만들면서 배우는 리액트 : 기초
고양이 이미지 링크 깨짐 문의
7.JSX로 ~ 강의 5분쯤 진행하니 이런 에러가 납니다고양이 이미지 링크가 깨지는 문제인걸로 보여지는거 같아서..이런 경우 다른 이미지로 실습을 진행할 수 있게끔 하고 싶은데 다른 방법이 없나요? 로컬 PC의 이미지로 대체하려고 했더니 그것도 오류가 납니다.=> Not allowed to load local resource: file:///C:/Users/사용자명/Desktop/이미지파일명.jpg
- 해결됨만들면서 배우는 리액트 : 기초
현재 MDN 사이트의 using fetch부분을 사용하면 에러가 나오네요
- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요. 강의의 코드와 조금 다르지만, 사이트에 있는 코드를 사용하면 에러가 나네요 .. ㅠㅠㅠ 그래도 강의에서 사용하신 코드를 입력하면 제대로 나오긴 하는데.. 왜 그런건지 잘 모르겠습니다.
- 해결됨만들면서 배우는 리액트 : 기초
강의 6분 후반부~7분 부분에서 handleFormSubmit의 검증전 에러메시지초기화(setErrormessage)에 대한 질문입니다
- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요.setErrormessage가 handleFormsubmit함수 안에 있게 되면,만약한글로 입력창에 "나나나" 이렇게 치면 에러메시지가 "한글은~"이라고 뜰 것입니다.이 때 따로 한글로 인풋이 들어간다고해서 전송이 안되는게 아니니까 이 상태로 전송하면,setErrormessage(handleFormsubmit)에 의해 초기화 될 것입니다. 이후 글자를 하나라도 지우면 handleInputchange에 따라서 검증되고, "한글은~"메시지가 뜰 것입니다. 여기서 질문이와 같이 동작하는 게 맞을까요?이러한 동작이 맞다면 handleFormSubmit안의 setErrormessage는 사용하는 이유가 없고, 오히려 없는게 자연스러워 보이는데 (없게 되면 한글만 입력하고 전송버튼 눌러도 에러메시지("한글은 입력할 수 없습니다")가 남아있음) .. 제가 어느 부분을 놓치고 있는 걸까요?
- 미해결만들면서 배우는 리액트 : 기초
고양이사진
고양이 사진 언제 다시 뜰까요?ㅠㅠ 사진이 안나와서 잘 되는지 확인이 조금 어렵네요,,
- 미해결만들면서 배우는 리액트 : 기초
이미지 서버
이미지 서버 죽은것같습니다.저도 귀여운 고양이들이랑 수업받고싶어요
- 미해결만들면서 배우는 리액트 : 기초
고양이 이미지 엑박 오류 ㅠㅠ
실습중인데고양이 사진이 뜨질 않습니다 ㅠㅠ