코린이 성장일기

배운 내용 요약 정리 : 강의 수강 후 배운 내용을 나만의 방식으로 정리1. JWT란?- JSON Web Token의 약자로, 유저 인증과 관련된 기술.- Base64로 인코딩 되어 있음- JWT는 사용자 정보를 토큰에 포함시킴.(세션은 사용자 정보를 서버측에서 DB를 통해 관리)- 특정 시간이 지나면 refresh token 발급으로 보안성 향상1-1 Refresh Token1) Access Token의 유효기간은 짧다. (ex. MS:60days, Amazon:1hour)2) Refresh Token의 유효기간은 길다. (ex. MS : 1year)3) 평소에 API 통신할 때는 Access Token을 사용하고, Refresh Token은 Access Token이 만료되어 갱신될 때만 사용한다.즉,..

TO-DO LIST : 오늘의 할 일 작성배운 내용 요약 정리 :  1. 시간 계산const calcTime = (timestamp) => { //DB에 입력된 Date객체 값 가져와서 const curTime = new Date().getTime() - 9 * 60 * 60 * 1000; //UTC+9 보정 9시간*60분*60초*1000밀리세컨드 const time = new Date(curTime - timestamp); //현재시각에서 데이터 입력 당시 시각 빼기 const hour = time.getHours(); //데이터 삽입시 부터 흐른 시 const min = time.getMinutes(); // " 흐른 분 const sec = time.getSeconds(..

이번 주 목표 달성 여부 및 다음 주 목표 설정 :  이번 한주도 실습 잘 따라하고 과제도 잘 수행했다. 매일 매일 조금씩이라도 할 수 있는 만큼 공부하고 포기하지 않는다는게 중요한 것 같다. 다음주도 기초주차 마무리 잘 하는 것이 목표이다!부족한 점 : 아무래도 처음 배우는 것이다 보니 강의를 들으면서 따라가기 바빴는데 일일보고, 중간보고를 하며 다시 한 번 정리를 해보는게 도움이 되는 것 같다. 스스로 시도해본 것들 : 과제에 대해서 다른 블로그 검색, chatGPT 활용 등을 통해 과제를 스스로 수행 및 완성된 것을 보니 하나하나 배워가는것이 재밌기도 하고 아직 멀었다는 생각도 들고 그랬다.알게된 점 : 이제야 조금 프론트엔드와 백엔드의 연결 방식에 대해서 알 것 같다. 아직 많은 모듈과 api 등..

중간 보고 양식(월~금요일)TO-DO LIST : DB에 데이터를 저장하고 저장된 데이터를 가져오는 방법 학습배운 내용 요약 정리 : 1. DB에서 BLOB 이란? Binary Large Object의 약자로, 텍스트나 숫자 같은 일반적인 데이터와 달리 이미지, 오디오, 비디오 등과 같은 데이터를 저장하기 위한 타입. 2. Form과 Annotated를 사용하기 위한 importfrom fastapi import FastAPI, UploadFile, Formfrom fastapi.staticfiles import StaticFilesfrom typing import Annotated2-1 프론트엔드에서 form에 있는 데이터를 보낼 것이기 때문에 Form 을 사용하였으며, @app.post("/items..

중간 보고 양식(월~금요일)TO-DO LIST : 백엔드 CRUD 구현 마무리, DB 사용법 및 연동프론트엔드에서 fetch로 put 요청 (UPDATE) 보내는 부분async function editMemo(event) { const id = event.target.dataset.id; const editInput = prompt("수정할 내용을 입력하세요"); const res = await fetch(`/memos/${id}`, { method: "PUT", headers: { "Content-Type": "application/json", }, body: JSON.stringify({ id, content: editInput, }), ..

중간 보고 양식(월~금요일)TO-DO LIST : fastAPI로 서버를 만들고 python으로 CRUD 동작 실습배운 내용 요약 정리 : - 백엔드에 정보를 보내는 방법 1) Path parameter : 특정 리소스를 식별하고 싶을때 ex) /users/123 -> id가 123인 user를 찾는다 2) Query parameter  : 정렬 또는 필터링을 하고 싶을때 ex) /users?age=20 -> 나이가 20살인 users 3) Request Body : POST요청을 보내는 것으로 시작. 데이터 추가 동작. URL로 구분하는것이 아닌 body에 담긴 내용을 토대로 구분함.uvicorn main:app --reload- 서버 실행 명령어 @app.get('/items')def read_ite..

TO-DO LIST : 신입연수원 Day2 강의 수강 및 과제 수행배운 내용 요약 정리 : HTML CSS를 이용하여 요소의 디자인과 배치 등에 대하여 학습하였다.버튼과 div 등 기본적인 HTML 요소와 그 요소들을 꾸미는 CSS에 대해서 학습하였다.각 요소에 class/id를 할당하여 class/id를 가져와서 style을 지정하고 여러가지 스타일의 요소에 대해서 학습하였다.            #슈퍼코딩, #1:1관리형부트캠프, #백엔드, #backend, #백엔드공부, #개발공부, #백엔드개발자 #취준일기, #취준기록, #취뽀, #빡공, #HTML/CSS, #javascript, #react , #java, #spring