자바스크립트는 단순한 스크립트 언어로 탄생함 자바스크립트는 원래 브라우저에서 간단한 동작을 하도록 하기 위한 언어여서 현재 현업에서 진행되는 큰 프로젝트 사이즈를 커버하기 위해 생겼던 언어가 아니기 때문에 하나의 파일을 통해 기능 구현을 했을 시 느리고 복잡해지고 수정할 때마다 많은 과정을 거치게 되었다. 모듈화를 통해 파일을 분리해봄 어떤 기능별 혹은 화면별 스크립트 파일을 관리하는 모듈화를 통해서 하나의 파일에만 쏟는 게 아니라 파일을 나누어 작동 시키게 되었다. 근데 이러다보니 파일 크기가 너무 커지고 많아져서 로딩할 때 속도가 엄청 느려지게 됐다. 번들러를 통해 모듈화한 파일들을 하나로 합치자 하여 나온 webpack 나누어져있는 모듈 파일들을 하나로 합치는 번들러가 나오게 되었다. 가장 대중적인..
쿠키 서버로 요청을 보낼 때 자동으로 전송되는 작은 파일 로컬 스토리지 브라우저 내부의 스토리지. 세션 스토리지는 브라우저가 닫히면 초기화되지만 로컬 스토리지는 삭제되지 않는다. 서버에서 적정한 시간이 지났을 때 토큰을 만료시켜서 다시 로그인 하도록 유도한다.
서버는 stateless 하기 때문에 한 번 인증을 한 후에 다시 데이터에 접근하려면 또 인증을 해주어야 함 그래서 우리는 Access Token을 받아서 HTTP header에 값을 전달하여 인증을 하지 않고 데이터에 접근할 수 있도록 할 것임 Access Token은 JWT 방식의 JSON 타입으로, 유저 정보를 담아 암호화한 토큰을 말한다. 그래서 응답 받은 토큰을 Base64 Web Decoder에서 복호화하면 유저의 정보를 확인할 수 있다. 그러면 그렇지 오늘도 에러다.. ㅎㅎㅎㅎ 로그인이 완료되어서 200까지 받은 건 확인이 됐지만 받아 온 access token을 헤더에 넣어서 보냈을 때 INFO: 127.0.0.1:64412 - "GET /items HTTP/1.1" 401 Unauthor..
오늘의 배운점 - 멀티 커서 쓸 때는 확인을 잘하자! - 프론트 → 백으로 가기 전에 javascript를 통해서 민감한 정보(비밀번호 등)는 암호화를 해준다 (sha256) - fastApi를 통해서 Form 정보를 간편하게 가져올 수 있음 HTML form 태그를 이용하여 정보 입력 후 submit. 비밀번호는 입력할 때 보이지 않게 input type = "password"로 설정해주고, 비밀번호를 서버로 보낼 때는 복호화(암호화를 푸는 것)가 되지 않는 sha256 해쉬를 사용하여 보내준다. JAVASCRIPT HTML에서 그린 form 태그에 Event Listener를 추가하여 submit 버튼 클릭 시 해당 정보를 받아와서 서버로 보내주는 역할. 서버로는 데이터가 제대로 옮겨졌지만 콘솔 로그..
(요약) 터미널 홈 디렉토리에서 아래 순서로 실행 vi .bash_profile alias python="python3" 입력 후 esc 누르고 :wq 입력 source ~/.bash_profile 추가로 pip도 사용할 거라면 pip3 install --upgrade pip 아래에서는 위에서 무슨 짓을 한 건지 기록해보겠다,, Bash란? 시스템 설정을 위해서 만들어진 파일들이 모여있는 것을 말함. 사용자가 시스템에 로그인 할 때 실행되는 파일들이고 예를 들면 커맨드 내역이나 환경 변수와 같은 개인적인 환경 설정들을 저장하고 있게 됨. 각 사용자는 자신만의 bash_profile 이라는 파일을 가짐. bash_profile 파일 환경변수에 대한 설정이 들어가있는데 얘는 시스템에 로그인 될 때마다 실행이..
[웹] 웹 브라우저(크롬, 네이버 웨일, 파이어폭스 등)에서 동작하는 페이지 [프론트엔드] 웹페이지를 이용하는 사용자와 상호작용하는 앞단 [백엔드] 서버 + 데이터, 데이터를 처리, 가공, 저장해서 앞단으로 보내주는 뒷단 [API] 프론트엔드와 백엔드가 통신할 수 있는 방법을 제공해주는 것 데이터를 주고 받을 때 서로 간의 통신규약을 정해놓은 것