lahuman & jabsiri 노트 lahuman & jabsiri 노트

jenkins 설치는 Install and Configure Jenkins on Amazon AMI (Part II)를 참고 하면 쉽게 할 수 있습니다. 설치의 간단한 명령어만 정리 해두겠습니다. # JDK 1.8 이상 설치 # 기존 1.7 설치가 되어 있을 경우 삭제 $ sudo yum remove java-1.7.0-openjdk $ sudo yum install java-1.8.0 # 업데이트 진행 $ sudo yum update -y # jenkins repo 추가 $ sudo wget -O /etc/yum.repos.d/jenkins.repo http://pkg.jenkins-ci.org/redhat/jenkins.repo # jenkins key를 추가해서 설치가 가능하도록 설정 $ sudo ..

React 기반의 Storybook에서 css module 사용 설정 기간계 디자인 시스템을 진행하면서 storybook 을 이용하고 있습니다. 이번에 css module을 사용하기 위해서 몇가지 설정을 했는데, 검색에 많은 시간이 걸렸습니다. 들어가기에 앞서서 크게 storybook 설정과 typescript + rollup 설정으로 나뉩니다. typescript + rollup의 경우 배포와 관련이 있습니다. storybook 설정하기 sotrybook설정은 Add loader for .module.css to load CSS modules 내용을 참고하면 쉽게 됩니다. // ./storybook/main.js module.exports = { stories: ['../stories/**/*...

오랜만에 MongoDB를 설치해야 할 일이 생겼습니다. 기존의 MongoDB를 이전설치해야 할 일이 발생했습니다. 기존의 경우 shard와 mongos(router)로 사용했지만, sharding을 하지 않아서 P(Primary)-S(slave)-S(slave) 형식으로 구성하기로 했습니다. 하위 내용을 4.4 번의 AWS LINUX 기준으로 작성되었습니다. 1. repo 파일 생성 root 계정으로 mongodb-org-4.4.repo파일을 생성하고 다음 내용을 작성합니다. vi /etc/yum.repos.d/mongodb-org-4.4.repo [mongodb-org-4.4] name=MongoDB Repository baseurl=https://repo.mongodb.org/yum/amazon/20..

tailwindcss with ReactJS tailwindcss는 html에 class를 이용해서 화면을 구성하는 방식의 css 라이브러리 입니다. 이 방식의 장점은 HTML만으로 직관적인 화면을 구성 할 수 있습니다. ReactJS에서 tailwindcss를 사용하기 위해서는 몇가지 설정을 해야 합니다. 다음 설정을 따라 하면 tailwindcss를 사용할 수 있습니다. 작업을 시작하기 전에 다음 사항을 유의하셔요. nodejs 12.13.x 이상 버젼만 가능합니다. 1. react 프로젝트 생성하기 npx create-react-app my-project cd my-project2. tailwind css 설정하기 npm install tailwindcss@npm:@tailwindcss/postcs..

Workplace Export 워크플레이스의 관리자 패널에서는 특정 Group의 게시글을 export를 제공하지 않습니다. 이 프로젝트는 Workplace의 특정 Group의 게시글을 다운 받는 기능을 제공합니다. 한번에 다운받을 게시글의 수는 .env에서 변경이 가능합니다. 너무 큰 숫자의 경우 Workplace 서버에서 오류가 발생할 수 있습니다. (권장: 100, 최대 : 500, 테스트에서는 1000도 가능하였으나, 오류가 간간히 발생했습니다.) workplace 게시글 + 댓글을 xlsx 형식으로 다운로드 합니다. Screen 그룹 정보 조회 그룹 ID를 기준으로 그룹 정보가 표기 1번째 이후 게시글 다운로드 시 게시글 다운로드 다음 으로 UI 변경 모든 게시글 다운로드 시 알림 표기 잘못된 그..

JSON 데이터를 xlxs 형식으로 다운로드 하기 by ReactJS 일반적으로 json 데이터를 xlsx로 서버단에서 변환하고 response로 쏘아서 다운로드를 하고 있습니다. ReactJS를 사용하면서, 화면내에 있는 데이터를 xlsx로 다운로드 하고 싶어서 찾아보니, file-saver라는 모듈이 있네요. jons을 XLSX형식으로 변환하는 모듈은 xlsx을 사용하였습니다. 예제 #index.jsx import "./styles.css"; import { saveAs } from "file-saver"; import * as XLSX from 'xlsx'; export default function App() { const fileType = "application/vnd.openx..

md5-lite 프로젝트 바로가기 파일을 청크(Chunk) 사이즈 처리를 해서 성능 향상을 목적으로 만들어진 모듈입니다. 파일 크기가 200000byte(0.2MB) 이상일 경우 초기 100000byte (0.1MB)와 마지막 100000byte을 이용하여 md5 hash 처리 합니다. 그보다 크기가 작을 경우 전체 데이터의 전체를 md5 hash 처리 합니다. 사용법은 다음과 같습니다. Installation npm install md5-lite --save yarn add md5-lite bower install md5-lite --save Usage Javascript const {md5Lite} = require('md5-lite'); console.log(md5Lite('...

라즈베리파이에 ubuntu에 k3S 설치 하기 이 글을 읽기 전에 라즈베리파이에 k3s 설치 하기 - 실패기 와 라즈베리파이에 ubuntu 설치 하기 를 읽어 보시기를 추천 드립니다. 또한 라즈베리파이에 ubuntu 설치 하기의 설정 이후 진행 하셔야 합니다. hostsname 설정하기 저는 2대의 라즈베리 파이를 가지고 main(라즈베리4)과 node1(라즈베리3+)으로 구성을 하려고 합니다. 먼저 구분을 하기 위해서 사용하려는 라즈베리파이의 hostname을 변경합니다. sudo vi /etc/hosts # mian / node1 으로 수정그리고 다른 모듈에서 hostsname을 변경하지 못하도록 /etc/cloud/cloud.cfg 파일의 preserve_hostname 옵션을 true로 변경합니다..