정적라우팅(Static Routing)과 동적라우팅(Dynamic Routing)
2021. 5. 27. 20:05
프로그래밍/React
Next와 정정라우팅&동적라우팅 Next.js는 파일 시스템 기반 정적라우팅(Static Routing)과 동적라우팅(Dynamic Routing)을 지원함 정적라우팅은 직접 경로를 일일히 설정을 해주는 것이고 동적라우팅은 한번 설정 해주면 라우팅 프로토콜을 통해 알아서 계산되어 경로가 정해짐 Next.js를 npm 명령어를 통해 CLI로 프로젝트를 구성해보면 'pages'라는 폴더가 생김 이 pages 폴더에 라우팅 하고 싶은 이름으로된 .js(.jsx 또는 Typescript를 사용한다면 .tsx) 파일을 만들어줌 그 후 Next.js에서 지원하는 useRouter 함수나 Link 컴포넌트를 통해 만들어준 .js의 이름을 경로로 설정해 주면 됨 정적 라우팅(Static Rourting) 정적 라우팅은..
부팅 시 CPU Fan Error 뜨는 경우
2021. 5. 26. 20:38
프로그래밍/관련 정보
1️⃣ 메인보드에서 CPU팬이 연결되지 않았거나 잘못 연결된 경우 연결이 안된 경우 CPU 쿨러의 케이블을 메인보드의 CPUFAN 부분에 연결해야함 CPU 쿨러의 케이블이 CPUFAN이 아닌 SYSFAN에 잘못 연결된 경우 CPUFAN으로 다시 연결해주기 CPUFAN 커넥터가 비어있는 경우 바이오스 화면에 들어가 'CPU FAN ERROR' 항목이 있다면 무시(Ignore)로 설정하면 해결됨 2️⃣ CPU 팬 회전속도가 낮은 경우 쿨링팬의 경우 최저 RPM이 낮게 설정되어 있는 경우 바이오스 설정에서 CPU Fan Speed Lower Limit를 Ignore로 설정해주는것으로 해결가능
[windows 설정] 윈도우 10 로그인 암호 삭제
2021. 5. 25. 20:13
프로그래밍/관련 정보
windows 부팅시 설정된 암호를 없애고 싶은 경우 ❓ 모든 방법을 다 해봐도 암호 없이 부팅하는 것이 불가능해서 윈도우 재설치를 통해서 해결했음 순서 👇 1️⃣ 윈도우 재설치 ssd 파일 날아가는 것이 불안한 경우 백업 권장 2️⃣ 윈도우 재설치시 꼭 오프라인 계정 클릭하기 아래 사진에서 오프라인 계정 클릭하기🌞 3️⃣ 비밀번호 입력 비워두기 비밀번호 입력 하면 ❌ 이 상태로 윈도우 재설치 하면 비밀번호 입력없이 부팅가능🎉
nodemon 설치 및 실행
2021. 5. 24. 20:34
프로그래밍/NodeJS
🔧 설치하기 다음 명령어를 이용하여 설치한다. (-dev를 붙이면, development mode, 즉 local에서만 사용하겠다는 의미) npm i -D nodemon 🔧 설정변경 // packge.json "scripts": { "dev": "nodemon app" }, 🔧 실행하기 이후 실행시 node app이 아니라 nodemon app으로 실행됨 npm run dev
MySQL과 시퀄라이즈 연결하기
2021. 5. 21. 20:38
프로그래밍/NodeJS
1. MySQL 설치 & workbench 설치 https://dev.mysql.com/downloads/ MySQL :: MySQL Community Downloads The world's most popular open source database dev.mysql.com MySQL Community Downloads에서 MySQL installer for Windows 설치 혹은 MySQL Community Server 설치 + MySQL Workbench 설치 2. MySQL 조작하기 1️⃣ sequelize, sequelize-cli, mysql2 설치 npm i sequelize sequelize-cli mysql2 여기서 mysql2는 node와 mysql을 연결해주는 driver임 sequ..
morgan 설치 및 사용
2021. 5. 20. 20:18
프로그래밍/NodeJS
morgan❓ NodeJS 서버로 구성된 웹 환경에서는 로그(log)를 관리하기 위한 별도의 서드파티 라이브러리나 툴을 사용할 것을 권장 👉 그 중 많이 사용하는 것이 morgan 로그 관리를 쉽게 하기 위해 사용함(환경에 따른 여러 설정 확인 등) 프론트에서 백엔드로 요청을 보낼때 어떤 요청들을 보냈는지 확인 가능 백엔드에서 디버깅하기 편리함 1️⃣ morgan설치 npm i morgan 2️⃣ import const morgan = require('morgan'); 3️⃣ 사용하기 app.use(morgan('dev')); 4️⃣ 실행 npm run dev
Offset-based & Cursor-based Pagination
2021. 5. 19. 20:42
프로그래밍/NodeJS
❓ Pagination (페이지네이션) 보통 서버에서 데이터를 가져올 때 모든 데이터를 한번에 가져올 수 없음 따라서 서버의 입장에서도 클라이언트의 입장에서도 특정한 정렬 기준에 따라 + 지정된 갯수 의 데이터를 가져오는 것이 필요 이를 흔히 '페이지네이션(Pagination)'이라고 표현하는데, 페이지네이션은 아래와 같은 두가지 방식으로 처리가 가능함 1️⃣ 오프셋 기반 페이지네이션 (Offset-based Pagination) DB의 offset 쿼리를 사용하여 '페이지' 단위로 구분하여 요청/응답하게 구현 2️⃣ 커서 기반 페이지네이션 (Cursor-based Pagination) 클라이언트가 가져간 마지막 row의 순서상 다음 row들을 n개 요청/응답하게 구현 Offset Pagination으로..
도메인이 다를때 쿠키 전달 방법
2021. 5. 18. 22:19
프로그래밍/NodeJS
cors를 활용하여 쿠키 전달 도메인이 다르면 쿠키도 전달 안됨 쿠키를 다른 도메인간에 전달을 하고 싶으면 cors활용하기 1️⃣ app.js에서 credentials: true 추가하기(기본값은 false) app.use(cors({ origin: '*', credentials: true, })); 2️⃣ 프론트엔드 axios사용하는 곳에서도 3번째 인자로 withCredentials: true 추가해주기 function addCommentAPI(data) { return axios.post(`/post/${data.postId}/comment`, data, { withCredentials: true, }); } 3️⃣ 프론트엔드 saga 공통부분 모아놓은 index.js에 axios.defaults...