리액트를 그때 그때 배워서 쓰다 보니 이런 에러를 자주 마주하곤 한다. '{ username: any; repoid: any; }' 형식은 'IntrinsicAttributes & { children?: ReactNode; }' 형식에 할당할 수 없습니다. 'IntrinsicAttributes & { children?: ReactNode; }' 형식에 'username' 속성이 없습니다.ts(2322) 이 문제는 뷰를 만드는 쪽에서 파라미터를 제대로 안써줘서 발생할 가능성이 높다. 나 같은 경우에는 뷰를 만들 때 파라미터들 사이에 콤마를 써줘서 이 에러가 발생하기도 했었다. 밑의 코드를 보고 혹시 빼먹은 파라미터가 없는지 타입은 명시해줬는지 콤마를 쓰지 말아야 하는 곳에서 콤마를 쓰진 않았는지 엔터를 안..
ko.reactjs.org/docs/conditional-rendering.html
react의 원리
index.js에서 한개의 component(App)을 렌더링 해준다. 그 다큐먼트 안에는 엘리먼트가 있는데, element ID는 root이다. index.html 안에 있다. App 내부에는 여러개의 요소들이 있다. reactDOM은 브라우저로 렌더링을, react native는 앱으로 렌더링을 해준다. css의 class 대신, 'className'을 쓴다. public/index.html이 생성된 파일이다. [props] {this.pr ops.title}을 쓰면 된다. JSX를 쓰기 위해서는 {}브라켓을 쓰기 때문이다. App.js에서는 const movieTitles = ["a", "b"] const movieImages = ["aa", "bb"] 과 같은식으로 쓰고, Movie.js 에서는 ..
[react] webpack과 create react app
https://www.inflearn.com/course/reactjs-web/lecture/8275 리액트 처음이시라구요? React JS로 웹 서비스 만들기! - 인프런 리액트가 뭔지, 차근차근 처음부터 시작합니다. 리액트로 영화 정보와 랭킹을 알려주는 웹사이트를 직접 함께 클론코딩하면서 만들어봅니다. 중급 서비스 개발 Front-End React Javascript 온라인 강의 ReactJS www.inflearn.com yts api를 사용할 예정이다! react > javascript로 바꿔주는 transformatter가 필요하다. 이를 'webpack'이라고 부르는데... 웹펙은 react 코드를 브라우저가 이해할 수 있는 코드로 바꿔주는 역할을 한다. 가장 최근의 버전은 javascript..
[react] react fundamental
놀랍게도 캡스톤때문에 리액트를 공부하게 되었다. iOS 밖에 없을것같았던 내 개발인생에 리액트가 등장하게 되었는데...! https://www.inflearn.com/course/reactjs-web/lecture/8274 리액트 처음이시라구요? React JS로 웹 서비스 만들기! - 인프런 리액트가 뭔지, 차근차근 처음부터 시작합니다. 리액트로 영화 정보와 랭킹을 알려주는 웹사이트를 직접 함께 클론코딩하면서 만들어봅니다. 중급 서비스 개발 Front-End React Javascript 온라인 강의 ReactJS www.inflearn.com 노마드코더님의 강의를 들으면서 시작하게 되었다. 무료이다!! 리액트의 장점은 다음과 같다. 1) 자바스크립트만 알면 된다! Angular같은 프레임워크들과는 다..