🔗설치한 라이브러리들을 바탕으로 config file을 설정해줍니다.

보통 리액트 애플리케이션을 만들 때 CRA (create-react-app)라는 잘 만들어진 리액트 boilerplate를 정석처럼 쓰곤합니다.저도 직접 리액트 개발환경을 build하며 수많은 에러를 겪고 유지보수에 힘을 쏟는 대신 CRA로 많은 사이드 프로젝트들을 진

사용자 경험을 최상으로 이끌어주는 디자인 트렌드 다크모드 UI.애플, 구글, 인스타그램, 페이스북 등 세계적인 브랜드들이 이 다크모드 기능을 애용하기 시작하며 UI/UX에 필수적인 기능 중 하나가 됐습니다. Web frontend 개발자로써 다크모드 기능을 구현하는 것

데이터베이스에서 유저의 토큰을 삭제하면 인증이 되지 않아 로그인 기능이 풀려버리기 때문에해당 유저의 토큰을 지워주면 된다.로그인 된 상태에서 토큰을 지워 auth 인증으로 확인해서 로그아웃을 해야하기 때문에 미들웨어로 auth를 넣어준다.User 모델을 가져와서 Use

✍🏻 Auth Route란 무엇인가? 🔖 Auth란? Auth는 인증(Authentication), 권한부여(Authorization) 등의 줄임말로 인증(authentication)은 자신이 누구라고 주장하는 사람을 확인하는 절차이며 권한부여(authorizati

✅ HTTP 메시지 *️⃣ HTTP 요청 메시지 (Request) HTTP 요청 메시지의 예) 🏷 요청은 다음의 요소들로 구성된다. Method, Path, Version of the Protocol, Headers ✔️ Method : HTTP 메서드는 보통

✍🏻 HTTP의 특징에 대해 알아보기 1️⃣ 클라이언트 서버 구조 2️⃣ 무상태 프로토콜(Stateless) & 비연결성 3️⃣ HTTP 메시지 4️⃣ 단순함, 확장가능 ✅ 클라이언트 서버 구조 *️⃣ HTTP의 구조 HTTP는 애플리케이션 계층의 프로토콜로, 신

✍🏻 왜 HTTP를 공부해야할까? 모든 것이 HTTP 기반 위에서 동작한다. 우리가 잘 아는 HTML, 이미지, 영상 파일 뿐만 아니라, 앱과 서버나 서버와 서버가 통신할때도 HTTP 프로토콜 위에서 데이터를 주고 받는다. 웹 기술, 웹 프레임워크가 HTTP를 기반

✍🏻 Login Route를 완성해보자 🔖 로그인 기능 만들기 순서 1️⃣ 데이터 베이스에서 요청한 E-mail 찾기 .findOne() 메서드 이용하기 2️⃣ 데이터 베이스에서 요청한 E-mail이 있다면 비밀번호가 같은지 확인 Bcrypt 이용해서 pla

따로 비밀번호를 암호화하지 않으면 비밀번호는 데이터베이스에 아무런 보안성 없이 노출된다.이렇게 plaintext로 저장되어있는 데이터베이스는 보안성이 매우 취약하다. 데이터베이스에 비밀번호를 안전하게 저장하기 위해서 암호화가 필수적이다.Bcrypt 라이브러리를 이용하면

✍🏻 프로그램, 프로세스, 쓰레드 알아보기 프로세스와 스레드의 차이는 운영체제 공부에서도 아주 중요하게 다룬다. 개발자 면접에서도 자주 나오는 주제인 프로세스와 쓰레드에 대해 아는 것은 중요하다. 먼저 프로세스와 스레드를 알아보기 전에 프로그램(Program)이 무

소스 코드를 Gist에 업로드하면 다른 사람들이 비밀 정보들을 다 볼 수 있게 된다. 그래서 비밀 정보들을 Private하게 관리할 줄 알아야한다..gitignore파일을 이용하면 파일 안에 들어있는 내용들을 Gist에 업로드 하지 않도록 관리 할 수 있다.✔️ 개발환

NODE 서버를 이용하면서 코드를 변경하게 될 경우, 변경한 코드를 웹 상에서 확인하려면 서버를 껐다가 다시 켜야 변화를 감지할 수 있다. NODEMON은 서버를 내리고 올리지 않아도 소스를 변경할 때 바로 감지해서 자동으로 서버를 재시작 해주는 TOOL이다. ▶️

응용 소프트웨어 ( 또는 애플리케이션 소프트웨어) 는 End-User를 위해 사용된다. 특수한 문제해결을 위해 만들어지며, 컴퓨터를 하나의 문제 해결을 위한 도구로써 활용하는 소프트웨어이다.시스템 소프트웨어를 문제 해결과 구동을 위해 사용한다.✔️ 시스템 소프트웨어(s

운영체제(Operating System)는 사용자가 컴퓨터를 사용하기 위해 필요한 소프트웨어이다. ✔️ 컴퓨터 사용자와 컴퓨터 하드웨어간의 인터페이스로서 동작하는 시스템 소프트웨어로써 우리가 일반적으로 컴퓨터를 사용하면서 실행한 모든 프로그램,컴퓨터 시스템의 각종 하드

✔️ URI (Uniform Resource Identifier)는 로케이터(Uniform Resource Location), 이름(Uniform Resource Name), 또는 둘다로 분류 될 수 있다.✔️ URI라는 큰 개념은 리소스를 식별하는 것. 즉, 로케이

✔️ 웹이나 HTTP는 인터넷 네트워크 망을 기반으로 동작한다. 인터넷 네트워크에 대해 먼저 알아보자.▶️ 인터넷 통신▶️ IP (Internet Protocol)▶️ TCP, UDP▶️ PORT▶️ DNS출처:https://www.inflearn.com/c

✔️ 웹이나 HTTP는 인터넷 네트워크 망을 기반으로 동작한다. 인터넷 네트워크에 대해 먼저 알아보자.▶️ 인터넷 통신▶️ IP (Internet Protocol)▶️ TCP, UDP▶️ PORT▶️ DNS

✔️ 웹이나 HTTP는 인터넷 네트워크 망을 기반으로 동작한다. 인터넷 네트워크에 대해 먼저 알아보자.▶️ 인터넷 통신▶️ IP (Internet Protocol)▶️ TCP, UDP▶️ PORT▶️ DNS

▶️ 클라이언트와 서버간의 인터넷 통신을 하기 위해 먼저 IP 주소를 부여받아야한다.✔️ 지정한 IP주소(IP Address)에 데이터 전달✔️ 패킷(Packet)이라는 통신 단위로 데이터 전달✔️ 패킷이란? 메시지를 보낼 때 사용하는 규칙이다.✔️ 전송할 데이터를 출