25%
36,300원
다른 수강생들이 자주 물어보는 질문이 궁금하신가요?
- 미해결한입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
2.5) 원시 타입 데이터 할당
1:50 질문 드립니다.let p1 = 1;let p2 = p1 일 때,p2를 생성할 때 메모리에 데이터 1을 추가하여 저장되는 것이 아니라, p1에 값 1을 할당 했을 때 메모리에 저장된 1의 메모리 주소를 재활용 하여 p1과 p2가 모두 동일한 데이터를 참조하게 되는 것 아닌가요? p2 생성시 메모리에 데이터 1을 추가하신 것에 대해 의문이 들어 질문드립니다.
- 해결됨한입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
8.6 투두 수정하기) 오류 관련 질문
안녕하세요 선생님 강의 보면서 똑같이 코드를 입력했는데그 이후에 새로고침 하고 체크박스를 누르니까 이런 오류가 발생하네요혹시 무슨 오류인지 알 수 있을까요?
- 해결됨한입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
사용자 데이터를 localstorage에 저장해도 되나요??
안녕하세요 선생님!선생님 강의를 정말 잘 듣고 있는데요! 강의에 대한 질문은 아니지만 다른 곳에 물어볼 곳이 없어서 선생님께 여쭤봅니다. 제가 이번에 백앤드분들과 프로젝트를 준비하고 있는데 로그인 과정에서 jwt토큰을 사용한다고 합니다. 그런데 access토큰을 누구나 볼 수 있는 localstorage에 저장해도 되나요? 구글에 찾아보니 쿠키에 담는게 가장 안전하다고 하는데 쿠키에 담으면 서버에 보낼시 쿠키에 담긴 토큰을 꺼내서 헤더에 넣어서 서버에 보내야 되나요?? 강의 2회 반복중인데 처음에는 너무 어려웠지만 지금은 리액트에 대해 많이 배웠습니다. 항상 좋은 강의 감사합니다!!
- 해결됨한입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
useCallBack 강의 질문
이전 강의인 Reacr.memo 에서 리액트가 기존 prop 과 신규 prop 을 얕은비교(주소값 비교)로 진행하기 때문에, 새로운 객체로 업데이트(생성, 수정, 삭제)로 인해서 수정된 객체 값((새로운 주소값))이 state() 값으로 할당되어 다르게 인식하기 때문에 react.memo 에서 직접 사용자가 비교할 수 있게 따로 로직을 만들었습니다.그런데 이번 강의에서는 단순히 생성, 수정, 제거 함수를 useCallback 으로 제어했을때,react.memo에 직접 prop 값을 비교한 로직은 왜 지우는건가요?state 데이터를 핸들링하는 함수들은 변하지 않음으로 mount 할때만 useCallback을 쓰는건 알겠는데, 이게 왜 state 객체 주소값이랑 연관이 있는지 모르겠어요 ㅜㅜ
- 해결됨한입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
React.memo object props 값 이외에 함수 비교
리액트는 주소값 비교로 object 를 비교 하려면 따로 로직을 짜주어야 하는데,이 강의에서 editor 또한 memo 로 컴포넌트 최적화 하려 했지만 안되던데 따로 이전 prop 값과 이후 prop 값을 비교해줘야 하나요? 만약 그렇다면, 왜 react는 prop 으로 전달된 함수는 변하지 않음에도 변했다고 인식하는지가 궁금하고 어떻게 비교해야하는지 궁금합니다.
- 해결됨한입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
프로젝트 중간에 프레임워크와 언어를 변경할수 있나요?
안녕하세요.현재 업데이트 된 강의를 보면서 프로젝트를 만들고 있습니다.그런데 중간에 typescript를 사용하기로 해서 잘라먹는 타입스크립트도 같이 결제 해서 들을려고 합니다.하지만 타입스크립트 강의는 vite를 사용하지 않는거 같아서 타스를 적용하기 전에 질문드립니다. vite로 프로젝트 만들고 있는 중간에 타입스크립트를 사용할수 있게 변경할 수 있나요?vite를 안쓰고 잘라먹는 리액트 강의를 들으면 따라가기 불가능 할까요?혹시 타스 강의도 업데이트 할 예정이 있으신가요?
- 해결됨한입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
라이프사이클 질문!
안녕하세요 라이프 사이클에대해서 궁금하게 있어 질문 드립니다.처음에 컴포넌트가 빌드 되었을때(초기랜더링) 마운트 되었다 라고 표현하고, 이미 빌드가 된 컴포넌트에서 반응형 state로 인해 리랜더링이 되면 업데이트,그리고 컴포넌트가 제거되면 언마운트라고 알고 있습니다 !혹시 그렇다면 업데이트가 이루어질때 컴포넌트가 리랜더링 되는데, state가 초기화 되지 않는걸 보면 컴포넌트가 삭제되지 않고 리랜더링 되는것 같다는 추측을 하고 있습니다.만약 그렇다면 컴포넌트가 어떻게 삭제되지 않고 리랜더링을 진행 할 수 있는건가요 ?
- 해결됨한입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
남겨주신 Counter App 데모사이트
남겨주신 Counter App 데모사이트가 잘못된것 같아요 링크로 이동하면 자바스크립트 강의 자료가 나오네요
- 해결됨한입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
setCount 안에 count++ 이렇게는 작성하지 못하는 이유
count 값을 변경하기 위해서는 직접 count값을 변경하지 못하는 이유와,setCount에 아규먼츠로 count++ 이렇게 넘겨주었을때 에러나는 이유가 궁금합니다.
- 해결됨한입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
input태그에 readOnly 속성이 적용되어 있는데 onChange가 되는 이유가 무엇인가요?
8.5에서 업데이트 기능 구현 전, 오류를 없애기 위해서 readonly 속성을 적용시켰었는데, readonly를 지우지 않고도 onChange가 동작해서 여쭤봅니다.onchange가 값이 변경될 때 실행되는 걸로 알고 있는데, readonly인데 값이 변경될 수 있나요? 8.6) Update 입니다.
- 해결됨한입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
JSX에서 CSS파일 연결하는게 안됩니다
안녕하세요 선생님강의 잘 듣고 있습니다! 다름이 아니라 선생님 강의 중 'JSX로 UI 표현하기' 편을 듣고 있는데import를 이용해서 CSS파일을 연결하는 부분에서 막혔습니다강의와 똑같이 작성했는데 스타일 적용이 안되는 이유가 뭘까요?화면에 오류 표시도 안뜨는데 코드에 문제가 있는지 궁금합니다
- 해결됨한입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
오픈채팅방 추가 개설 문의
안녕하세요 강사님오픈채팅방 정원이 다 차서 접속이 불가하네요 ㅠㅠ혹시 오픈 채팅방 추가 개설 예정은 없으실까요?
- 해결됨한입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
8.4) Create - 투두 추가하기 부분에서 SyntheticBaseEvent가 저장됩니다.
투두 리스트 실습하고 있는데, 입력폼을 통해 입력한 항목이 State에 저장되지 않고, SyntheticBaseEvent가 저장되어 있네요84) Create - 투두 추가하기 7:21 부분에서 INPUT에 항목을 입력하고 [추가] 버튼을 누르면 content 부분에 입력 텍스트가 아닌 합성이벤트 객체가 저장되는데 무슨 문제인지 궁금합니다. 덧. 다시한번 작성해보니 OnCreate 함수를 전달받아 추가 버튼을 눌러 onSubmit 할때 파라미터로 content 스테이트값을 전달했네요 -_-);; 해결되었습니다만, 이 과정에서 어떤 문제가 있었나 보네요, content를 다시한번 참조하는 상태가 된건가요? 값을 전달한게 아니라 참조가 전달된거라고 보면 될려나요.. [ -------SyntheticBaseEvent가 생성된 코드-------]const onSubmit = (content) => {onCreate(content);}
- 해결됨한입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
매개변수를 넣는 이유
안녕하세요, 강사님~자바스크립트 책과 강의에 많이 투자했는데 강사님 강의만큼 명료하고 쉬운 게 없어서 다른 것 재쳐두고 계속 이것만 정주행 하고 있습니다.입문자들의 희망이 되어 주셔서 정말 감사합니다! 다름이 아니라 단락평가 공부 중 쓸 데 없는 궁금증이 생겼는데검색을 해봐도 해소가 안 돼서 질문드립니다.function printName(person) { const name = person && person.name; console.log(name || "person의 값이 없습니다."); } let person = { name: "이정환", }; printName(person);강의 중에 이런 예시가 나왔었는데첫 줄에서 printName이라는 함수를 선언하면서 매개변수로 (person)을 받도록 했고, 마지막에 함수를 실행할 때도 (person)이라는 인수를 넣어서 실행하셨는데요,이유가 무엇인가요?여기서 person이라는 매개변수의 역할이 무엇인지 이해가 되질 않아서 빼보니 빼봐도 잘 작동하는데넣은 거랑 뺀 것이랑 어떤 차이일까요? 완전 초보라서... 기초적인 질문해봅니다!
- 미해결한입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
TodoList 검색기능과 탭기능에 대한 질문
투두리스트를 만들고 있습니다.ui는 디자인은 하지 않았고, 기능만 구현하고 있습니다.사실 원하는 모든기능은 구현했는데 아래 두가지가 중첩되지 않습니다. 코드를 봐주시면 감사하겠습니다. 1. 탭 : (all,active,completed)을 배열 반복문으로 나타나게했고 클릭하면 체크박스 값이 변동됨에에 따라 상단에는 length가 나타 나게되고 ui에도 (all,active,completed)에따라 보여지게 됩니다. 2. 검색 : 인풋 체인지시 하단의 todo추가인풋의 값이 includes.(targetvalue상태)에 맞춰서 ui로 보여집니다. 위 코드는 검색 기능 코드입니다. 위코드는 탭메뉴 코드입니다. todos라는 최초 배열을 반복문으로 보여주다가 위 함수의 상태를 따로 return해줘서새로운 변수 newArray를 만들어서 ui상으로 다시 반복문으로 나타내고 있습니다 searchFilter와 getFilterdItem 함수를 합칠수가 없는데요,어떻게하면 newArray배열을 이용하여 ui상으로 두개의 함수를 모두 나타낼수 있을까요? 혹은 다른 방법이 있다면 알려주신다면 대단히 감사하겠습니다 ㅠㅠ
- 해결됨한입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
빌드 파일의 일부 페이지에서 이미지 파일이 제대로 불러와지지 않습니다.
빌드 폴더가 아닌 오리지널 폴더로 npm start로 확인했을 때에는 알맞게 사진이 불러와집니다. 하지만 빌드 후에 serve 명령으로 실행했을 때에 Diary.js , Edit.js에서 사진을 제대로 불러오고 있지 않습니다. 제가 콘솔로 확인했을 때에 이미지의 상대 주소는 잘 찍히고 있는 것 같은데, 어디에서 빌드 후에 문제가 생기는 건지 잘 모르겠습니다. 깃허브 주소 남깁니다.https://github.com/yminjuu/Emotion-Diary
- 해결됨한입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
originData.id 대신 useParams로 받은 id를 사용하여 삭제하면 안되는 이유
LocalStorage 사용 강의의 16분 50초 부근 "삭제하기" 버튼 관련 질문입니다.처음에 혼자 구현을 하려고 할 때 originData.id 대신 id를 onRemove에 파라미터로 전달했을 때 작동이 안됐는데 originData.id로 해야 삭제되더라고요. 콘솔로 찍었을 때 둘 다 일기 데이터의 id로 같은 걸 가리키는 것으로 나오는데 제가 잘못 알고 있는 부분이 있을까요? 안되는 이유가 무엇인가요? const handleDelete = () => { if (window.confirm("정말 삭제하시겠습니까?")) { console.log(id); console.log(originData.id); onRemove(originData.id); navigate("/", { replace: true }); } };
- 해결됨한입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
페이지가 화면에 꽉 채워지는 이유 질문
제 프로젝트강사님의 프로젝트 제 프로젝트는 스크롤이 무조건 안되고 일기장 화면이 꽉 찹니다.aspect-ratio도 둘 다 auto로 되어있고 개발자 도구로 확인해보았는데 해결되지 않아 질문 드립니다. 기본 설정에서 빼먹은 게 있을까요?
- 미해결한입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
useEffect의 dependency array에 빈 배열
안녕하세요.10분 30초 쯤에useEffect(() => { }, [originData, isEdit]);여기서 만약 dependency array에 빈 배열을 전달해주면 구체적으로 어떤 문제가 생기나요?home에서 일기 수정하기 버튼이나 새로 만들기 버튼을 누를 때마다 DiaryEditor가 mount 된다고 생각하여 빈 배열을 넣어줘도 된다고 생각했는데, 그게 아니라 리렌더가 되는 건가요?
- 해결됨한입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
강의 환불관련 문의드립니다.
안녕하세요. 선생님 제가 해당 강의를 유데미에서 수강중인 것을 모르고 실수로 또 구매를 했습니다. 현재 환불 기간이 지나 환불이 불가능한 것으로 확인되어 혹시 해당 강의를 한입 크기로 잘라먹는 타입 스크립트로 변경이 가능한지 문의드립니다. 해당 강의는 아직 수강하지 않았습니다. 제가 아마 할인 기간에 여러 강의 신청할때 같이 신청한거 같은데, 지금 보니 유데미에도 동일 강의를 신청했었네요. 필요시 유데미 강의 결제한 내역 인증도 가능합니다. 동일한 강의를 듣기에는 좀 부담이 있어서 혹시 넓으신 아량으로 강의 변경 또는 환불이 가능한지 문의드리겠습니다.환불이 될 경우 다시 한입 크기 타입 스크립트 강의를 신청하겠습니다.감사합니다.