
SPA Single Page Application 최초 한번 페이지 전체를 로딩한 이후 부터는 데이터만 변경하여 사용할 수 있는 웹 애플리케이션을 의미한다. SPA단점 앱의 규모가 커지면서 자바스크립트 파일이 너무 커지는 것이다. 페이지 로딩시 사용자가 실제로 방문하지 않을 수 도 있는 페이지의 스크립트도 불러오는데 그로인한 개선방법을 스플리팅(code splitting)을 트래픽과 로딩 속도를 개선할 수 있다. Router 다른 조수에 다른 화면을 보여주는 것으로 자체에 기능이 내장되어 있지는 않다. 그 대신 브라우저의 API를 직접 사용하여 관리하거나 라이브러리를 사용하여 쉽게 구현할 수 있다. 설치하는 방법은 다음과 같이 작성하면 된다. $ yarn add react-router-dom 이 명령어를..

가장 기본이지만 필자에게는 제일 어려웠던 로그인 기능을 오늘 추가해보려고 한다. 전체적인 개념은 이해했지만 아직도 무언가 부족한 느낌이 들었지만, 오늘도 어느 정도 이해를 바탕으로 글을 쓰려고 한다. 1. 데이터 베이스에서 요청한 E-mail을 찾기 일단 회원가입이 되어있는지의 E-mail을 찾는 코드가 필요하다. Express 라우트 메소드를 사용한다. // POST method route app.post('/', function (req, res) { res.send('POST request to the homepage'); }); mongodb에서 제공하는 method를 이용한다. //index.js ... app.post('/login', (req, res) => { User.findOne({ e..
- Total
- Today
- Yesterday
- 뷰
- 함수
- 코딩테스트
- java
- node
- Switch
- 노드
- Coding Test
- node-sass
- 재공부
- node.js
- javascript
- programmers
- Visual Studio Code
- 리덕스
- 리액트
- 프로그래머스
- mongodb
- 자바
- react
- 파이썬
- 리액트 썸네일
- github
- 배열
- CSS
- 리액트 유튜브
- array
- Git
- redux
- 자바스크립트
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |