반응형 javascript8 백엔드_백엔드의 핵심 CRUD(1) CRUD란 데이터를 처리하는 4가지 기본 작업이다. Create : 새로운 데이터 생성 추가 Read : 데이터 조회 및 검색 Update : 기존 데이터 변경, 갱신 Delete : 데이터 삭제 Create 이번에는 CRUD 중에서 C를 실습해보자 이 강의가 너무 따라가기 벅차서 벌써 몇 번째 돌려 보는지 모르겠다. 지금 실습으로 메모를 만들고 있는데 먼저 이해한 대로 써보겠다. 현재 FastAPI를 통해서 uvicorn으로 서버를 만들었고 html은 아주 간단히 form label input button 으로 작성을 했다. 여기서 input에 어떠한 글을 작성을 하고 버튼을 누르면 글이 제출이 되고 제출된 글이 ul > li를 통해서 보여야 한다. 그래서 button의 type는 submit으로 했다.. 2023. 7. 1. < / > 클론 코딩-Wordle(게임)__3 자바스크립트 - TO-DO LIST - 저번에 이어 워들 게임 클론 코딩을 진행. 완성 - 배운 내용 정리 - 이번에는 기능 구현까지 하면서 최종적으로 완성을 했다. - 구현한 기능들 - 엔터를 치면 정답 확인 후 다음 줄 진행 정답이 맞으면 초록색으로 표기 틀리면 회색으로 표기 자리는 안 맞지만 정답에 포함되어 있으면 누런색으로 표기 const handleEnterKey = () => { let 맞은_갯수 = 0; for (let i = 0; i { if (index > 0) { const preBlock = document.querySelector( `.board-block[data-index='${attempts}${index - 1}']` ); preBlock.innerText = ""; } if (index.. 2023. 6. 26. < / > 클론 코딩-Wordle(게임)__2 자바스크립트 - TO-DO LIST - 저번에 이어 워들 게임 클론 코딩을 진행한다. 이번에는 html, css 뿐 아니라 자바스크립트도 같이 들어간다. - 배운 내용 정리 - 오늘은 겨우 저 한 줄을 입력할 수 있도록 만들었다. 내가 키보드로 누르는 문자들이 화면에 나온다 사용한 코드를 보자 function start() { } start(); 먼저 함수를 만든다. 함수 이름은 start 이 함수 안에 기능을 구현할 수 있는 로직을 짤 것이다. 이제 키보드를 입력했을 때 내가 누른 키가 화면에 나오게 해 보자 그러려면 먼저 키가 눌렸을 때 작동하는 함수를 만들자 const keyDown = (event) => { } window.addEventListener("keydown", keyDown); const를 이용해.. 2023. 6. 26. 자바스크립트(5)_시계만들기(웹API ) 자바스크립트와 브라우저에서 제공하는 API를 갖고 시계를 만들어보자 이번에 새로 등장한 아이들은 1. setInterval : 주기적으로 호출 / 2. setTimeout : 한 번만 호출 위에 설명대로 1번은 정해진 시간동안 지속적으로 호출을 하는 것이고 2번은 정해진 시간뒤에 딱 한 번만 호출이 된다. 선생님 말로는 2번도 여러 번 호출되게 사용할 수 있다고 하는데 이번엔 PASS 1. setInterval 이것만 가지고 복습을 해보자 먼저 이 녀석이 어떻게 동작하는지 보자 function 인사() { console.log("안녕~"); } setInterval(인사, 1000); 먼저 '인사'라는 함수를 만들어준다. 이 함수는 안녕~을 출력한다. 이제 setInterval을 써서 괄호 앞에는 함수명.. 2023. 6. 23. 이전 1 2 다음 반응형
