profile
계속 발전하고 싶은 초보 개발자
post-thumbnail

Webpack으로 React.js 개발환경 build하기 - 2. webpack.config.js 세팅

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

2021년 4월 11일
·
0개의 댓글
post-thumbnail

Webpack으로 React.js 개발환경 build하기 - 1. 프로젝트 시작하기

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

2021년 4월 11일
·
0개의 댓글
post-thumbnail

리액트 다크모드 구현하기 feat. styled-components & context API

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

2021년 4월 9일
·
4개의 댓글
post-thumbnail

BoilerPlate Code 08 - 로그아웃 기능 만들기(Logout Route)

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

2021년 1월 9일
·
0개의 댓글
post-thumbnail

BoilerPlate Code 08 - Auth Route

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

2021년 1월 9일
·
0개의 댓글
post-thumbnail

HTTP 메시지란?

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

2021년 1월 9일
·
0개의 댓글
post-thumbnail

HTTP의 특징

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

2021년 1월 9일
·
0개의 댓글
post-thumbnail

HTTP란?

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

2021년 1월 9일
·
0개의 댓글
post-thumbnail

BoilerPlate Code 07 - 로그인 기능 만들기

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

2021년 1월 9일
·
0개의 댓글
post-thumbnail

BoilerPlate Code 06 - Bcrypt

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

2021년 1월 4일
·
0개의 댓글
post-thumbnail

프로그램(Program), 프로세스(Process), 쓰레드(Thread)

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

2021년 1월 2일
·
0개의 댓글
post-thumbnail

BoilerPlate Code 05 - 비밀 설정 정보 관리 (feat.gitignore)

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

2020년 12월 30일
·
0개의 댓글
post-thumbnail

BoilerPlate Code 04 - 노드몬(NODEMON)이란?

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

2020년 12월 30일
·
0개의 댓글
post-thumbnail

시스템 소프트웨어 (System Software)

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

2020년 12월 30일
·
0개의 댓글
post-thumbnail

[OS운영체제] 운영체제란?

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

2020년 12월 30일
·
0개의 댓글
post-thumbnail

URI와 웹 브라우저의 요청 흐름

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

2020년 12월 26일
·
0개의 댓글
post-thumbnail

인터넷 네트워크 : DNS

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

2020년 12월 26일
·
0개의 댓글
post-thumbnail

인터넷 네트워크: PORT

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

2020년 12월 26일
·
0개의 댓글
post-thumbnail

인터넷 네트워크 : TCP/UDP

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

2020년 12월 26일
·
0개의 댓글
post-thumbnail

인터넷 네트워크 : IP(인터넷 프로토콜)

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

2020년 12월 26일
·
0개의 댓글