소소한일상

포트폴리오를 만들다가 버셀과 넷리파이를 알게되었다.무료에 알아서 배포까지 해주고 실제로 많은 개발자들이 사용중이라고해서 나도 한 번 사용해볼려고한다"Vercel과 Netlify는 무엇인가요?" 두 서비스는 깃허브(GitHub) 같은 코드 저장소와 연동해 웹사이트와 앱을 자동으로 빌드하고 배포해 주는 **클라우드 호스팅 플랫폼(Cloud Hosting Platform)**입니다.과거에는 서버를 직접 구매하거나 설정해야 웹사이트를 열 수 있었지만, 이 플랫폼들을 이용하면 서버 설정에 신경 쓸 필요 없이 프론트엔드 코드만 올려도 전 세계 사용자들이 접속할 수 있는 환경을 순식간에 만들어 줍니다. 전문 용어로는 JAMstack이나 서버리스(Serverless) 환경을 지원하는 대표적인 프론트엔드 플랫폼으로 불립..

// HTML이 전부 로딩된 다음에 JS를 실행한다는 의미document.addEventListener('DOMContentLoaded', function() {// 예약에 필요한 변수들을 설정// 현재날짜let currentDate = new Date();// 현재달의 다음 달let nextMonthDate = new Date( currentDate.getFullYear(), currentDate.getMonth() + 1, 1);// 초기 달력 렌더링, 달력만들어주는 함수updateCalendar(currentDate, 'current');updateCalendar(nextMonthDate, 'next');// 사용자가 설정한 날짜, 초기값은 nulllet selectedCheckin..

처음 예약 기능을 구현할 때는 사용자가 예약하기 버튼을 누르면 예약정보를 DB에 저장하고,결제가 완료된 후 예약상태를 변경하는걸로 구현을 했는데예약이 생성되는 시점에는 아직 결제가 완료되지 않았기 때문에 "예약대기" 상태로 저장하고결제가 정상적으로 완료되면 해당 예약을 "결제완료" 상태로 변경하도록 설계했는데처음 생각한 흐름예약하기 ➡️ DB INSERT ➡️ 예약대기 ➡️ 결제진행 ➡️ 결제성공 ➡️ 결제완료이렇게 하면 결제가 완료되지 않은 예약과 실제 결제가 완료된 예약을 상태값으로 구분할 수 있다고 생각했는데테스트를 하면서 예약상태를 관리하는 과정에서 문제 발생 예약 데이터는 DB에 정상적으로 저장되었고, 결제도 정상적으로 진행되었는데여러 Mapper의 실행 과정에서 예약 상태가 예약대기에서 결제완..

예전에 DB를 켜고 작업을 했는데 오랜만에 들어가서 봤더니 mysql서버가 없다고 나옴내가 삭제했겠지..^_ㅜ,,, 왜 삭제했는지 기억도 없음.. 육아하다가 뇌도 놓아버린다는말이 이런말인가..-_-확인을 해봤다# mysql버전확인 mysql --version# 실행결과 : mysql.server 찾을 수 없다...ㅋㅋㅋㅋ#Homebrew에 MySQL 관련 프로그램이 설치되어 있는지 확인brew list | grep -i mysqlMySQL Workbench만 확인됐다.#MySQL 서비스가 등록되어 있는지도 확인했다.brew services list | grep -i mysql#결과는 아무것도 안나옴# 혹시 MySQL이 다른 위치에 남아 있을 수도 있어서 관련 경로를 확인ls /usr/local/mysql..

* CI :Continuous Integration (지속적통합): 개발자가 코드를 GitHub에 올릴 때마다 자동으로 코드가 제대로 돌아가는지 검사해주는 과정aws 클라우드 수업때 배웠던 ci/cd 를 혼자 다시해보는중난 프론트는 리액트, 백엔드는 스프링부트로 간단하게 만들어봤다. 그리고 배웠던 ci/cd를 잊지않을려고 다시해보는중순서 흐름도1. 로컬(내노트북) -> 깃허브에 올림(리액트만 업로드했다) 2.그리고 루트 경로에 .github/workflow 라고 만들어줘야함.3. ci.yaml 라는 파일안에 코드를 작성리액트 프로젝트를 깃허브에 업로드해서 내가 push 할 때 마다 workflow로 받아서 자동으로 테스트 검사 빌드해준다name : workflow자체의 이름run-name : 실행될 때 ..

함수 정의 방법은 크게 2가지로 표현할 수 있는데 함수 선언식 함수 표현식 🔖 함수선언식과 함수표현식의 제일 중요한차이점은 호이스팅 //호이스팅이란 최상단으로 끌어올리는 행위 함수선언식 function hello1(){ //실핼 할 코드 } 함수표현식(익명함수) let hello2 = function(){ //실행 할 코드 } 📍호이스팅 확인방법 //함수선언식 function test(p1,p2){ return p1+p2; } const test1 = test(12,30); console.log(test1);//42 //함수표현식 => 화살표함수로 가능 const test2 = function(p1,p2){ return p1+ p2; } const test22 = test2(12,30); console...