Coding Kitsune

아이디와 비밀번호를 값들을 버튼을 누르면 서버로 전송해주어야 한다. 서버는 이 값들을 받아 로직을 처리하게 된다. 먼저 HTML 값들을 자바스크립트에서 제어하기 위해 DOM 객체를 사용해야한다. id, psword => id와 psword의 값들을 가져오고 DOM객체로 받아들여주고 버튼은 이벤트리스너로 클릭 시 함수(로그인 함수)를 실행시켜주도록 한다. const id = document.querySelector("#id"), psword = document.querySelector("#psword"), loginBtn = document.querySelector("button"); loginBtn.addEventListener("click", login); 이제 login 함수를 만들어 주어야 한다. ..

준비중인 프로젝트에 적용하기 위해 로그인 / 회원가입 강의를 다시 한번 복습하면서, 순서의 흐름을 적어보고자 한다. 우선 저번 시간에 했던 express 프레임워크를 쓰는 이유와 하드코딩에 이어, 뷰를 최적화해주고 라우팅을 폴더로 분리해주었다. 또 controller 부분 또한 분리해주고, app.listen() 또한 모듈화 해주었으며, npm install을 통해 패키지들을 다운 받았고, 깃허브와 연동하였으며 폴더 구조 또한 이런식으로 개발에 최적화 할 수 있도록 구조화 해주었다. 또 서버가 열려있을 때 코드 수정이 이루어지면 서버를 닫는 번거로움을 피하기 위해 nodemon을 install 해주어 nodemon으로 서버를 열면 코드 수정하고 저장하면 즉석으로 반영되기에 이제 로그인 기능적 구현하기 앞..

웹 개발에 있어, 가장 기본적인 백엔드 기능인 로그인 / 회원가입을 구현해보고자 한다. 여러가지 강의를 보면서 따라해봤는데, 생각보다 간단하지 않은 작업인거 같아 여러번에 나누어 공부한 것을 포스팅 할 계획이다. 먼저 VS code, Node.js , MYSQL을 통해 구현하였으며 github 실시간으로 올릴 것이다. github 주소 : https://github.com/heebumpark/node_website GitHub - heebumpark/node_website Contribute to heebumpark/node_website development by creating an account on GitHub. github.com 가장먼저 서버와 연결을 하는데, http로 연결하기보다 expre..

MYSQL에서 가장 중요한 기능 중 하나인 JOIN을 이용하여 테이블 몇개들 합쳐보자, JOIN은 정보처리기사에서도 단골 문제로 나와서 대략적인 문법은 알고있기에 수월하게 학습할 수 있었다. topic 테이블은 책에 대한 정보들과 작가의 id가 담겨져 있고, author 테이블은 이 작가에 대한 id와 이름 그리고 간단한 프로필이 담겨져 있다. 이 두 테이블을 비교해보면서 작가에 대한 정보를 알아야할 때, 행이 다섯개라 지금은 확인이 가능하지만, 데이터가 수백 수천개면 도저히 알아보기가 힘들고, 이 때 필요한 기능이 JOIN 이다. SELECT * FROM topic LEFT JOIN author ON topic.author_id = author.id; 이 SQL문을 해석해보자면 모든 속성을 포함해서 보..

이번엔 데이터를 수정하는데 쓰이는 UPDATE와 삭제하는데 쓰이는 DELETE에 대해 알아보자 이전에 작성했던 테이블 중, airjordan1의 가격을 400000 으로 수정해야한다고 가정해보자, 문법은 다음과 같다. UPDATE 테이블명 SET 속성명 = VALUE ... 이후 WHERE이나 ORDER 등 즉 이렇게 airjordan1의 가격을 400000으로 수정할 수 있다. 여기서도 조심해야할게 UPDATE shoes SET price=400000 이렇게만 해버리면 테이블의 모든 가격이 400000이 되기 때문에 실무에서 이런 실수를 하게 되면 거의 재앙 수준이라고 한다.... 그렇기에 DB 관리할 때 조심, 또 조심해야 할 필요가 있는 것으로 보인다. 이번엔 DELETE를 알아보자. UPDATE와..

Oracle, MYSQL, MongoDB 등 여러 DB 중 에서 MYSQL을 가장 먼저 배우로 했고, Oracle은 MYSLQ과 비슷한 구조이기에 추후에 MongoDB도 간단하게 배워볼 예정이다. 먼저 노트북에 MYSQL을 설치해야한다. (Google 검색 : install mysql window) 나는 이전에 학습용으로 설치해두었던 MYSQL이 패스워드가 생각이 안나서 다시 깔았는데, 계속 이전파일이 말써이어서 한참을 고생해서 재설치했다... 먼저 이게 간단한 DB의 구조이고, MYSQL Server폴더가 저 거시적 데이터베이스 서버이며, 우리는 데이터베이스를 생성해서, 그안에서 여러 table을 만들고 table안에 data들을 삽입,삭제,정렬 등을 통해 관리해나갈 것이다. MYSQL Server b..