코딩 개발일지

삭제기능이 구현하기 더 쉬워서 먼저 만들었다. articleId 값을 정의해주는 방법이 많다. 에서 articleId 값 정의하는 법. window.onload = async function(){ const urlParams = new URLSearchParams(window.location.search); articleId = urlParams.get('article_id'); console.log(articleId) await loadArticles(articleId); await loadComments(articleId); } html의 onclick을 js파일에서 받아서 response를 fetch로 백엔드주소를 받아서 DELETE method로 보내면 된다. 그러면 백엔드의 views.py에서의..

index.html 과 index.js 파일을 연결하고 싶을 때, index.html에 script 태그로 연결시켜주면 된다. 이 script 의 위치가 중요한데, head 가장 아래 넣어기도 하고, body 가장 아래 넣어주기도 한다 body 가장 아래 넣어주는게 좋다. (추천) 왜냐하면, html.index 파일에서 위에서부터 읽어오기때문에, body부분에서 index.js 를 사용할 수 있기 때문이다. css 파일을 따로 만들어서 관리할 수 있는데, link:css 태그를 안에서 전에 넣어주면 된다. const mainHeader = document.querySelector('h1') const myList = document.getElementById('my-list') const listItem..

이제 백엔드와 프론트엔드 파일을 따로 관리한다. vscode 두개 켜놓고 작업 고고!!!!!! 백엔드 파일에서는 앞서 배운대로 만들어준다. 프론트엔드 파일에서는 이렇게 만들어주고, api.js에서는 로그인, 로그아웃, 모크api, 회원가입 기능을 백엔드와 html과 연결시킨다. 자바스크립트의 코드가 익숙치 않고, 처음보는것 투성이다ㅠㅠ 따로 공부하라고 한다... var / let / const var : 변수 정의 ( 같은 변수로 선언한게 있으면, 헷갈린다. 다른 결과가 출력) 이걸 보완한게 let과 const let : 변수를 재할당 가능 const : 변하지 않도록 변수 정의 (상수) async / await / Promise / 비동기 처리 async 키워드는 어렵게 생각할 필요없이 await를 사..