본문 바로가기

분류 전체보기273

추가) React redux-toolkit 리덕스 쉽게 쓰는 비법 리덕스툴킷을 실제 사이드프로젝트에 세팅하는 방법을 재구성해서 개념화 한 포스팅이다. 아래는 실제 진행하고 있는 사이드프로젝트에서 쓰고있는 redux-toolkit 세팅방법 https://victormeredith.tistory.com/93 [앱삼] 4. (frontend) Redux-toolkit 구조 세팅 1. 리덕스 툴킷 쓰는 이유 - 스승님께서 그러셨다. 취업하려면 새로운 라이브러리 신기술 이런거 적당히 배우고 리덕스나 하라고.. - 근데 오리지날 리덕스는 문법이 매우 더럽고 리듀서/액션 패 victormeredith.tistory.com 1. 조건 리덕스 특유의 더러운 문법을 쉽게 바꾼 redux/toolkit은 react18 버전 이상이어야만 사용 가능하다. 2. 왜쓰는가? 리덕스 공식문서에는 .. 2023. 3. 7.
2장 - 네트워크의 기초 - 2 2.1.3 네트워크 분류 - 네트워크는 규모를 기반으로 분류할 수 있다. - 사무실 / 개인규모 : LAN - 서울시 등 정도의 규모 : MAN - 세계 규모 : WAN 2.1.4 네트워크 성능 분석 명령어 - 네트워크 병목현상의 주 원인 : 1) 네트워크 대역폭 2) 네트워크 토폴로지 3) 서버CPU, 메모리 사용량 4) 비효율적인 네트워크 구성 ping - 네트워크 상태를 확인하려는 대상 노드를 향해 일정 크기의 패킷을 전송하는 명령어이다. - 해당 노드의 패킷 수신 상태와 도달하기까지 시간 등을 알 수 있으며, 해당 노트까지 잘 연결되어 있는지 확인할 수 있다. - TCP/IP 프로토콜 중에 ICMP 프로토콜을 통해 동작한다. - ping [IP주소 또는 도메인 주소]로 실행한다. netstat -.. 2023. 3. 6.
[O'REILLY] Node & Express - 2장 : NodeJS 시작하기 1. 기본지식 - 노드 : nodejs 패키지를 설치할 수 있다. - 터미널 : 터미널을 켜고 끌 수 있으며, cd, npm 등을 활용 할 수 있다. - IDE : 객기 말고 돈 없으면 VScode 쓰자. - npm : 노드 패키지를 위한 패키지 매니저. npm install, -g, -D 등의 옵션과 기본 명령어를 알고 있다. 2. 노드로 만드는 단순한 웹서버 - 웹 서버는 파일이 컴퓨터 어디에 있는지 확인하고 브라우저(클라이언트)에 그 파일을 전송한다. - 노드는 전통적인 웹 서버와는 다른 패러다임을 제시한다. 노드에서는 앱이 곧 웹서버이다. - 이벤트 주도 프로그래밍 : 노드의 배경이 되는 철학이다. 어떤 이벤트가 일어날지, 그 이벤트에 어떻게 반응해야 할지 프로그래머가 이해해야 한다. UI의 클릭.. 2023. 3. 6.
[O'REILLY] Node & Express - 1장 : EXPRESS에 대하여 2021.05.01. 발행된 오라일리 노드&익스프레스 교과서를 핵심정리하고 복습하기 위한 포스팅이다. 1. 익스프레스 소개와 특징 - 익스프레스는 '웹과 모바일 앱에 빈틈없는 기능을 제공하는, 최소화되고 유연한 노드 웹 어플리케이션 프레임워크' 이다. - 자바스크립트(언어)를 기반으로하는 V8엔진(런타임)을 기반으로하는 NodeJS(서버용런타임)를 기반으로하는 프레임워크가 Express이다. - 특징 1) 최소화 : 유용한 기능을 제공하되, 최소한의 프레임워크를 제공하고, 익스프레스의 기능 중 필요한 것만 추가하고 필요하지 않다면 제거할 수 있도록 도와준다. 2) 유연성 : HTTP요청을 받고, HTTP응답을 반환하는 서버의 궁극적이고 근본적인 역할에 충실한다. 3) 웹 앱 프레임워크 : 익스프레스는 웹.. 2023. 3. 6.
추가) 정규표현식 진짜 개빠르게 복습 정규표현식이란 ? : 특정한 규칙을 가진 문자열의 집합을 표현하는 데 사용하는 형식 언어이다. - 어떤 형식에 맞는지 안맞는지 검사하는 건 얘를 써서 검사한다. 예를들면 거지같이 까다로운 패스워드규칙같은거 검사할 때. - 얘보다 빠르게 하려면 chatGPT나 Copilot 한테 물어보셈 그게 최고임. - 요약 /매칭내용/gm //global, multiLine flag(option) /Hi | Hello/gm //or 연산자 /(Hi | Hello)/gm // group화 /(Hi | Hello)|(And)/gm //group + or /gr(e|a)y/gm // grey, gray /gr(?:e|a)y/gm // 괄호안에 ?: 넣으면 그룹데이터로 묶지 않는다 /gr[ead]y/gm //대괄호 안에 있는.. 2023. 3. 3.
2장 - 네트워크의 기초 - 1 SI 서비스 개발이나 담당하는 실무자 입장에서 네트워크 지식까지 알아야되겠나 싶겠지만 사실 알아두면 매우 좋다. 이 바닥이 많이 알면 알수록 연봉이 늘고 더 재밌어니까 공부해보자. 2.1 네트워크의 기초 - 네트워크란? : 노드와 링크가 서로 연결되어 있으며 리소스를 공유하는 집합을 의미한다. - 여기서 노드란 서버, 라우터, 스위치 등 네트워크 장치를 의미하고 링크는 유/무선을 의미한다. 2.1.1 처리량과 지연시간 - 처리량은 당연히 높아야하고 지연시간(Latency)은 당연히 짧아야한다. 당연히 장애 빈도가 적어야 한다. - 처리량이란(Throughput) ? : 링크를 통해 전달되는 단위 시간당 데이터 양. 단위는 bps(bits per second)를 사용한다. - 처리량은 트래픽, 네트워크 장.. 2023. 3. 3.
Express - 5장 : Authentication - 1 (Session-based Auth) 1. Authentication 개요 1. session-based authentication - 로그인 시 cookie를 발행(session id가 적혀있다.) - 요청 시 user의 session id를 보내고 받는다. - 로그인 상태를 서버에 다 저장한다. 2. token-based (JsonWebToken) - JWT (REST원칙에 맞다) - 로그인 시 JSON Web Token을 발행. - 쿠키나 로컬스토리지에 저장. - 요청 시 user의 JWT를 헤더에 포함해서 보내고 받는다. - JWT토큰 유효성 검사 후 보내준다. - 유저의 로그인 상태를 저장할 필요가 없다. 3. Open Authentication(OAuth) - 다른 사이트의 프로필 정보를 가져온다. (구글, 페이스북, 카카오, 애.. 2023. 3. 3.
Express - 4장 : Mongoose 의 CRUD 1. CRUD란 ? - create - read - update - delete 2. Cheat Sheet Schema 세팅 var mongoose = require("mongoose"); var Schema = mongoose.Schema; var ProductSchema = new Schema({ name: { type: String, required: true }, brand: { type: String, required: false }, order: { type: Schema.Types.ObjectId, ref: "Order" } }); // This creates our model from the above schema, using mongoose's model method var Product.. 2023. 3. 3.

티스토리툴바