본문 바로가기

전체 글

(117)
[node] pm2 활용한 서버 클러스터 / 모니터링 https://itmore.tistory.com/entry/PM2%EB%A5%BC-%EC%9D%B4%EC%9A%A9%ED%95%98%EA%B8%B0-%EC%A0%84-%ED%95%99%EC%8A%B5%ED%81%B4%EB%9F%AC%EC%8A%A4%ED%84%B0-%EB%AA%A8%EB%8B%88%ED%84%B0%EB%A7%81 PM2를 이용하기 전 학습(클러스터, 모니터링) 먼저 PM2가 무엇일까요? PM2는 Node.js 애플리케이션의 프로세스 관리를 위해 사용하며, 아래와 같은 이점을 얻을 수 있습니다. 프로그램의 예상치 못한 종료 시 자동 재시작 무중단 서비스 Cluster mod itmore.tistory.com https://dvlpr-chan.tistory.com/61 [Node.js] PM..
[React] recoil 상태관리 라이브러리 사용하기 https://recoiljs.org/ko/docs/introduction/getting-started/ Recoil 시작하기 | Recoil React 애플리케이션 생성하기 recoiljs.org https://ui.toast.com/weekly-pick/ko_20200616 Recoil - 또 다른 React 상태 관리 라이브러리? 많은 React 상태 관리 라이브러리들이 있고, 가끔 새로운 라이브러리가 등장한다. 그러나 페이스북에서 직접 상태 관리 솔루션을 소개하는 것은 흔하지 않다. 이 라이브러리가 어떤 장점이 있고 ui.toast.com 예제 링크1 https://velog.io/@hwanieee/Recoil-%EC%8B%9C%EC%9E%91%ED%95%98%EA%B8%B0 Recoil 사용하기..
[React-Kendo UI] https://www.telerik.com/kendo-react-ui/components/grid/excel-export/ React Data Grid Component & Excel Export | KendoReact Docs & Demos Excel ExportThe KendoReact Data Grid provides options for exporting its data to Excel.To enable the Excel export:Install kendo-react-excel-export package.Copy Codenpm install @progress/kendo-react-excel-export @progress/kendo-licensingImport the ExcelExpor www.t..
[React] react-moment / 날짜 사용하기 https://haranglog.tistory.com/10 [React] 리액트에서 react-moment, moment.js 사용하여 실시간으로 변경되는 시간 만들기 ✔ moment.js Moment js 는 시간이 포함된 데이터를 받아 조작해야 할 경우 가장 많이 사용되는 편리한 라이브러리입니다. 스터디를 모집하는 사이드 프로젝트를 만들 때 사용하였습니다. 현재 시간 haranglog.tistory.com - react moment 사용 예시 현재 날짜 new Date(moment().format("YYYY-MM-DD")) 현재 날짜 + 7 (일주일 뒤) new Date(moment().add(7, "d").format("YYYY-MM-DD")) 현재 날짜 +30 (한달 뒤) new Date(mome..
TypeScript type과 interface의 공통점과 차이점 링크 첨부 https://yceffort.kr/2021/03/typescript-interface-vs-type Home yceffort yceffort.kr 간단한 사용 예시 둘 다 가능하나, interface가 좀 더 사용하기 편한거 같기도 함. 위에 글을 읽어보면 상세하게 정리가 잘 되어 있어 참고하지 좋을 것으로 보인다.
[Vue] Vue 에서 Sass Scss 사용하기 https://swoo1226.tistory.com/181 Vue.js에서 Sass / Scss 사용하기 Vue-cli에서의 SCSS 모듈의 설치와 적용 VueJS에서는 vue-loader 덕분에 Single File Component 구성의 .vue 내에서 style 태그에 lang="scss" 요소만 추가하면 scss를 적용할 수 있다. # scss 관련 모듈 설치 npm.. swoo1226.tistory.com https://velog.io/@function_dh/Vue-scss-%EC%B6%94%EA%B0%80-%EB%B0%8F-%EC%A0%84%EC%97%AD-%EC%8A%A4%ED%83%80%EC%9D%BC-%EC%84%A4%EC%A0%95 [Vue] scss 추가 및 전역 스타일 설정 Vue..
[Web] HTTP 상태 코드[Http response status code] 중요 코드 200번대 - 주로 성공을 의미 200 - 요청 성공 201 - Created 요청 성공 및 새로운 리소스가 생성 딤 204 - No Content 삭제 됨을 알림 - 리소스 삭제 성공 400번대 - 에러 의미 400 - Bad Request - 문법 오류 / 잘못 된 형식 요청 401 - Unauthorized - 비 허가 된 접근 - 인증 필요 403 - Forbiddend - 비허가 된 접근 - 액세서 권한 없음 [여기서 401번과 다른 점은 403의 경우 서버가 클라이언트가 누구인지 알 수 있음] 404 - Not Found - 리소스(DB, 경로)를 찾을 수 없음 409 - Conflict - 현 리소스에 의한 서부 내부 충돌 - 자세하게 더 정리 된 링크는 아래 첨부합니다. - 정리..
[Web] const, let, var 의 차이점 설명 변수 선언하기 https://backstreet-programmer.tistory.com/76 [Javascript] var, let, const 차이(비교) 안녕하세요. 글쓰는 개발자입니다. 오늘은 Javascript 변수선언시 사용하는 var, let, const의 차이를 포스팅하고자 합니다. 관련 자료를 공부하면서 scope, hoisting등의 개념도 접할 수 있었는데요. 이와 backstreet-programmer.tistory.com https://www.yalco.kr/27_scope/ 스코프가 뭔가요? 어려운 프로그래밍 개념들을 쉽게 설명해주는 유튜브 채널 '얄팍한 코딩사전'. 영상에서 다 알려주지 못한 정보들이나 자주 묻는 질문들의 답변들, 예제 코드들을 얄코에서 확인하세요! www.ya..