우롱이 공책정리

리액트 설치해줌 >>hello.js

// 버튼에 btn-save라고 id 값을 지정해놨기 때문에 querySelector의 #btn-save로 // 해당되는 항목을 선택할 수 있다. // 그리고 그 버튼에 이벤트를 설정하는 것이다. // 그 버튼을 클릭했을 때 아래 코드들이 실행되라! document.querySelector("#btn-save").addEventListener("click", function () { let todo_input = document.querySelector("input"); // input box를 선택하는 좋은 방법 // 확실하게 원하는 input box가 select 되도록 설정하는 방법 todo_input = document.querySelector( "section.todo_main form inpu..

client에서 데이터를 보내는 3가지 방법 1. query String 방식 - http://localhost:3000/?변수1=변수값&변수2=변수값 - let 변수1 = req.query.변수1 - let 변수2 = req.query.변수2 2. Path Varriable 방식 : URL처럼 값을 보내는 방법 - http://localhost:3000/값1/값2 - router.get("/:변수1/:변수2") - let 변수1 = req.params.변수1 - let 변수2 = req.params.변수2 3. form에 input에 값을 담아서 post로 보내는 방법 form(method="POST") input(name="변수1") input(name="변수2") - let 변수1 = req.bod..

CRUD의 C : INSERT // 입력 form을 보여주는 get 방식 // localhost:3000/bbs/write URL 요청 router.get("/write", function (req, res) { // bbsWrite.pug 파일을 rendering하여 요청 전송 // insert와 update를 write.pug 파일로 공통으로 사용하기 위해서 // insert를 수행할 때 비어있는 vo를 만들어서 bbsWrite에 전달해줘야한다. let data = new bbsVO(); res.render("bbsWrite", { bbsVO: data }); }); save () 함수 // form에 데이터를 입력하고 전송버튼을 클릭했을 때 호출되는 URL // form, input에 입력된 데이터..

Node_bbs //- 한글 안깨지게 해주는 meta(charset="utf-8") //- 스마트폰 기기용, PC기기용에서 같은 화면을 보이게 하는 속성 meta(charset="viewport", content="width=device-width, initial-sacle=1") 모든 웹브라우저에서 공통으로 사용되는 친구 jquery script. $(function(){ // nav 내부의 ul 내부의 li tag가 클릭되면 $("nav ul li").click(function(){ // 클릭된 li의 보이는 문자열을 추출하여 text 변수에 담고 let text = $(this).text() // 그 문자열이 "MEMO" 이면 if(text == "MEMO") { // bbs/list로 URL 점프..