본문 바로가기

전체_컨텐츠2572

HTML5 - input 태그의 formaction 속성 formaction 예제 안녕하세요. 고코더 입니다. ● 1. form을 전송하는 방법은 웹프로그래밍 언어에 기본 입니다. 필요한 데이터를 로직을 처리하는 소스르 넘기는 과정입니다. 그런데 html5부터는 formaction 속성을 이용해 폼 주소를 input 박스에서 수정이 가능합니다. ● 2. 소스를 함께 살펴보겠습니다. 1234567891011121314151617181920 폼 전송 폼 전송2 목록 Colored by Color Scriptercs ● 3. formaction 속성이 없다면 post를 가로채서 스크립트를 작성하여 조건절을 걸었지만 html5에 편리한 기능 때문에 각각 다른 폼으로 전송이 가능합니다. ● 4. "폼 전송" 은 기존에 action 주소로 이동하고 ● 5. "폼 전송2".. 2019. 8. 5.
epub - 전자책 파일 압축해제 / 데이터 꺼내보기 전자책 파일 데이터 확인해 보기 안녕하세요. 고코더 입니다. 전자책 파일 epub을 다운로드 후에 이 파일안에 있는 이미지나 .css 파일등 다양한 데이터들을 확인하는 방법을 알아보려고 합니다. ● 1. 여기서 한가지 알아야 하는건 epub는 포맷은 압축형식입니다. 그러므로 압축을 해제하면 폴더형식에 파일 구조를 확인할 수 있습니다. ● 2. 실습을 한번 해보겠습니다. 제가 출판한 epub 책입니다. ->"모르면 손해! 다 되는 크롬 사용법" / 세번째 출간 ● 3. 파일 확장자를 zip으로 변경합니다. 그럼 압축 아이콘으로 변경 되었습니다. ● 4. 압축파일을 열어보니 폴더와 파일들이 보입니다. 이를 해제 해보겠습니다. ● 5. 압축 해제한 폴더안에는 이미지도 보이고 ● 6. 스타일 시트 css 파일도.. 2019. 8. 3.
Node.js - express 게시판 만들기 / 글 삭제 / delete 게시판 만들기 delete 안녕하세요. 고코더 입니다. 이번 시간에는 상세보기 페이지에서 글을 삭제할때에 해당 비밀번호가 맞다면 해당 글을 수정하는 페이지를 만들어 보겠습니다. ● 1. '/delete' board.js 글 삭제 코딩 추가 ● 1-1. board.js에 코딩을 추가합니다. ● 1-2. 상세보기를 표현할 라우터를 추가합니다. router.post('/delete',function(req,res,next) { var idx = req.body.idx; var passwd = req.body.passwd; var datas = [idx,passwd]; var sql = "delete from board where idx=? and passwd=?"; conn.query(sql,datas, fu.. 2019. 8. 3.
MySQL Wrokbench - Limit 제한 없애기 / select 전체 데이터 출력 limt 제한 풀기 select 전체데이터 보기 안녕하세요. 고코더 입니다. ● 1. 워크벤치에서 select 문을 실행하면 ● 2. 기본옵션으로 limit 로 1000개에 데이터만 보이도록 sql이 실행 됩니다. 워크벤치에 기본옵션으로 많은 데이터를 select 해서 데이터베이스를 보호하는 방법입니다. ● 3. 이 제한을 풀거나 변경하는 방법이 있습니다. edit -> preferences 로 이동 합니다. ● 4. SQL Editor -> SQL Execution으로 이동 하면 SELECT Query results 창이 보입니다. ● 5. 여기서 limit rows 설정을 없애거나 원하는 숫자만큼 노출할 수 있도록 변경이 가능합니다. ● 6. 일시적으로 Limit 속성 제한을 풀려면 SQL 에디터에서.. 2019. 8. 2.
MySQL Wrokbench - 테이블 컬럼 SQL문으로 한번에 입력하기 칼럼 한번에 SQL 창으로 붙혀넣기 안녕하세요. 고코더 입니다. 워크벤치에서 SQL문을 작성하다 보면 컬럼을 수기로 작성하는 경우가 많습니다. 자동 완성이 제공 되서 금방 완성은 하지만 더 빠른 방법이 있어서 소개 해드릴려고 합니다. ● 1. 워크벤츠 네비게이션에서 컬럼을 입력하고 싶은 테이블에 columns를 펼칩니다. ● 2. 그리고 원하는 컬럼을 CTRL을 누른 상태에서 선택합니다. 모두 선택할려면 shit를 활용하면 되겠죠 ● 3. 그리고 SQL 창으로 드래그 드랍을 하면 해당 컬럼들에 이름들이 복사되어 집니다. 입력해야할 테이블에 칼럼이 많다면 이 방법을 사용해보세요. 마무리 시간을 줄여야죠! 2019. 8. 2.
Node.js - express 게시판 만들기 / 페이징 개발/ page 게시판 만들기 page 안녕하세요. 고코더 입니다. 이번 시간에는 게시판에 간단한 페이징을 구현합니다. 기존에 만든 리스트 페이지는 글이 추가되면 페이징 없이 아래로 노출되는 기본방식 입니다. 오늘은 다시 리스트 페이지에 페이징을 추가해볼려고 합니다. 처음 개발시에 페이징 구현을 하지 않는건 생각보다 많은 로직이 들어가는 기능 입니다. 리스트 개발시에 페이징을 함께 하면 개인적인 경험에서는 지치기 때문에 노드를 조금 익숙하게 받아들인 후에 살펴보는 것이 낫습니다. ● 1. board.js 페이징 코딩 추가 ● 1-1. board.js에 코딩을 추가합니다. ● 1-2. board.js에 아래 코딩을 추가합니다. 기존 list는 그대로 두고 page 라는 페이지를 새로 만들어 페이징을 구현합니다. 게시판 기.. 2019. 8. 2.
Node.js - express 게시판 만들기 / 글 수정 / Update 게시판 만들기 update 안녕하세요. 고코더 입니다. 이번 시간에는 상세보기 페이지에서 글을 수정하고 비밀번호를 입력 한 후에 해당 비밀번호가 맞다면 해당 글을 수정하는 페이지를 만들어 보겠습니다. ● 1. '/update' board.js 글 수정 코딩 추가 ● 1-1. board.js에 코딩을 추가합니다. ● 1-2. 상세보기를 표현할 라우터를 추가합니다. 123456789101112131415161718192021222324router.post('/update',function(req,res,next){ var idx = req.body.idx; var name = req.body.name; var title = req.body.title; var content = req.body.content;.. 2019. 8. 1.
Node.js - express 게시판 만들기 / 글 상세페이지 / select / 게시판 만들기 read 안녕하세요. 고코더 입니다. 이번 시간에는 리스트에 있는 글에 내용을 확인하는 상세 페이지를 개발 합니다. 지금까지 강의를 잘 따라오신 분들이라면 이 글을 안보고도 개발이 가능합니다. 지금 내가 어느정도 노드가 자신있는지 테스트 해보실려면 이 강의 전에 읽기 페이지를 한번 스스로 만들어보세요. ● 1. '/read' board.js 상세보기 코딩 추가 ● 1-1. board.js에 코딩을 추가합니다. ● 1-2. 상세보기를 표현할 라우터를 추가합니다. 1234567891011router.get('/read/:idx',function(req,res,next){var idx = req.params.idx; var sql = "select idx, name, title, content,.. 2019. 8. 1.
Node.js - express 게시판 만들기 / 글쓰기 / insert / 게시판 만들기 write 안녕하세요. 고코더 입니다. 이전 시간에 게시판 리스트를 개발하였습니다. 이제는 이 리스트에 내용을 추가 할 수 있는 글쓰기 기능을 만들어보려고 합니다. 데이터베이스에 insert 하는 구문도 노드에서는 보기 쉽고 간단하게 구현이 가능합니다. ● 1. '/wirte' board.js 글쓰기 코딩 추가 ● 1-1. 저희가 이전 시간부터 만들어놓은 board.js에 코딩을 추가합니다. ● 1-2. 글쓰기 입력을 받을 폼을 표현할 라우터를 추가합니다. 123router.get('/write', function(req,res,next){ res.render('write',{title : "게시판 글 쓰기"});});Colored by Color Scriptercs ● 1-2. 소스 설명.. 2019. 8. 1.

티스토리툴바