Lecture (86) 썸네일형 리스트형 로그인 ID check GOAL : 로그인할때 (로그인 버튼을 눌렀을때) database에 있는 id와 password만 로그인 할 수 있도록 하고 id나 password가 틀리면 경고창 띄우기 1. router에서 login_check (임의) URL설정해주기 login버튼을 눌렀을때 form의 action URL을 router에서 받아준다.. ID PASSWORD ROUTER에서 router.post('/login_check',controller.login_check); 2. 이어지는 controller설정을 해준다. 전체코드 더보기 let login_check = async (req,res)=>{ let userid = req.body.userid; let userpw = req.body.userpw; let result.. 회원가입 ID확인 (AJAX) GOAL : 아이디를 입력하고 다음 커서로 넘어갔을때(focusout) 그 아이디가 이미 database에 있는 아이디인지 아닌지 구분하고 box아래 메세지를 표출하는 것. 1. 공간 만들기 ID 아이디 입력한 아래 메세지를 표출할 공간을 만든다. 메세지가 표출되기 전까지 보이지 않게 임시로 display:none으로 가려놨다. 2. js에 이용할 두 HTML 태그들을 선언해 준다. const userid = document.querySelector('#userid'); const userid_msg = document.querySelector('#userid_msg'); 3. userid를 확인하기 위한 함수를 생성한다. function userid_check(){ if(login_flag){ user.. 회원가입 password 재확인 1. 변수 설정 HTML페이지 비밀번호 && 확인 칸에 각각 id를 주고 querySelector로 불러와준다. input type="submit"이었던 값을 button으로 바뀌주고 똑같이 id, form tag에도 id를 준다. const pwd1 = document.querySelector('#userpw'); const pwd2 = document.querySelector('#userpw_check'); const btn = document.querySelector('#login_submit'); const login_form = document.querySelector('#login_form'); 2. pwd1과 2의 value값을 비교하는 함수를 만들어준다. function password_c.. 회원가입 이미지 저장 (multer사용) DEFAULT: npm install multer && path 사용할 router에 선언을 해주고 multer를 사용하는 function을 만들어준다. 넣어줄 function은 그냥 외우는게 좋을듯 크게 이해하자면 이미지는 text형식으로 저장해서 움직이는 거. const upload = multer({ storage: multer.diskStorage({ destination:function(req,file,callback){ callback(null,'uploads/') // uploads => 폴더명 }, filename:function(req,file,callback){ callback(null,new Date().valueOf() + path.extname(file.originalname)) .. API사용 SERVER연결 관계를 직관적으로 보기 위해서 순서표를 만들어봤다. 진행은 이런식으로 되는 듯 HTML페이지를 나타내는 서버와 data를 관리하는 서버 두개를 사용한다. 두개를 동시해 사용해주기위해 npm install cors를 다운받고 require로 사용해준다음 use로 세팅해준다. app.method로 가기 전에 사용해줘야 next로 받아서 다른 도메인들도 허락해 준다. const cors= require('cors'); express.use(cors()); 0422 STRING DATA TYPE varchar > 데이터를 가변적으로 사용하기 위해서 char > 데이터값자체가 고정되어있음 text > 긴 문장을 사용할때 (ex:게시물) DATE DATA TYPE date > 날짜를 써야한다면 꼭 써야함 NUMERICAL DATA TYPE tintint int primary = 같은 값이 들어올 수 없음 특정 기간의 data가져오기 ex) select * from board where month(board_date) = '2020' select * from board where [필드] like '%[text]' MariaDB Mysql table 생성 Default database생성이 되어있어야 한다. 생성된 database가 선택이 되어있어야 한다. CREATE TABLE [tablename]( [fieldname] [datatype], [fieldname2] [datatype], . . . ); 이렇게 하면 테이블과 그 안에 field까지 생성 된다. 만들어진 테이블은 desc [tablename]으로 확인 예시 MariaDB [(none)]> create database hello; Query OK, 1 row affected (0.001 sec) MariaDB [(none)]> use hello; Database changed MariaDB [hello]> CREATE TABLE board( -> idx int NOT NULL AUTO_INC.. MariaDB - Database 확인, 생성, 삭제 MariaDB에서 어떤 동작을 할때 끝에 무조건 ; 이 붙어야 한다. 만약 제대로 된 동작값을 입력해도 끝에 ;로 마무리 하지 않으면 이런식으로 아래로 떨어진다. 대신 동작값만 잘 입력했다면 떨어진뒤 ;를 붙여도 작동은 됨. Database 확인 하는 법 show databases; 기본적으로 4개의 database가 있다. Database 생성하는 법 create database [name]; 위에서 db_name이라는 이름의 database를 생성해서 show databases로 확인해 봤다. 알바벳 순서로 정렬이 된다. Database 삭제하는 법 drop database [name]; database를 삭제하고 다시 확인. 예상대로 잘 삭제가 되었다. 이전 1 ··· 4 5 6 7 8 9 10 11 다음
