일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- 타입스크립트
- 웹개발자
- security
- Authentication
- 프론트엔드
- spring boot security
- spring boot
- useState
- 백엔드
- 자바스크립트
- TypeScript
- 정보처리기사
- spring
- Front-End
- frontend
- 백엔드개발자
- 큐넷
- JS
- It
- Redux
- TS
- 리액트
- JavaScript
- React
- 스프링부트
- 수제비
- Node.js
- VUE
- JWT
- 정보처리기사 실기
- Today
- Total
목록전체 글 (58)
솔적솔적
Mongoose란 몽고DB에 데이터를 넣었다가 뺐다가할 때 선택할 수 있는 방법이 2가지있는데, 두가지 라이브러리를 사용할 수 있는데 1. MongoDB Native Driver 2. Mongoose 이 두개 중에 하나를 사용할 수 있다. 이 둘의 관계는 MonoDB Native vs Mongoose 자바스크립트 와 제이쿼리 같은 관계라고 생각하자. 제이쿼리 없이 쌩자바스크립트로도 개발을 할 수 있지않은가? (원래 자바스크립트로도 당연~히 기능 구현할 수 있지만) 쌩MonoDB Native 로 데이터입출력을 할 수 있는데 몽구스를 사용하면 더 직관적이여서 편하고 쉽게 사용할 수 있다. 또한 기본적인 validation을 쉽게할 수 있다. 🎈여기서 validation이란? 우리가 아이디 입력란을 만들어서 ..
세션인, jwt이나 여러 인증방법이 있는데 이걸 들었을 때 서버에 요청을하고~ 브라우저에 저장하고~ 요청할 때는~ 에구궁에구궁.. session방식과 JWT방식등이 헷갈려지지않게 딱 정리하여 기록하는 것이 좋겠다 싶어 오늘도 솔적솔적해보려한다. 너무 깊이 말고 간단한 이해를 목표로하여 알아가도록하자. | 1. session-based 어떤 사람이 로그인페이지에서 로그인을 한다. 그러면 서버는 쿠키를 발행한다. 쿠키가 뭐냐면 브라우저에 몰래 저장할 수 있는 긴 문자 저장공간. 문자들을 차례차례 저장할 수 있다. 문자열을 만들어서 보낸다. 그 문자열에는 세션아이디가 적혀있다. 이 유저가 로그인을 하자마자 이 유저가 지금 로그인을 했다라는 정보를 서버 메모리에 저장을 한다. 저장이 됐다하면 쿠키로 만들어서 브..
리액트가 업데이트되고 나서 사용할 수 있는 신기능이 있다는데, 그것을 오늘 사용해보려한다. | 1. batch 기능 state변경함수들이 쭉 작성이 되어있다면 state변경이 일어날 때마다 재랜더링이 일어나는데 연달아서 여러개가있다면 재랜더링이 맨 마지막것만 재렌더링 1번만 일어나게하는 것이다. 이게 batch이라고 하는데, 예외가 있다. ajax요청, setTimeout 등의 내부코드라면 batch이 일어나지않았는데, 리액트 17버전에는 배칭이 일어나지않는다. 리액트 18버전이후에는 코드가 어디있던간에 잘 일어난다는 것. | 2. useTransition 동작이 느린 컴포넌트들을 빠르게 동작할 수 있게하는 것이다. import {useState} from "react"; function App2(){ ..
오늘은 성능향상 2탄, 원하는 자식컴포넌트의 재렌더링을 막을 수 있는 방법에 대해서 알아보고자한다. | 재렌더링 막는 방법 자식컴포넌트를 우선 하나 생성해보고, Cart안에 넣어놓는다. function Child() { return 자식컴포넌트 } function Cart(){ return ( ... ... )} state만들기 const [count, setCount] = useState(0) 버튼을 눌러 state변경하도록 하기 function Cart(){ const state = useSelector((state)=>{return state}) const dispatch = useDispatch();//store한테 요청을 보내주는 함수임 const [count, setCount] = useSta..