전체 글 (274) 썸네일형 리스트형 [React.js] 컴포넌트의 구성 요소 프로퍼티 : 상위 컴포넌트에서 하위 컴포넌트로 전달되는 읽기 전용 데이터 props => Comp컴포넌트에서 this.props.name state : 컴포넌트의 상태를 저장하고 변경할 수 있는 데이터 컨텍스트 : 부모 컴포넌트에서 생성하여 모든 자식 컴포넌트에 전달하는 데이터 MVC디자인 패턴 정보를 담당하는 모델 M 화면 담당을 하는 뷰 V 구동 담당을 하는 컨트롤러 C API application programming interface 코딩을 편하게 하기위해 미리 만들어진 함수들을 가져다 쓰는데 이 때 접근하기 위한 규칙들을 정의해 놓은 것 정도로 생각하면 될 것 같다 [React.js] Redux 기본설정 redux react-redux redux-promise redux-thunk : 비동기 작업을 위해 필수, 객체가 아닌 함수 형태의 액션을 디스패치할 수 있게 해준다. index.js설정 import { Provider } from 'react-redux'; import { applyMiddleware, createStore } from 'redux'; import promiseMiddleware from 'redux-promise'; import ReduxThunk from 'redux-thunk'; import rootReducer from './_reducers' //middleware를 넣어준다 const createStoreWithMiddleware = applyMiddleware(promis.. [몽고DB] 연결하기 npm i -s mongoose를 다운받는다 const mongoose = require('mongoose') mongoose.connect('mongodb+srv://:@cluster0.stfdk.mongodb.net/?retryWrites=true&w=majority',{ useNewUrlParser: true, useUnifiedTopology:true, useFindAndModify: false }).then(()=>{ console.log('MongoDB Connected...') }).catch(err=>{ console.log(err) }) 그리고 몽고디비 사이트에서 ADD IP ADDRESS를 눌러 자신의 아이피주소를 등록해줘야 접속 할 수 있다. [React.js] 리액트 시작하기 npm init >> json파일로 설정값넣는것 npm i -g create-react-app npx create-react-app "프로젝트명" yarn create react-app 프로젝트명 npx로 현재위치에 프로젝트 생성하는법 >> 최신 버전 설치해줌 npx create-react-app . npm i -g yarn 을 설치해서 yarn start로 실해시키면 편하다 인텔리제이 포트번호 변경하는 법 스프링부트로 생성된 프로젝트의 경우 src/main/resources의 application.properties파일에서 'server.port=원하는 포트번호' 로 수정하거나 상단 메뉴 Run >> Edit Configurations 포트번호를 원하는 값으로 설정해준다. mvn spring-boot:run [ERROR] java.lang.NoSuchMethodError: javax.servlet.http.HttpServletRequest.getHttpServletMapping()Ljavax/servlet/http/HttpServletMapping; jdk의 servlet-api와 톰캣의 servlet-api가 충돌나서 나는것 같다. 따라서 톰캣의 servlet-api를 복사해서 C:\Program Files\Java\jdk1.8.0_202\jre\lib\ext안의 servlet-api에 덮어씌우면 해결된다. 이전 1 ··· 28 29 30 31 32 33 34 35 다음
