본문 바로가기

전체_컨텐츠2572

HTML - required 필수 항목 값을 확인해주는 속성 html5 입력 유효성 확인 안녕하세요. 고코더 입니다. ● 1. HTML5에 새로운 기능들은 개발자에 피로를 많이 덜어줍니다. 그 중에 하나가 바로 required 속성입니다. input이 비어있으면 자동으로 필수값으로 값을 넣으라고 해주는 유효성 체크 항목 입니다. ● 2. 가끔 브라우저에서 이런 메세지 창을 보신적이 있죠? required 속성을 입력한 input은 자동으로 이렇게 메세지 창을 띄워서 입력을 받도록 강제해줍니다. ● 3. 사용법은 간단합니다. 그저 input 태그안에 required만 붙혀주면 됩니다. 그리고 해당 속성은 해당 input은 필수 값이라는걸 알려주는 태그임을 강조하는 역할도 합니다. 마무리 물런 최신 브라우저를 써야 작동하는 기능이라 결국은 일부 유저를 위해 스크립트 .. 2019. 8. 1.
Node.js - express 게시판 만들기 / 리스트페이지 / select / 게시판 만들기 LIST 안녕하세요. 고코더 입니다. 오늘부터 기초적인 예제를 마무리 하고 게시판 만들기로 실전을 다져볼려고 합니다. 기본예제에서 배우지 못한 소스들이 나온다고 해도 긴장하지 마시고 천천히 한줄한줄 고민하면서 따로오시면 금방 노드가 머리속에 익혀질거라 생각 됩니다. ● 1. 들어가기전에 체크 해야 할 사항 ● 1-1. 데이터베이스 참조파일 생성이 되어 있는지 확인 이전에 require()로 DB 소스를 참조로 사용하는 방법을 배웠습니다. 해당 DB폴더가 자신에 로컬에 설치되어 있고 mysql에 정상 접속 되는지 확인해보세요. ● 1-2. 로컬에 Mysql이 설치 되어 있는지 확인해보세요. 이제는 데이터베이스와 연동하여 작업을 해야 합니다. 로컬에 mysql 설치가 필수 입니다. -> 제 데.. 2019. 8. 1.
"모르면 손해! 다 되는 크롬 사용법" / 세번째 출간 이북 출간 안녕하세요. 도서 작가 이진현입니다. 현업은 프로그래머이고 취미는 블로그와 미술이지만 하고 싶은 건 문학이었습니다. IT 책이 한 권 두권 세상에 알려지고 판매가 된 내역을 들 보면서 조금씩 꿈에 다가가고 있는 기쁨을 느낍니다. 독자분들께 감사드립니다. 세 번째 책이 출간되었습니다. 시리즈로 동시에 집필한 서적입니다. 이번 책은 크롬 사용하는 방법에 대해 저술하였습니다. 판매 링크 교보문고 예스24 알라딘 반디앤루이스 리디북스 리딩락(영풍문고) 원스토어 네이버 북 북큐브 2019. 8. 1.
Node.js - express 라우터 req res, uri 설명 router req, res, uri 쉬운 설명 안녕하세요. 고코더 입니다. 제 노드 강의를 따라온분들이 이제 질문이 생기기 시작했습니다. 좋은 현상입니다. 제가 예제로 노드가 익숙해지시면 설명드리려 했던 라우터에 대해 말씀드릴려고 합니다. ● 1. 라우터 URI 경로 ● 1-1. 매번 익숙하게 선언했던 라우터 메소드 뒤에 URI 가 있습니다. 계속 이부분을 루트 '/'로만 사용중이었는데요. router.get('/', function (req, res) { 이 부분은 라우터 이후에 원하는 URI로 경로를 받을 수 있습니다. app.use('/', indexRouter);로 설정된 라우터 기준으로 말씀드리겠습니다. ● 1-2. 접속 : http://사이트주소/gocoder router.get('/goco.. 2019. 7. 31.
Node.js - require()을 이용한 외부파일 참조 require() 파일 참조하기 / include 안녕하세요. 고코더 입니다. 오늘은 외부 참조 파일을 만들어 공통으로 쓰는 방법을 실습해보려고 합니다. 인스턴스를 참조 하도록 도와주는 require() 함수를 이용해 반복으로 선언하는 코드들을 낭비하지 않도록 만들 수 있습니다. 지난 시간에 간단한 mysql을 연결하여 기본예제를 만들어 보았습니다. -> Node.js - Mysql 연결 기본예제 mysql 을 연결할때마다 소스상에 DB커넥션 정보를 페이지마다. 기록하면은 유지보수도 어려워지고 보안상에 문제도 있습니다. 이걸 특정 소스에 기록하고 불러와서 사용하도록 개발해보겠습니다. ● 1. 데이터베이스 접속 정보 참조 파일 db_info.js ● 1-1. 데이터베이스에 접속 정보를 관리할 소스를 생성하.. 2019. 7. 31.
Node.js - Mysql 연결 기본예제 mysql 연결방법 알아보기 안녕하세요. 고코더 입니다. 이전 시간에 mysql 모듈을 설치 했습니다. -> Node.js - Mysql 설치방법 / CMD / webstorm 설치방법 이번 시간에는 데이터베이스와 연결 하는 방법을 알아보겠습니다. 그전에 mysql 설치가 필요한데요. 여기에 따라 DB를 설치해주세요. 포트나 비밀번호등을 저와 같게 설정하면 강의 따라하기가 수월합니다. -> MySQL - 학습을 위한 MySQL Installer 설치하기 노드로 mysql을 연결하는 방법을 쉽고 자세하게 알아보겠습니다. ● 1. mysql.js 생성 ● 1-1. 처음에 할일은 routes 폴더에 mysql.js를 추가합니다. ● 1-2. 파일안에 내용은 이렇습니다. 1234567891011121314151.. 2019. 7. 31.
MySQL - 학습을 위한 MySQL Installer 설치하기 MySQL 인스톨러 안녕하세요. 고코더 입니다. MySQL 설치 방법은 무궁합니다. 이 블로그에도 각종 APM 들과 mysql들이 넘쳐나는데요. 이번에는 학습자를 위한 설치 프로그램을 소개 해드리겠습니다. mysql 홈피에는 초보자를 위해 데이터베이스 설치를 제공합니다. 필요한 모든걸 간단하게 설정 가능하고 워크벤치까지 제공하는 말 그대로 학습자가 설치하기 좋은 프로그램을 제공 합니다. ● 1. 해당 사이트,에서 밑에 있는 mysql을 다운로드 해주세요. http://bit.ly/2Zh7nGN ● 2. 다운로드시 가입은 하지 말고 "No theanks, just start my download"를 클릭 합니다. ● 3. 첨부파일을 확인해주셔도 됩니다. ● 4.다운받은 파일을 설치 합니다. ● 5.이 프로.. 2019. 7. 31.
Node.js - Mysql 설치방법 / CMD / webstorm 설치방법 노드에서 MySQL 설치 방법 안녕하세요. 고코더 입니다. 오늘은 데이터베이스를 쓰기 위해 첫번째로 해야 하는 Mysql 설치 방법을 함께 알아보려고 합니다. 노드를 배우는 강의이고 개인에게는 완전히 무료이면서 설치가 가벼워서 다른 DBMS를 제치고 번 강의에서는 MySQL를 사용해보겠습니다. 설치 방법은 두가지가 있습니다. 그리고 npm 설치는 모두 이 과정과 동일 합니다. ● 1. 커맨드(CMD)로 설치 ● 1-1. 커맨드 라인에서 자신에 프로젝트로 이동 합니다. 저랑 계속 함께 개발중이라면 해당 폴더 입니다. D:\node\gocoder ● 1-2. 프로젝트에서 npm을 설치하는 명령어를 입력합니다. 그럼 순신각에 폴더와 파일을 생성 하면서 끝입니다. npm install mysql ● 1-3. n.. 2019. 7. 31.
Node.js - form 전송 post로 받아 josn으로 출력/ 기본 예제 form을 이용한 기본 예제 안녕하세요. 고코더 입니다. 이전에 라우터와 뷰단에 소스를 만들고 어떻게 사용하는지 아주 기초적인 방법을 배웠습니다. 이번 시간에는 form으로 전송한 데이터를 node.js에서 받아 간단하게 josn으로 출력하도록 코딩을 해보겠습니다. ● 1. views에서 form 태그를입력 ● 1-1. form.ejs 에 아래 HTML을 추가 합니다. 이전에 입력되어 있는 HTML 밑에 추가합니다. 소스는 폼태그를 이용해서 이름,블로,홈페이지를 입력하는 input 박스에 입력을 받게 됩니다.1234567891011121314151617181920 이름 블로그 홈페이지 전송 ● 1-2. 코드 리뷰 14라인 : action 값은 /form 입니다. 이전 시간에 만든 라우터로 전송할 것 입니.. 2019. 7. 31.

티스토리툴바