컴퓨터로 이것저것

1. Create-react-app으로 typescript 시작하자 마자 에러가 났다.. 오늘자 기준 typescript 4.1.2 ... 총체적인 난국인데. 아래와 같은 에러가 발생한다. appTsConfig.compilerOptions[option] = value; ^ TypeError: Cannot assign to read only property 'jsx' of object '#' at verifyTypeScriptSetup (/home/aditya/all/yt/twitter/node_modules/react-scripts/scripts/utils/verifyTypeScriptSetup.js:239:43) at Object. (/home/aditya/all/yt/twitter/node_modul..

일단 다른말 다 귀찮으실테니.. 일단 돌려보면서 몇 가지 개념 잡고 갑시다. -현재 사용중인 도커 버전입니다.(라즈베리파이에서 하고 있습니다.) - 현재 실행중인 컨테이너를 보여준다. 잠깐 개념 잡고 가실께요. - 이미지 보통 우리는 원본의 이미지를 갖게 된다. 이미지는 원본이라고 생각하자. - 컨테이너 우리의 원본 이미지로 실행시킨 녀석이 컨테이너. 이런 컨테이너는 여러 개를 찍어 낼 수 있다. 예를 들어 싱글 쓰레드 기반의 노드 같은 앱을 하나 만들었다면, 컴퓨터에게는 여러 개를 실행 시킬 수 있음으로 여러 컨테이너를 찍어 낼 수 있다. - 이미지 가져오기 docker pull [이미지이름] 대충 이름을 넣으면 최신 버전의 이미지를 가지고 온다. - 이미지 리스트 docker images 여러 개의 ..

다른말 하지 말고 빨리 빨리 알아봅시다. - 한방에 uname -a - 커널 이름 알아보기 uname - 커널 릴리즈 정보 uname -r - 커널 버전 uname -v - 네트워크 호스트 이름 uname -n 또는 uname --nodename - 시스템 하드웨어 아키텍쳐 가져오기 uname -m - 프로세서 유형 uname -p - 하드웨어 플랫폼 uname -i - 운영체제 이름 uname -o - 하드웨어 정보 sudo lshw - 하드웨어 정보(짧게) sudo lshw -short - 하드웨어 정보 -cpu lscpu - 하드웨어 정보 -디스크등 block장치들 lsblk - 하드웨어 정보 -디스크등 block장치들(자세하게) lsblk -a - 하드웨어 정보 - usb lsusb - 하드웨어 ..

사실 이거 왜 쓰나 싶었었는데... 어머... 이건 정말 써야만 해. 개발 환경이 딱 고정된다. 개발환경이 고정되다 보니, 내가 원하는 환경에 맞추어 개발할 수 있다. 공유가 간편해진다. 그냥 넣어서 돌리기만 하면 된다. 마이크로 서비스에 딱이다! 그냥 백단은 백에만 짜고 앞단은 앞에 짜고 서로 통신만 시키면 장땡! 콘테이너 도커에서는 콘테이너의 개념이 중요한데. 하나의 앱이 실행되는 공간이라고 생각하자 이렇게... 생겨먹은 콘테이너들을 계속 쌓는거다. 혹자는 아마도 이렇게 가상머신을 띄우는게 맞는가란 생각을 하게 될텐데. 도커의 콘테이너는 가상머신이 아니다. 왼쪽은 컨테이너, 오른쪽은 가상머신이다. 한번 살펴보면, 왼쪽의 컨테이너에서는 호스트 OS에 도커 위에 다양한 컨테이너들이 생성되는 것이다. 이와..

라즈베리파이 5대를 구성해서 클러스터를 만든다. swarm을 쓰자. k8s는.... 음... 어렵다. 그냥 스웜 쓸래.. 먼저 매니저를 만들어야 한다. docker swarm init --advertise-addr 192.168.1.241뒤에 아이피는 적당히들 변경해서 쓰면 되겠다.. 이후에 이렇게 나타난다. Swarm initialized: current node (jz066367zfnx2xw3g5aw1hp6b) is now a manager. To add a worker to this swarm, run the following command: docker swarm join --token SWMTKN-1-1eapxk45gfqidlje12zygnzb3w25wijw3sqyxxijiuwgjau0om-3n..

sudo apt-get 도커를 해도 되지만. curl -s https://get.docker.com | sudo sh 이 명령으로 하면 최신 버전이 깔린다. docker -v 명령으로 먼저 버전이 어떤지 보자. 이제 가장 기본적인 명령을 쳐 봅시다. docker ps ..... Got permission denied while trying to connect to the Docker daemon socket at unix:///var/run/docker.sock: Get http://%2Fvar%2Frun%2Fdocker.sock/v1.40/containers/json: dial unix /var/run/docker.sock: connect: permission denied 라고 오류를 뿜뿜 이런 경우에..

React에서 다중이로 만들기 이전 게시글에서 일단 React를 통해 컴포턴트 하나를 띄우는 것을 해보 았다. 이번엔 React컴포넌트의 기본을 보고, 이를 멀티로 바꾸어보는 작업을 해 보자. React 기본 구조 import React from "react"; import ReactDOM from "react-dom"; class Layout extends React.Component{ //모든 컴포넌트들은 React.component를 상속받아 확장한다. render(){ //렌더를 통해서 컴포넌트를 그리게 된다. return ( //리턴을 통해서. 하하 //리턴을 통해 html 태그들을 보낼 수 있다. ); } } //id가 app이라는 녀석을 찾아서 const app = document.getEl..

React tutorial 개발환경 꾸미기 내가 왜 이걸 쓰고 있는지는 잘 모르겠다. 여튼 React에 관해서 알아보실 분들은 다른 사이트에 많이 있으니 참고하시고, 빠르게 node.js 를 통해서 개발해 보도록 하자. * Nodejs나 webpack 같은 기술 스택은 설명하지 않습니다. 왜냐하면, 저도 모르기 때문입니다. 일단 package.json 파일은 다음과 같다. { "name": "react-tutorials", "version": "0.0.0", "description": "", "main": "webpack.config.js", "dependencies": { "babel-loader": "^6.2.0", "babel-plugin-add-module-exports": "^0.1.2", "b..

고집센 개구리 아이가 아푸다. 나도 기분이 매우 다운된다. 게다가 잘 먹던 약도 안먹는다. 약을 안먹으니 열이 엄청나게 올라가고 있다.힘들다. 어째거나…오늘 아는 형님이 문제 하나를 보여줬는데 거기에 양교수님 성함이 들어있었다. 찾아 뵙지도 못하고 송구하기만 하다. 근데 문제가 은근히 재미있었다. 내 수준이 낮으니 재미있었다가 맞겠다. 일단 문제부터 보자. 문제 두 개구리 가족이 징검다리를 건너다 돌 하나를 사이에 두고 서로 마주쳤다. 좁은 징검다리여서 한 가족이 뒤로 돌아 나와서 비켜주어야 지나갈 수 있지만 개구리들은 고집이 세어서 서로 비켜주려하지 않는다. 어느 개구리도 뒤로 돌아가지 않고 가던 길을 계속 갈 수 있도록 하려면 어떻게 해야 하는가? 목표 최소의 움직임으로 왼쪽에 서 있던 개구리들을 오..

탕수육 게임…. 이 포스팅을 레크레이션의 달인 남모 교사에게 바칩니다.(넌 정말 짱이었어..) 문득 남모 교사가 탕수육 게임을 만들어 왔길래.. 교육에 투입해도 재미있을 것 같아서 포스팅 합니다. 문제 : 탕수육 게임을 만들기 라는 문제를 해결하기라고 아이들에게 과제를 주었을 때 아이들의 대부분의 반응은 이런 표정일 것이라 예상 됩니다. 뭐.. 그렇죠. 학생들에게 가장 먼저 가르쳐야 할 것은 만드는 기술이 아니라고 생각합니다. 가르쳐야 할 것은 문제를 해결하는 방법이겠죠. 위와 같은 문제를 제시했을 때 대부분의 아이들은 손을 놓아버릴 것입니다. 왜 그럴까요? 우리도 마찬가지로 어떤 문제를 접했을 때 문제의 크기가 너무 크다면 멘탈이 나가는 것과 비슷한 이치일 것입니다. 저 문제는 해결이 불가능하거든요…...