본문 바로가기

basic

 (173)
[Node.js] npx npx는 npm과 달리 원하는 패키지를 일회성으로 실행시키고 설치하는 실행도구이다 따라서 패키지를 최신 상태로 업데이트 하지 않아도 항상 최신버전으로 실행할 수 있게 해준다는 장점이 있다 npx => 업데이트 하지 않아도 항상 최신 버전을 사용할 수 있게 한다!! npm update module_name
[React.js] 컴포넌트 DOM 이벤트 리액트에서 이벤트는 자바스크립트의 이벤트를 카멜표기법처럼 바꾸면 되는듯 click 엘리먼트의 마우스나 키보드가 클릭될 때 onClick submit 폼의 데이터가 전송될 때 onSubmit mousemove 엘리먼트 위에서 마우스 커서가 움직일 때 onMouseMove mouseover 엘리먼트 영역 위로 마우스 커서가 돌아다닐 때 onMouseOver mouseout 엘리먼트 위에 있던 마우스 커서가 영역을 떠나갈 때 onMouseOut keydown 키보드 버튼이 눌렸을 때 onKeyDown keypress 키보드 버튼 입력이 완료되었을 때 onKeyPress
[React.js] 컴포넌트의 구성 요소 프로퍼티 : 상위 컴포넌트에서 하위 컴포넌트로 전달되는 읽기 전용 데이터 props => Comp컴포넌트에서 this.props.name state : 컴포넌트의 상태를 저장하고 변경할 수 있는 데이터 컨텍스트 : 부모 컴포넌트에서 생성하여 모든 자식 컴포넌트에 전달하는 데이터
[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에 덮어씌우면 해결된다.

티스토리툴바