🧱Node.js

1. Node.js와 Express의 관계 Express는 Node를 쉽게 만들 수 있도록 도와주는 프레임워크이다. 2. Node.js와 npm 다운로드 > 1. cmd 실행 > // node.js 설치 여부를 확인 > 2. node -v > // 가장 최신 버

클라이언트 서버 통신 방법 클라이언트에서 input입력 후 그 값을 서버에게 전송. 이때 body-parser dependency를 이용하여 클라이언트가 전송하는 걸 서버에서 받을 수 있음. body-parser dependency 설치 index.js 수정 버전

비밀정보 보호하기 소스코드를 git에다 올리면 다른 사람들이 scret한 정보들을 보게됨. 이를 못보게 하려면, 비밀정보들을 다 한 파일에 몰아둔 후 .gitignore 파일에 넣어줌 예를들어, index.js에 있는 mongo DB 이름과 비밀번호는 비밀정보! 그

로그인 기능 구현 index.js에서 로그인 route 만들기 route 안에서 구현 해야할 것 DB에 요청한 이메일 찾기 DB에 요청한 이메일이 있다면 비밀번호가 같은지 확인 비밀번호까지 같다면 Token을 생성 (Token 생성을 위해서 JSONWEBTOKEN 라이

Auth route 생성 로그인을 안한 사용자도 이용할 수 있는 페이지 또는 관리자만 이용할 수 있는 페이지 등을 체크하기 위해 Auth 기능을 만들어야함 client에서 토큰이 인코드 되어있는 상태로, 이를 서버에서 복호화 하면 userId가 나온다. 서버에서는 u

NPM은 registry라는 저장소 역할이다. 라이브러리를 설치할 때 항상 NPM ~ 하며 명령어를 작성했었는데, 이러한 라이브러리들을 담고 있는 곳이라 할 수 있다. NPM build ~를 통해 배포를 할 수 있음package.js에 NPM에 관한 정보가 담겨 있음로

전에는 Client가 없었기 때문에 Postman을 이용하여 통신 했음이제는 Client가 있으니, Axios를 사용하여 서버와 통신할 수 있음.그렇다면, 곧바로 서버와 클라이언트 통신을 해보자!콘솔에 뜬 오류 중 첫 번째 오류를 보자면 CORS(Cross-Origin

function 컴포넌트보다 더 많은 기능을 사용할 수 있다.대신, 코드가 더 길어지고 복잡해진다.성능이 느려진다.제공되는 기능이 한정적이다.-> hook을 통해 많은 기능을 사용할 수 있게 됨대신, 코드가 짧아지고 간결해진다.성능이 빠르다.

리덕스 학습 블로그 참고 (1) props와 state props properties의 줄임말 부모와 자식 컴포넌트 간 무언가를 주고 받을 때 사용 (부모에서 자식으로) props는 변할 수 없음 (ex, 부모에서 자식으로 1이라는 값을 내려줬을 때, 자식에서는 1을

Node.js로 간단하게 서버 api 만들고, 프론트에 연결시키는 과정을 해보았다!!처음으로 직접 만든 api를 사용하는 거라 신기하고 흥미롭군 . . . 로그인 페이지 하면 다른 페이지들도 구현해봐야겠다 ✨우선 MONGO DB에 이메일과 비밀번호를 이용하여 회원가입

로그인 페이지를 구현했다면, 회원가입 페이지에서는 몇가지 세부요소를 제외하고 구현 방법은 동일했다. 하지만 세부적으로 신경쓸 부분을 기록해두기 위해서 작성 !!✨ return res.status(200).json({success: true}) 이 부분에서 success

페이지 중에서 아무나 접근할 수 있는 페이지 또는 관리자만 접근할 수 있는 페이지, 로그인한 사람만 접근할 수 있는 페이지, 로그인을 했는데 또다시 로그인 페이지로 진입하는 등 페이지에 대한 권한이 각각 다르기 때문에 `Auth를 확인`해야 한다. > 그러려면 `HO

채팅방이나 메신저 기능을 만들 때 적합한 socket.io를 이용하여 간단한 채팅 기능을 만들어 볼 것이다. 📁 디렉터리 구조는 server와 client 폴더를 각각 만들고 client에 react 설치, server에 npm init , npm i socket.

채팅 페이지 구현을 끝으로 개인프로젝트의 막을 내렸다 ..!! 모르면 래퍼런스를 참조하고, 커뮤니티에 도움을 요청하며 하나하나 만든 프로젝트라 애착이 크다. 🥲 앞으로 더 많은 프로젝트를 경험할텐데 밑거름이 되겠지. 기대가 된다. 💪🏻 !! 1\. 서버에서 soc

프로젝트를 구현할 때 직무를 기반으로 고민상담.. 일종의 솔루션을 제공해주는 chatbot을 구현해보고싶어 node, react, 구글의 dialogflow api를 사용하여 간단하게 챗봇 기능을 구현해보았다. 그러나 막상 프로젝트에는 socket 사용해서 사용자 간