개발자의 개발 블로그

brew cask install workbench는 에러가 납니다.

$ brew cask install workbench

Error: Unknown command: cask

2021년 현재는, 다음과 같이

brew install --cask workbench

를 사용해야 합니다. ㅋㅋ

+ 방금 설치했는데...

brew install --cask workbench를 하면, 이상한 것이 설치됩니다.

mysql 워크벤치를 설치하고 싶다면,

brew install --cask mysqlWorkbench

로 해야합니다..!

동적으로 바꾸고 싶을 때, 자바스크립트를 사용할 수 있다.

그럴 경우,

let htmlStr = "";

let htmlStr = '';

htmlStr += `
                     
                        <ol>
                          <li>테마</li>
                          <li>이름</li>
                          <li>평점</li>
                          <li>썸네일</li>
                          <li>제목(title)</li>
                          <li>주인공이름</li> 
                        </ol>
                        
                        <br />
                        ....
                        `;
                        
var list = document.getElementById("list");
list.innerHTML = htmlStr;

이런식으로 div부터 문자열로 만든 뒤, HTML의 div에 한번에 넣을 수도 있다.

    <div id="list"></div>

에, 삽입된다.

또는, HTML에서 구조를 먼저 레이아웃을 만든 뒤, id를 일일히 불러 삽입할 수 있다.

https://coupa.ng/b3PHrb

"이 포스팅은 쿠팡 파트너스 활동의 일환으로, 이에 따른 일정액의 수수료를 제공받습니다."

https://www.10000duck.com/ducks/45

1. 로그인을 한다.

2. 메인 홈페이지 신고/납부 -> 세금신고 -> 부가가치세로 들어간다.

3. 부가가치세 신고 화면이 나오는데, 일반과세자인지, 간이과세자인지 선택한다. 

일반과세자에 정기신고(확정/예정)을 선택한다.

4. 기본 정보 입력하기가 나온다. 여기서 할건 별로 없다.

사업자 > 사업자등록번호 확인을 누르면 아래 자동으로 생성된다.

저장 후 다음으로 이동 버튼을 선택한다.

만약, 실적도 없고 매출 등도 없으면 무실적 신고 버튼을 클릭해준다.

5. 입력서식 선택 화면으로 왔다... 왠만한 것은 기본적으로 선택이 되어있으므로, 다음을 눌러도 된다.

6. 신고내용(앞쪽) 화면이 나온다... 여기서 부가세를 신고하는 것이다.

먼저,

과세표준 및 매출세액 > 과세 세금계산서 발급분 쪽에서 작성하기 버튼을 누르면 작성 페이지로 이동하게 된다.

result : [
  Campain {
    dataValues: { .... },

_previousDataValues: { ... } ,

    _changed: Set(0) {},
    _options: {
      isNewRecord: false,
      _schema: null,
      _schemaDelimiter: '',
      raw: true,
      attributes: [Array]
    },
    isNewRecord: false
  }
]

이렇게 나온다...

나는 dataValues에 든 값만 원하는데... 

접근하기도 어렵고 왜 이런 쓸데없는 것까지 나오는 것일까?

https://stackoverflow.com/questions/46380563/get-only-datavalues-from-sequelize-orm

해결책은 여기.

모델 인스턴스가 아닌,  데이터만 반환하기 위해서는 

raw: true를 

findAll({

시작하자마자 작성해주자. 그러면, 된다. 

dataValues만 나오는 것을 확인하자. 이것이 내가 원하는 데이터이다. 오호~

이렇게  배열안에 객체가 여러개 있을 경우, 값을 어떻게 갖고 올까? 물론 값을 직접 찍어서 보여줄 수도 있다.

arrname[0].title (첫 번째 객체의 title이라는 값) 이렇게 불러올 수 있다.

하지만, 어떻게 일일히 저렇게 쓸까... 불가능하다.

따라서, 자바스크립트 배열 안에 존재하는 객체를 처리하는 것을 알아봐야한다.

const student = [
  { "name": "jang", "age": 31 },
  { "name": "hong", "age": 25 },
  { "name": "jung", "age": 45 }
];

워크벤치를 설치했습니다.

사용하려고 했는데 글씨가 인간적으로 너무 작았습니다.

 그래서 글자를 키워보려고합니다.

폰트 또는 폰트 크기 변경하려면

1. 상단에 MySQLWorkbench > Preferences를 눌러준다

2.창이 뜨면, 왼쪽 메뉴 중 Font로 이동합니다.

3. 뒷쪽 숫자를 높여준다.

 원하는 폰트 + 띄어쓰기 + 폰트 크기 구조인데, 나는 폰트는 잘 모르므로 크기만 변경하고 한다.

대략 20으로 키워주고 OK를 눌러주면 된다

윗쪽이 SQL Editor

아래쪽이 Result Grid이다.

근데, 컬럼명 부분은 바뀌지 않는다.... 

HTML와 자바스크립트로 뭔가를 테스트할 일이 생겼다.

그런데, 문제가 있었다. 많이 까먹었다는 것이다.

일단,

자바스크립트로 서버에 접속해 데이터베이스에서 값을 가져오는 것까지 성공을 했다.

그런데, HTML에 그 값을 찍어보고 싶은데 어떻게 하더라???

"HTML에서 자바스크립트 변수를 어떻게 사용하더라? 어떻게 불러오지?"

검색을 해봤다... 그 결과 결론은

HTML은 프로그래밍 언어가 아니라 마크업 언어기 때문에 단지, 페이지의 구조(모양)을 나타내는 역할을 한다.

따라서, HTML에서 변수를 불러와서 호출할 수 없다.  자바스크립트에서 HTML태그에 값을 넣어줄 뿐이다.

...

그랬다. 맞다. 생각났다. 알고 있었다. 진짜다. 

const name = document.getElementById("name").value;

이런식으로 HTML의 id를 호출해서 값을 받아올 수도 있고, 넣는다.

django나 ruby 언어의 경우, 관리자페이지를 쉽게 세팅할 수 있다.

그런데, 노드의 경우 그런 것을 보지 못했다. 그래서 검색을 한 결과 

Adminbro라는 툴? 

AdminBro는 프레임워크를 이용하여 경로를 랜더링하므로, 설치를 해야한다. 목록은 다음과 같다.

• Express
• Hapi
• Koa.js
• Nest.js

나는 익스프레스를 사용하고 있다.

설치 

1.  npm install admin-bro @admin-bro/express

2. npm install express express-formidable

사용

맨 위에 불러온다. AdminBro관련 코드를...

const AdminBro = require('admin-bro')

const AdminBroExpress = require('@admin-bro/express')

전체 코드는 다음과 같다.

const AdminBro = require("admin-bro");
const AdminBroExpress = require("@admin-bro/express");

const express = require("express");
const app = express();

const adminBro = new AdminBro({
  databases: [],
  rootPath: "/admin",
});

const router = AdminBroExpress.buildRouter(adminBro);
app.use(adminBro.options.rootPath, router);
app.listen(8080, () => console.log("AdminBro is under localhost:8080/admin"));

일단, Adminbro를 띄우는 코드이다. 그런데, 다음과 같은 에러가 발생했다.

Error: Cannot find module 'tslib'

tslib 모듈을 찾을 수 없다. 

찾을 수 없으면? npm으로 설치해주면 된다.

해결 방법 : npm i tslib

후, 실행하니 정상적으로 떴다. 오예...음 이제 시작할 준비는 끝났다. 이제 적용해보자.