본문 바로가기
반응형

취미 공부/Daily53

2024. 05. 15 (수) 3주차 - Daily Coding - Day16 Vite / Npm 자바스크립트의 태생JavaScript는 간단한 동작만을 위해 태어났다 그래서 여러 개의 파일로 나눠서 개발하는 모듈 방식이 없는 채로 탄생했기에,하나의 파일에 수많은 개발자들이 수많은 코드를 작성하면 관리가 힘들고 확장하기도 힘들다는 단점이 있음.JavaScript 는 10일 만에 만들어진 언어이고 초기에는 아쉬움이 많았으며 함수형과 객체지향의 절묘한 배합,누가 짜도 비슷한 코드가 나오는 엄격한 Java와 달리 코드의 자유로움이 존재한다 node.js가 생기고 npm이 생기면서,node.js의 등장으로 인해 CommonJS라는 모듈 방식이 처음 도입됨.npm의 등장으로 인해 이러한 모듈을 모두가 공유할 수 있는 환경이 조성 됨. 모듈 방식CommonsJS 예시 foo.jsexport... 2024. 5. 15.
2024. 05. 14 (화) 3주차 - Daily Coding - Day15 JWT는 어떤 약어의 줄임말이며, 주로 어떤 목적으로 사용되는지=>  JWT는 JSON Web Token의 약자로, 주로 사용자 인증과 권한 부여를 위해 사용됩니다. 토큰에는 사용자의 인증 정보가 포함되어 있으며, 서버와 클라이언트 간에 주고받을 때 이를 사용하여 사용자를 인증합니다. JWT를 이용한 가입과 로그인 과정을 설명 1. 회원 가입 과정회원 가입 과정에서 사용자는 웹사이트에 자신의 정보(이름, 이메일, 비밀번호 등)를 제공합니다. 이 정보는 데이터베이스에 저장되며, 비밀번호는 보안을 위해 해시화하여 저장합니다.2. 로그인 과정로그인 과정에서 사용자는 이메일과 비밀번호를 입력하여 서버에 전송합니다. 서버는 데이터베이스에서 해당 이메일을 찾아 입력된 비밀번호와 저장된 비밀번호 해시가 일치하는지 확.. 2024. 5. 15.
2024. 05. 13 (월) 3주차 - Daily Coding - Day14 테이블  서버는 우리가 누구인지 어떻게 구별할까회원가입과 로그인 과정을 실제로 구현해보면서 살펴보기 클라이언트(프론트엔드) 1. 회원 가입 요청(id, password)5. 데이터 요청 (+ Access Token) DB(회원 정보)2. 사용자 확인 서버(백엔드)3 Acess Token(JWT)4. 응답 (+ Access Token)6. Acess Token. rjawmd7. 응답 (+ 요청 데이터)    회원 가입 기능 구현하기(프론트엔드)프론트엔드 -> 서버로 데이터 보내기해시를 통해 암호화하기 *해시(Hash)란임의의 길이의 입력 값을 고정된 길이의 출력 값으로 변환하는 함수동일한 입력에 대해 동일한 출력을 반환주요 해시 함수 종류 (구방식) MD5, SHA-1 / (신방식)  SHA-256, SH.. 2024. 5. 13.
2024. 05. 10 (금) 주차 - Daily Coding - Day12 프론트 -> 서버로 데이터 전송 방법프론트write.html 만들고javascript 로 서버 쪽에 items, body formData 만들고json 파일로 백에 전달 백엔드post쪽에서 items를 정보를 받아서 sql 문법을 활용해 데이터 정리image는 16진법으로 변경 dbeaver를 통해 데이터베이스 업데이트 되는걸 확인   서버 -> 프론트로 데이터 노출 1. 데이터베이스에서 테이블을 업데이트하는 작업 필요CREATE TABLE items ( id INTEGER PRIMARY KEY, title TEXT NOT NULL, image BLOB, price INTEGER NOT NULL, description TEXT, place TEXT NOT NULL inse.. 2024. 5. 10.
반응형

티스토리툴바