개발자연습노트

수정된 리액트 실행 단계 (프로젝트 이름: ottwep)리액트 프로젝트 생성터미널이나 명령 프롬프트에서 다음 명령어를 입력하여 "ottwep"라는 이름의 새로운 리액트 프로젝트를 생성합니다: npx create-react-app ottwepbash코드 복사프로젝트 디렉토리로 이동생성된 프로젝트 디렉토리로 이동합니다:bash코드 복사cd ottwep리액트 개발 서버 실행개발 서버를 실행하여 리액트 애플리케이션을 로컬에서 확인합니다:bash코드 복사npm start이제 "ottwep" 프로젝트를 성공적으로 생성할 수 있을 것입니다. 리액트와 Node.js 서버 동시 설정 단계1. 리액트 프로젝트 생성먼저, 리액트 프로젝트를 생성합니다. 프로젝트 이름은 "ottwep"으로 설정합니다:bash코드 복사npx c..

1. 일일 배포 횟수 제한Spark(무료) 플랜에서는 하루에 최대 20번까지 배포할 수 있습니다.Flame(유료) 및 Blaze(종량제) 플랜에서는 하루 최대 100번까지 배포할 수 있습니다.배포 횟수가 초과되면 하루가 끝날 때까지 더 이상 배포할 수 없습니다.2. 호스팅 용량 제한Spark(무료) 플랜에서는 호스팅 가능한 정적 파일의 총 용량이 1GB로 제한됩니다.Flame 플랜은 10GB까지 확장할 수 있으며, Blaze 플랜은 종량제로 필요한 만큼 확장할 수 있습니다.호스팅 용량을 초과하면 파일을 추가할 수 없으며, 용량을 줄이거나 플랜을 업그레이드해야 합니다.3. 전송 대역폭 제한Spark(무료) 플랜에서는 월 10GB의 데이터 전송 대역폭이 제공됩니다.Flame 플랜에서는 월 20GB의 대역폭이..

주문이 들어오면 재료가 알아서 줄어들고, 표시되게해서 재고관리가 편하도록 만들고싶었음. 4개 이하 되면 따로 표시  => 나중에 업뎃) 자동주문이 된다던가 or 메세지0개 되면 품절로 변함.

ㅇ

홈피를 구현연습을 할때 이미지 데이터가 필요한데 저작권 문제로 추출이 안됨.추출하고자 하는 홈피의 소스코드를 보고 해당하는 코드를 복붙해서 정리해달라고 해야 정리가 되고, db파일에 넣을수있다. [   {     "title": "유 퀴즈 온 더 블럭",     "genre": "예능",     "url": "https://image.tving.com/ntgs/contents/CTC/caip/CAIP1500/ko/20231030/0505/P000643144.jpg/dims/resize/1024"   },   {     "title": "선재 업고 튀어",     "genre": "코미디",     "url": "https://image.tving.com/ntgs/contents/CTC/caip/CAIP1..

DOCTYPE html>html lang="ko">head>    meta charset="UTF-8">    title>로그인title>    style>        body {            font-family: Arial, sans-serif;            text-align: center;            margin-top: 50px;        }        .form-container {            display: flex;            flex-direction: column;            align-items: center;            justify-content: center;        }        #login-form { ..

박스의 가로세로 정렬뿐 아니라 반응형일 경우 알아서 정렬을 딱!!!일단 부모클래스를 플렉스로 만듭니다..box-wrap { display:flex;}이걸 먼저 선언해줘야 나머지 속성들을 쓸수 있어요.그 속성으론 justify-content, align-items, flex-direction, flex-wrap​하나씩 알아봅시다.가장 기본적으로 그냥 코딩한 예를 들께요.html> head> title>TEST/title> style> html, body { margin:0; height:100% } .box-wrap { display:flex; height:100%; background:#ccc } .box { width:100px; height:100px; background:yellow; border..