JWT (4)

참고한 좋은자료 https://velog.io/@minju1009/reactmap-%ED%95%A8%EC%88%98-%EC%A0%81%EC%9A%A9%EC%8B%9C-key-props%EB%A5%BC-%EB%B6%80%EC%97%AC%ED%95%98%EB%8A%94-%EC%9D%B4%EC%9C%A0 [react]map 함수 적용시 key props를 부여하는 이유 key props는 왜? 어디에? 어떻게 적용해야 하는지에 대해 velog.io map 함수 적용시 key props를 부여하는 이유 Key란 React의 항목변경을 돕는 식별자이다. Key는 React가 어떤 항목을 변경, 추가 또는 삭제할지 식별하는 것을 돕는다. key는 엘리먼트에 안정적인 고유성을 부여하기 위해 배열 내부의 엘리먼트에 지..

JWT 3

https://velog.io/@junghyeonsu/%ED%94%84%EB%A1%A0%ED%8A%B8%EC%97%90%EC%84%9C-%EB%A1%9C%EA%B7%B8%EC%9D%B8%EC%9D%84-%EC%B2%98%EB%A6%AC%ED%95%98%EB%8A%94-%EB%B0%A9%EB%B2%95 🤔 JWT, 정확하게 무엇이고 왜 쓰이는 걸까? Json Web Token에 대해서 정확히 알고 넘어가자. velog.io JWT 이란? JSON WEB TOKEN 의 약자이다. JWT를 사용하는 이유 HTTP 의 stateless 상태를 유지 하지 않는다 라는 특성때문에 서버와 클라이언트는 첫번째 통신을 하고나서 두번째 통신을 할때는 이전의 통신에 대한 정보를 가지고 있지 않기 때문에 새롭게 갱신을 해주어..

JWT 공부 2

Context API 위와 같이 전역적으로 state 관리가 가능해진다. React Router dom v6 와일드 카드 https://devalice.tistory.com/112 [React-Router] v6로 적용하기 리액트의 단짝친구 리액트 라우터가 v6 버전이 나왔다..! 새로운 프로젝트에 들어가면서 리액트 라우터 v6 버전을 쓰게 되었는데 사용하면서 간단하게 달라진 점들을 정리해보고자 한다! v5에서 v devalice.tistory.com https://devalice.tistory.com/112 명시적으로 해당 url에만 접근가능하도록 위해 exact는 필수였다. 하지만 v6에서는 아예 기본 전제가 바뀌어서 exact가 기본으로 되어있어 exact 속성이 사라지게 되었다. 그렇다면 exac..

JWT 공부

withCredential 정규표현식 C:\Users\ehddu\Documents\react_register_form-main\react_register_form-main\src\Register.js useRef Focus 해당 엘리먼트로 포커스가 맞춰진다. 정규표현식 테스트 Axios axios.get(url[, config]) axios.post(url[, data[, config]]) 삼항 연산자 사용하여 class 구분 onFocus onBlur onFocus input 이 포커스를 받으면 함수 실행 onBlur input이 포커스를 잃으면 함수 실행 axios BaseUrl 설정 C:\Users\ehddu\Documents\react_register_form-main\react_register_..

띄어쓰기가 포함된 폴더 이동

동영아 이제 외울때가 되지 않았니? 폴더를 ' ' 콤마로 감싸줘야한다. 제발 외우자.

블록체인 1주차

다른 테스트 계정으로 150토큰을 전송했을때 , 전송 받은 경우. 150개가 생겼음을 알 수 있다.

[오류] Invalid options object. Dev Server has been initialized using an options object that does not match the API schema. - options.allowedHosts[0] should be a non-empty string.

https://stackoverflow.com/questions/70374005/invalid-options-object-dev-server-has-been-initialized-using-an-options-object Invalid options object. Dev Server has been initialized using an options object that does not match the API schema I have been stock on this error on my project when I add "proxy": "http://localhost:6000" in my package.json. This is the error response after yarn start. Inva..

실시간 챗 프로젝트 코드 분석

const map1 = new Map(); map1.set('a', 1); map1.set('b', 2); map1.set('c', 3); console.log(map1.get('a')); // expected output: 1 map1.set('a', 97); console.log(map1.get('a')); // expected output: 97 console.log(map1.size); // expected output: 3 map1.delete('b'); console.log(map1.size); // expected output: 2 Map 객체 복사시 스프레드 연산자 사용.

인텔리제이 안켜지는 상황 / 무한 스플래쉬화면

할게 많아서 오늘 밤샐각오하고 있는데 인텔리제이가 안켜지는 정신이 아득해지는 상황이 발생했다. 처음으로 전공이 맞지않나? 라는 생각을 했다. 요즘에 RN한다고 심신미약상태이다.. 인텔리제이 bin 폴더경로로 이동한다. 그후 idea.bat을 실행하면 왜 인텔리제이가 실행이 되지않는지 에러문구가 나오는데 이글을 보시는 분들을 그것을 검색하시면 될 듯하다. 필자의 경우 net stop winnat net start winnat 위 두 코드를 통하여 문제를 해결했다.

서버 스터디 5주차

PK - Primary Key Al - auto increasement FK - forign key VARCHAR : varchar 는 저장 공간이 가변이라 disk 낭비가 적으며, index도 됩니다. TEXT : TEXT 는 index 도 안되고 default 값도 안 됩니다만 varchar 보다 많이 저장할 수 있습니다. ctrl + shift + Q 새 쿼리문