소개
👋🏼 안녕하세요 인프런에서 강의하는 김정환입니다.
수업 중 궁금한 사항은 질문 사항에 올려주세요.
매일 한 번씩 확인하고 답변 드리겠습니다.
강의
전체7로드맵
전체2수강평
- 리액트에 대한 심도있는 이해를 얻을 수 있어서 무척이나 좋았던것 같습니다!
HeunOh Lee
2024.05.21
1
게시글
질문&답변
2024.05.22
import 문제
실습 환경에서 바벨 스탠드얼론 버전을 사용해서 그런것 같습니다. 2-react/index.html 을 보시면 해당 코드가 있는데요. 교육 목적으로 사용한 것이라고 이해해 주시면 되겠습니다. 실제로 프로젝트를 한다면 웹팩같은 번들러를 사용할텐데요. 그런 환경에서는 말씀하신대로 상대 경로나 절대 경로로 사용할 수 있습니다.
- 1
- 1
- 48
질문&답변
2024.05.18
자동변환 관련
vscode 기능인데요. format on save 기능을 켜면 파일을 저장할 때 코드를 자동으로 포맷팅해줍니다. (사진)
- 1
- 1
- 55
질문&답변
2024.05.17
[1.2장 상품목록 화면] 1.2.3 Button ...rest 관련 질문 드립니다.
네 가지 질문을 주셨는데요 먼저 …rest에 대해 먼저 이해하시면 좋을 것 같습니다. 전개 구문(Spread Syntax)이라는 문법인데요. https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Operators/Spread_syntax 배열이나 객체를 다룰 때 사용합니다. 객체에서 사용할 때는 const obj = {a: 1, b: 2, c: 3} const obj2 = { ...obj, d: 4} // 전개 구문으로 객체 합성. {a: 1, b: 2, c: 3, d: 4} (function func({a, ...rest}) { console.log(rest) // 전개 구문으로 a를 제외한 객체가 할당됨 {b: 2, c:3} })(obj) 기존 객체에 필드를 추가하거나 제거할 때 사용합니다. — 이제 질문을 하나씩 보시죠. 1. 어트리뷰트와 태그 안 두 가지 방식 모두 사용합니다. 어트리뷰트: styleType, onClick 태그안: children(‘주문하기’) 2. 아니오. onClick도 props 인자에 들어갑니다. createElement( Button, // 함수 { styleType: "brand", onClick: () => console.log("TODO: 주문하기 클릭") }, // props "주문하기 , 결제하기" // children ) 3. rest가 props 객체를 전개한 객체이기 때문에 props 객체의 일부입니다. 위에 전개 구문을 참고하시면 되겠습니다. 4. 이 코드는 의도하지 않은 결과가 나올겁니다. children 프롭을 명시하면서 태그안에는 빈 문자를 전달한 셈이에요. 실행해봐야 결과가 나올텐데요. 이렇게 작성하는 것보다는 아래 둘 중 하나를 사용하시는 것이 좋습니다. console.log("TODO: 주문하기 클릭")} children={"주문하기"} /> console.log("TODO: 주문하기 클릭")} >주문하기
- 1
- 2
- 155
질문&답변
2024.05.01
sort() 질문 드립니다.
지원님 안녕하세요? 자바스크립트 배열의 sort 함수를 사용하실때 양수,음수,0을 반환하는 비교함수를 사용하는 것이 맞습니다. 제가 정확한 동작을 모르고 부등호를 사용한 것인데요. 이것은 브라우져 별로 코드를 평가하는 차이가 있는 것 같습니다. 지원님께서 사용하신 것처럼 - 연산자를 사용해 주세요. 비슷한 질문이 있어서 참고하시면 좋겠습니다. https://www.inflearn.com/questions/222368/데이터-sort-적용-문의
- 1
- 2
- 114
질문&답변
2024.04.24
reset 시점에 searchResult 빈 배열로 update
이미 답을 찾으셨을 것 같은데요. 지적해 주신것처럼 배열도 초기화 해주는 것이 안전합니다. 영상에는 없지만 다음 브랜치(react/search-result-4)로 이동하면 해당 코드가 있을 거에요. 중요한 부분 놓치지 않고 말씀해 주셔서 감사합니다.
- 1
- 2
- 103