일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | 7 |
8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 | 23 | 24 | 25 | 26 | 27 | 28 |
29 | 30 |
- NoSQL
- 제로초예제
- 리액트
- sementicversion
- 리액트컴포넌트
- npm명령어
- sequelize
- React Component
- 시퀄라이즈
- mongo
- nodejs교과서
- 리액트기초
- component
- React
- 클래스컴포넌트
- express-generator
- MongoDB
- 리액트스타디
- nodeJS
- mongoose
- 시퀄라이즈공부
- node
- NPM
- Today
- Total
목록전체 글 (115)
개발노트
0. front, back 폴더 만든후 front 폴더에 npm init 으로 패키지를 만든다 1. 필요한 것들 설치 npm i react react-dom next npm i -D nodemon webpack next 는 react위에서 돌아가는 프레임워크 코드스플리팅과 서버사이드렌더링 제공 npm i -g next //package.json "scripts": { "dev": "next", "build":"next-build", "start":"next-strat" }, // project/front/pages/index.js const Home = () => { return( Helllo next ) } export default Home; next run dev 하면 실행 pages 폴더에 폴더,..
HTML 속성을 React로 표현하려면? 기존 HTML react component로 만들었을때의 button 부분 return makeTag( 'button', null , 'Like' ); HTML 리액트로 바꿀경우 null 자리 안에 속성(attrubute)들이 들어가게 되며 = csv가 : 으로바뀐다 return makeTag( 'button', { onClick: ()=>{ console.log('clocked'); }, type:'submit' }, 'Like' ); State 상태는 바뀌는 부분 또는 바뀔수 있는 부분. 버튼 클릭시 좋아요를 true로 바꾸려면? this.state 를 추가해 liked 속성을 추가해서 기본값을 false로 두고 클릭시 function에 this.setStat..
1. makeTag라는 변수에 , React야 엘리먼트 만들어줘 해서 담음. 2. 클래스 컴포넌트를 만든다. -React.Component가 부모고 그걸 확장(extends)해서 부모 기능을 쓸수있게 하였음. -props를 인자로 받는 생성자에서 super로 부모 생성자를 호출하는이유는 부모클래스를 실행시켜주어야 되서 그런건가? 찾아봐야 겠다 2-1) 렌더 메서드 안에 이런 태그를 만들겠다라고 써줌 3. ReactDOM을 이용해 render(화면에그리겠다)해줘 위의LikeButton 클래스컴포넌트가 렌더링된다.