[다정다감] 프로그래밍Tips 변수로 도면 그리기 기능

프로그래밍 Tips
프로그래밍에 관한 Tip을 공유하는 곳입니다.

변수로 도면 그리기 기능

이석종

2024-06-24 10:07:03, 조회 : 302, 추천 : 86

- Download #1 :

[크기변환][포맷변환]paradraw.jpg (126.4 KB), Download : 11

LLM의 가장 강력하 기능은 역시 코딩 능력이죠.
사람이 말한 뜻을 이해하고 그것을 코딩으로 만들어내는 능력이야 말로
LLM의 가장 강력한 기능입니다.

그동안 chatGPT나 claude, gemini를 써서 코드를 생성하곤 했습니다.
코딩에 대해서 모르는 사람도 어느 정도의 성과물은 만들어낼 수 있을 정도로
LLM의 코딩 능력은 뛰어납니다. 그리고 계속 발전하고 있습니다.

그런데 지난주에 LLM으로 코딩하기 끝판왕이 나타났습니다.
바로 claude 3.5 sonnet 모델인데
코딩의 결과를 바로 보여주는 기능이 탑재 되었습니다.

그동안 claude가 chatGPT보다 말을 이해하고 문장을 만들어내는
능력이 뛰어나다고들 알고 있었습니다. 그런데 chatGPT에서는 그림도 만들어주고
엑셀파일을 올리고 데이터분석을 시키는 등의 부가적인 기능이 뛰어나서 chatGPT를
많이 사용했던 거 같습니다.

그런데 적어도 코딩에서만큼은 claude 3.5가 chatGPT의 편리성을 앞설 거 같네요.

claude 에게 말로 지시해서 만들어진 프로그램은 아래의 URL에서 사용해보실 수 있습니다.

개념은 사용자에게서 변수명과 값을 입합니다. 그리고자 하는 도형의 제원입니다.

그런다음 절점좌표 계산수식을 입력합니다. 제원 값을 이용해서 입력하면 됩니다.
이미 입력한 절점의 x좌표나 y좌표를 사용하기 위해서 p1.x와 같이 .을 찍은 다음
x나 y를 입력해주면 해당 절점의 성분을 참조할 수 있습니다.

그런 다음 선 연결 정보를 주면 됩니다.
,p1,p2

그리고 도면정보를 데이터로 볼 수도 있습니다.
이 기능은 지금까지 입력한 데이터를 json형식으로 보여줍니다.

여기에서 직접 수정을 해도 됩니다.
j
son형식은 간단합니다. { }로 각 성문이 분리가 되어있고
첫번째 varialbles는 변수 들
두번째 coordinates는 점의 좌표 계산수식
세번째 lines는 선의 연결정보입니다.

아래는 교대를 그린 정보입니다.
아래 내용을 긁어서 텍스트 박스 창에 넣고 그리기 버튼을 누르면
입력된 제원대로 그림이 그려집니다.

변수로 도면그리기 기능 써보기
http://gumifo.org/dev/paradraw/paradraw.html

{
  "variables": {
    "H1": 2,
    "H2": 3,
    "H3": 1.2,
    "B1": 2.5,
    "B2": 2,
    "B3": 1.2,
    "B4": 0.5
  },
  "coordinates": {
    "p1": {
      "x": "0",
      "y": "0"
    },
    "p2": {
      "x": "p1.x",
      "y": "p1.y-H1"
    },
    "p3": {
      "x": "p2.x+B2-B4",
      "y": "p2.y"
    },
    "p4": {
      "x": "p3.x",
      "y": "p3.y-H2"
    },
    "p5": {
      "x": "p4.x+B3",
      "y": "p4.y"
    },
    "p6": {
      "x": "p5.x",
      "y": "p5.y-H3"
    },
    "p7": {
      "x": "p6.x-B3-B2-B1",
      "y": "p6.y"
    },
    "p8": {
      "x": "p7.x",
      "y": "p7.y+H3"
    },
    "p9": {
      "x": "p8.x+B1",
      "y": "p8.y"
    },
    "p10": {
      "x": "p9.x",
      "y": "p1.y"
    }
  },
  "lines": [
    {
      "start": "p1",
      "end": "p2"
    },
    {
      "start": "p2",
      "end": "p3"
    },
    {
      "start": "p3",
      "end": "p4"
    },
    {
      "start": "p4",
      "end": "p5"
    },
    {
      "start": "p5",
      "end": "p6"
    },
    {
      "start": "p6",
      "end": "p7"
    },
    {
      "start": "p7",
      "end": "p8"
    },
    {
      "start": "p8",
      "end": "p9"
    },
    {
      "start": "p9",
      "end": "p10"
    },
    {
      "start": "p10",
      "end": "p1"
    }
  ]
}

추천하기

목록보기