코린이 성장일기

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 등..

1. INNER JOIN : 테이블의 교집합 부분으로, 두가지 테이블이 겹치는 부분에 해당하는 값을 가져온다.2. LEFT (OUTER) JOIN : FROM 테이블에 초첨을 맞춘 JOIN 으로 , A의 값을 모두 가져오고 B에서는 A와 겹치는 부분만 가져온다.3. RIGHT (OUTER) JOIN : OUTER JOIN 테이블에 초첨을 맞춘 JOIN으로, B의 값을 모두 가져오고, A에서는 B와 겹치는 부분만 가져온다.4. FULL OUTER JOIN : 두 테이블의 합집합 부분으로, 두 테이블 모두의 값을 가져온다.       출처 : https://data-marketing-bk.tistory.com/entry/SQL-JOIN-%ED%95%9C-%EB%B0%A9%EC%97%90-%EC%A0%95%E..

중간 보고 양식(월~금요일)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 : 오늘의 할 일 작성배운 내용 요약 정리 : 강의 수강 후 배운 내용을 나만의 방식으로 정리  일일 보고 양식(중간 보고에 이어서 작성)부족한 점 : 실습, 학습시 느꼈던 부족한 점스스로 시도해본 것들 : 부족한 점에 대한 대안 검색 및 배운 내용 응용해결 내용 : 협업(정기 팀회의, 동기 스터디)을 통해 논의 후 해결알게된 점헷갈리거나 실수한 점회고 : 하루 일과 후 느낀 감정 간략하게  주간 보고 양식(토요일)이번 주 목표 달성 여부 및 다음 주 목표 설정부족한 점 : 실습, 학습시 느꼈던 부족한 점스스로 시도해본 것들 : 부족한 점에 대한 대안 검색 및 배운 내용 응용해결 내용 : 협업(정기 팀회의, 동기 스터디)을 통해 논의 후 해결알게된 점헷갈리거..

TO-DO LIST : JavaScript 응용 및 wordle 챌린지 제작배운 내용 요약 정리 :    - setInterval(함수명, 반복주기ms, 매개변수1 ...) : 주기적으로 함수를 호출하는 기능 / 반복주기를 1000넣으면 1초마다 반복          - setTimeout(함수명, 호출할 타이머) / 1회성 호출, 호출할 타이머 시간 후에 호출 되고 끝          - Date() 객체 // getDate (날짜) , getDay(요일, 숫자로 0부터 일요일), getSeconds, getMinutes, getHours 등등         시간 설정 : new Date().getHours().toString().padStart(2,"0") // String.padStart(표시할 자..

이번 주 목표 달성 여부 및 다음 주 목표 설정 : 이번주는 목표한 강의를 모두 수강하였고 HTML과 CSS, JavaScript 기초에 대하여 학습하였다. 다음주에는 wordle 챌린지를 구현하며 조금더 기초적인 부분을 다질 예정이다. 부족한 점 : HTML과 CSS, JavaScript 모두 처음 접해보는 언어라 어려운 부분이 있었지만 그동안 배웠던 프로그래밍 언어과 비슷한 점이 많아 습득하는데 오래걸리지는 않았다. 스스로 시도해본 것들 : 당근마켓 클론코딩에서 hover 애니메이션 등에 대해 많지는 않지만 구현해 보았으며, CSS 부분도 다양한 스타일들을 적용해보며 실습해보았다. 알게된 점 : JavaScript를 통해 HTML과 CSS에 접근하여 수정과 추가 삭제 등을 할 수 있다는 것을 알게 되..

TO-DO LIST : JavaScript 기초 학습(변수, 함수, 조건문, 반복문, JavaScript이용 HTML 제어)배운 내용 요약 정리 : - JavaScript의 변수 선언, 함수 선언, 접근 등을 학습- 조건문(if, else) 및 반복문(for)문에 대해 학습- document.getElementById() 및 document.querySelector() 를 이용하여 요소를 선택하고 eventListener를 통해 제어하는 방법 학습             #슈퍼코딩, #1:1관리형부트캠프, #백엔드, #backend, #백엔드공부, #개발공부, #백엔드개발자 #취준일기, #취준기록, #취뽀, #빡공, #HTML/CSS, #javascript, #react , #java, #spring