일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 | 31 |
- 자바스프링
- numpy
- 오산대맛집
- Eclipse
- SQL
- ubuntu
- 플랙스박스기본
- Hooks
- 객체지향프로그래밍
- 노마드코더
- HTML5
- java spring
- Flexbox Froggy
- node.js
- SQL 문제
- 타입
- REACT
- Flex Box 기본
- SQL 연산자
- 람다식
- 이클립스
- 자바 스프링
- spring 환경설정
- java설치
- 관계형데이터베이스
- spring
- 환경설정
- SQL 명령어
- 리액트
- 스프링
- Today
- Total
목록JS 프레임워크/React (20)
이것저것
JSX는 JavaScript XML의 약자로 React가 이벤트가 처리되는 방식이다.
Node.js는 크롬 V8 자바스크립트 엔진으로 빌드한 자바스크립트 런타임이다. Node.js 덕분에 자바스크립트는 웹 브라우저 영역 외에 웹 서버, 모바일 애플리케이션, 데스크톱 애플리케이션 영역에서도 엄청나게 활약할 수 있게 되었다. 리액트는 웹 브라우저에서 실행되는 코드이므로 Node.js와 직접적인 연관은 없지만, 개발하는데 필요한 주요 도구들이 Node.js를 사용하기 때문에 설치한다. Node.js를 사용해 백엔드 서버 구현도 한다. npm은 Node.js의 패키지 매니저 도구이다. npm으로 많은 개발자들이 만든 패키지를 설치해 사용하고 버전을 관리할 수 있다. 리액트 역시 하나의 패키지이다.
Model이란? Schema를 감싸주는 역할을 한다. 그러면 Schema는?? 어떠한 상품에 관련된 글을 작성한다고 하면 글을 작성한 사람은 누구인지 작성을 할때 post의 이름은 무엇인지 즉, Model의 상세정보를 하나하나 지정해주는 것을 Schema라고 한다. //스키마 예시 const productSchema = mongoose.Schema({ writer : { type: Schema, Types.ObjectId, res: 'User' }, title: { type: String, maxlength: 50 }, description: { type: String } }, { timestamps: true }) user Model 만들기. Model 폴더를 만들고 안에 User.js를 생성한다. c..
1. node가 나옴으로 javascript를 인터넷익스플로어가 아닌 다른 서버사이드에서 쓸수있게 됬다. 2. node가 자동차의 엔진이라고 하면 엔진과 바퀴 문짝등을 가지고 만드는 것을 express이다. 한마디로 node를 조금더 쉽게 이용할 수 있는 프레임워크라고 할수 있다. 설치. 터미널을 키고 node -v를 쳐서 버전이 나오면 있는거고 없으면 다운로드 구글에서 nodejs설치 폴더생성. document 폴더에서 폴더를 하나더 생성 mkdir boiler-plate npm init npm으로 패키지 생성 파일생성. index.js 파일 생성 index.js는 시작점이다. express.js 다운로드. vscode 내의 terminal npm install express --save package..