Node.js를 깔았으니 이번엔 서버 구축을 해보겠다 일단 js 파일 하나를 만들어 본다 Node.js에는 여러 가지 모듈을 들고 있다 그중 http라는 모듈을 사용해서 서버를 구축해보자 일단 http 모듈을 변수에 담아서 사용해야 한다 var http = require('http'); 그다음 아래의 코드를 추가한다 이게 가장 기본적인 서버 구축하는 법이다 http모듈 안에는 createServer가 있음 var server = http.createServer(function(request,response){ response.writeHead(200); response.end('Hello World'); }); 웹은 요청 ( request ), 응답 ( response ) 가있는데 request는 사용자..
Node.js 설치하기 위해서는 아래의 사이트로 간다 nodejs.org/ko/ Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org 이화면에서 빨강이로 쳐져있는 것을 클릭한다 오른쪽은 현재버전이지만, 이건 실험대상이라는 것이다 ( 아직 안정화 되지 않은 ) 이렇게 다운로드한 msl 설치가 있다 이걸 실행 시키고 next 광클하자 ( 난 광클했다 어차피 영어를 모르기때문에 ) 그 다음 cmd를 켜서 【node -v】를 입력 지금 내가 들고 있는 버젼은 12.16.2이다 ( 옛날에 다운받았쯤 ) 이렇게 버젼이 나온다면 설치 성공이다
이번 시간에는 댓글을 삭제하는 기능을 만들어 보겠다 이번에도 Ajax를 이용한다 앞서 【삭제】 버튼의 함수를 확인해보자 그리고 Java Script에 함수를 적어보자! 함수를 만들어준 다음 Ajax를 추가한다! 그다음 path와 view를 만들어 준다! urls.py views.py ID를 넘겨서, 그 ID를 이용해 reply 객체를 찾고, 그다음 delete() 함수를 이용해 삭제를 한다 그리고, 완료했다는 메시지? 를 보낸다 이제 HTML에서는 동적으로 댓글을 삭제하기 위해서 요소를 찾게끔 tr태그에 class를 붙여주자 그다음은 Ajax의 성공 부분으로 간다 ok일 때만 실행되게 하고, tr요소를 찾아서 remove() 함수를 이용해 tr태그를 제거하는 코드를 작성한다 이제 브라우저에서 확인하자! ..
이번 시간에는 Ajax를 이용해서 댓글 수정을 해보겠다 일단 【수정】 버튼을 만들어 준다. 삭제도 나중에 추가할 거라서 【삭제】 버튼, 【취소】 버튼 등을 만들어 주도록 한다 {{ item.id }} 를 이용해서 class명을 고유하게 번호 ( reply의 Id )를 붙여 준다 ( 그래야 선택한 요소를 찾을 수 있음 ) onclick=함수에도 고유한 번호 ( reply의 Id )를 넘겨 주도록 한다 그리고 【진짜 수정】 버튼과 【취소】 버튼은 처음에는 안 보이도록 하게 한다 {% if item.member.id == session %} {% endif %} 이거 같은 경우는 게시판의 【수정】, 【삭제】, 【진짜 수정】, 【취소】와 다를 것이 없다 그리고, onclick에 있는 함수 이름 그대로 함수를 작..
원래 13강으로 마무리 짓고 끝내려고 했는데 댓글 정도는 필요할 거 같아서 한번 해보겠다 일단 댓글 테이블이 필요할 것이다, 그러니 한번 만들어보자 content : 댓글 내용 member : 누군인가? 댓글적은 사람이 누구인가 말인가! board : 어떤 게시글인가? 어떤 게시글에 적었냐 말이다! 이렇게 model를 생성하고, terminal에서 코드를 입력하자 그래야 자동으로 적용이 되고 자동으로 테이블을 생성해 줄 것이다 python manage.py migrate 그리고 상세화면 HTML로 가서 코드를 작성해 준다 브라우저를 보면 아래 화면과 같이 폼이 생겨날 것이다 디자인은 신경 쓰지 말자 우리는 개발자이니깐 ㅠ 그리고 해야 할 일이 어떤 방식으로 전송할 것인지 정해야 한다 나는 Ajax로 전송..
이번 시간에는 Django에서 비동기식 통신을 해보려고 한다 흔히 Ajax라고 하더구나 Ajax는 보통 JQuery에서 쓰이는 $.ajax 를 많이 쓰더라 그래서 이번에는 JQuery의 Ajax를 이용한 비동기식 통신을 해보겠다 일단 Test 할 페이지를 만들어 보자 일단은 입력값을 넣어서 버튼을 눌렀을 때 POST형식으로 데이터를 주고받게끔 하겠다 중요한 점은 JQuery라이브러리를 넣어주자 그리고 친절하게 body 안에 있는 코드를 넣어주겠다 반갑다능 ★ 이제 Ajax를 쓰기 위해 Java Script코드가 필요하다 처음 할 때는 꾀나 어려울 것이다. ( 본인은 Ajax 통신하려고 3일 고생했었음.ㅠㅠ ) 버튼을 눌렀을때 실행되는 함수를 만들어주기 위해, 버튼 요소를 찾아준다 let btnAjax =..
이번시간에는 Django와 PostgreSQL를 연동해 볼 것이다 지금까지 Django에서 제공하는 splite3을 이용해 왔는데, 이건 로컬용이고 간지나지 않는다 나중에 실 서비스의, 실 서비스에 의한, 실서비스를 위한 PostgreSQL를 사용한다 일단 다른 블로그를 갔다와서 ( 내 블로그는 비참할 정도로 허접하다) PostgreSQL를 다운받길 바란다....... 그리고 나는 툴은 pgAdmin쓴다 나의 버젼은 12버젼이고, pgAdmin은 4버젼이다 일단 접속할 Server를 만들어 주자 이렇게 Name을 결정하고, 근사한 이름을 네이밍을 해보자 그리고 Connection 정보를 입력하고, Save 버튼 클릭! 그리고 Database를 만들자 만든 서버의 Database를 우클릭하고, Create..
이번 시간은 Django 게시판을 슬슬 마무리해보려고 한다 저번 시간엔 상세보기 화면에서 수정, 삭제가 있었는데 누구나 수정할 수 있고, 누구나 삭제할 수가 있다 그렇기 때문에 자기가 등록한 게시글을 수정, 삭제를 할 수 있고 다른 사람은 수정, 삭제를 못하게끔 한다 그래서 detail.html를 수정해보도록 하겠다 게시글을 등록한 사람의 ID와 로그인한 사람의 ID가 같은지 확인하는 조건문을 넣어준다 그리고 다른사람으로 로그인해보자 그러기 위해선 새로 회원등록을 해야겠다 로그인 화면에서 회원등록이라는 버튼을 만들어 주자 이번에는 a 태그로 붙여 보았다 그리고 화면으로 돌아와서 【회원등록】을 클릭해보자 클릭 화면 잘 이동한다. 여기서 되돌아가기 버튼이 없어서 허전한다 그거도 넣어줘야겠다 이번에는 java..
