반응형 Javascript38 JWT 기본 개념 요약 jwt를 사용하지 않다보니 대충 알고만 있다가 조금 더 대충 알게된 내용과 기존에 알던 내용을 정리하여 기록한다. 기본 개념 JWT는 Json Web Token으로 json형태로 된 토큰이다, 토큰은 header, payload , signature의 내용으로 구성되어 있으며, 토큰의 예시는 아래와 같다. eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9. eyJ0eXBlIjoiSldUIiwibmlja25hbWUiOiJIYWliYW5lIiwicHJvZmlsZSI6ImltYWdlVVJMIiwiaWF0IjoxNzAzNzQyNjc4LCJleHAiOjE3MDM3NDM1NzgsImlzcyI6Iu2GoO2BsOuwnOq4ieyekCJ9. MgQ0RHq9xw52xGWPY-ZRTrFF89Kx94ednL.. 2023. 12. 28. [javascript] 스코프 개념 이해하기 개념적인거를 너무 대충 해왔다고 느껴 찾아보고 정리를 해본다. 일반적인 개발 언어에서 스코프는 가장 초반에 배우는것들 중 하나일 것이다. 그냥 간단히 생각하면 해당 값을 인시 할 수 있는 범위. 라고 생각하면 된다. 자바스크립트에서는 렉시컬 스코프가 적용되어 있는데, 정의한 위치를 따른다는 것이다. 예를 들면 const a = "oustside A"; function A(){ const a = 'inside A'; B(); } function B(){ console.log(a); } A(); B(); 위의 코드에서 A라는 함수를 호출하면 oustside A라고 콘솔에 출력될 것이다. 저 개념에 대한건데 결국 저 내용은 let, const 그리고 요즘 쓰이지 않는 var의 스코프에 대해서 공부 하다보면 이.. 2023. 12. 28. [javascript] input select 이벤트 feat 이슈 javascript의 input안에 들어있는 텍스트를 선택한것에 대한 정보가 필요하여 찾아보고 만들다가 이슈를 확인했다. 이벤트는 간단히 addEventListener에서 "select"를 하면 되는데, 현재 하고 있는게 jquery를 쓰고 있어 발생 현상이 jquery쪽 이슈인거라고 생각했었다. 그런데 js로도 해보니 같은 현상 확인 1. input을 여러개 생성 2. input에 데이터를 넣음 3. 마우스로 input안에 텍스트를 선택 -> select 이벤트 발생 4. tab키를 눌려서 다음 input으로 이동 -> select 이벤트 발생 5. 마우스로 마지막이 아닌 input의 텍스트를 선택 -> select 이벤트 발생 6. tab키를 눌려서 다음 input으로 이동 -> 이벤트 발생하지 않음.. 2023. 12. 21. [Node.js] 버전 관리하기 with nvm Node Version Manager Node.js의 버전을 관리하기 위해서는 NVM을 설치해서 사용하면 되며, 간단한 명령어로 버전의 변경이 가능하다. Releases · coreybutler/nvm-windows A node.js version management utility for Windows. Ironically written in Go. - coreybutler/nvm-windows github.com 위의 github에 들어가면 설치하는 프로그램을 받을 수 있으며, 명령어 리스트를 볼 수 있다. 간단하게 여기서 바로 소개를 하자면 아래와 같다. 버전 설치 : nvm install [version] 버전 삭제 : nvm uninstall [version] 설치 버전 확인 : nvm ls 또는.. 2023. 2. 28. [javascript] 숫자 입력 체크 및 업다운 버튼 with jquery -99.75 ~ 99.75 라는 숫자를 입력할 수 있는 input창이 필요하여 작성 - 최대 99.75 최소 -99.75까지 입력 가능 - 수점은 0.25단위로 입력 가능하게 구성 - 숫자는 00.00 단위로 출력되도록 적용 - 필요시 up down 버튼 생성 가능 이벤트 부분에서 jquery만을 사용하다보니 헷갈린 부분이 조금 있었으며, 어쩔 수 없이 jquery를 사용하고 값을 가져오는 부분에도 사용했다. 기존에 작성했던 textarea에 최대값을 입력하는것과 같은 형식으로 작성하였고 정규식의 경우에는 다른 곳들을 좀 참조하면서 사용하였다. 특정 input에 클래스명을 주고 vacationFormat을 생성할때 클래스명을 주는 형식으로 사용하면 된다. 세부 예시는 아래와 같다. const test =.. 2023. 2. 10. [node.js]puppeteer 설치 오류 진행중인 프로젝트를 npm install 하였더니 puppeteer를 설치하는 중 오류가 발생했다. npm ERR! ERROR: Failed to set up Chromium r884014! Set "PUPPETEER_SKIP_DOWNLOAD" env variable to skip download. npm config set puppeteer_download_host=https://npm.taobao.org/mirrors npm i puppeteer npm config로 다운 받는곳을 변경해주면 잘 동작 한다. 일단은 저녀석이 뭐 하는 녀석인지는 다음에 찾아볼 예정(...) 설치 무시 : npm install --ignore-scripts puppeteer 2023. 1. 30. 이전 1 2 3 4 ··· 7 다음 728x90