목록웹 (104)
개발일기장
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/0gDfB/btraHZi6IZV/fep21b6txNU92CEs1iTmkK/img.png)
https://tlqckd0.tistory.com/18 Node.js에서 RabbitMQ(AMQP) 사용하기. Publish (2) 2021.07.28 - [node.js] - Node.js에서 RabbitMQ(AMQP) 사용하기. 브라우저에서 설정 (1) Node.js에서 RabbitMQ(AMQP) 사용하기. 브라우저에서 설정 (1) 이거 해보려고 이것저것 찾아봤는데 너무 단순하기도 하고,.. tlqckd0.tistory.com 여기서 이어지는 글입니다.. 단순하게 글쓰고 싶었는데 너무 길어진다. Consume은 진짜 간단하다. Exchange랑 Routing key같은거 필요없고, 그냥 원하는 Queue에서 메시지를 받아오기만 하면 된다. 1. consume 함수를 만들자. const consume ..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/cbkY4D/btraImyGR6q/PSHV2X1jIkR5V2ghLONK3K/img.png)
2021.07.28 - [node.js] - Node.js에서 RabbitMQ(AMQP) 사용하기. 브라우저에서 설정 (1) Node.js에서 RabbitMQ(AMQP) 사용하기. 브라우저에서 설정 (1) 이거 해보려고 이것저것 찾아봤는데 너무 단순하기도 하고, 연결된게 없어서 (사실 내가 귀찮아서 구글링 덜함) 직접 해봤음.. 일단 윈도우에서 rabiitmq설치하고 뭐 그러는거 복잡하기도하고 좀 tlqckd0.tistory.com 여기서 이어지는 글입니다. 3초마다 메시지를 보내는 Publish를 만들어보자. 1. 일단 메시지를 보내는 함수를 만든다. const publishToChannel = (channel, { routingKey, exchangeName, data }) => { return ne..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/nOXdU/btraCkIzKce/LXyQJovRa8kkIxWmpFXsCk/img.png)
이거 해보려고 이것저것 찾아봤는데 너무 단순하기도 하고, 연결된게 없어서 (사실 내가 귀찮아서 구글링 덜함) 직접 해봤음.. 일단 윈도우에서 rabiitmq설치하고 뭐 그러는거 복잡하기도하고 좀 그래서 docker위에서 돌리는걸로 했음. 이게 브라우저에서 매니져 할 수 있게하는 PORT랑, Message Queue에 public,consume하는 PORT가 서로 다르니깐 주의하고,, 실행하고 브라우저로 접속하면 이렇게 뜬다. 계정설정은 처음에 docker로 시작할때 아무것도 안하면 guest/guest로 (ID/PWD) 로그인해주자. 근대 AMQP에서 중요한게 Exchange, Queues, Binding임 다른거 예제보니깐 이거에 대해서 말을 잘 안해줘서 고생했음 짧게 정리하자면 1. Exchange라..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/KwRQ9/btq9yNq318n/NhTlcatH97N66kjQcZOunK/img.png)
useEffect(() => { axios .get('/v1/crimedata/incheon') .then((res) => { const year_Data = per_year_crime(res.data, year_list); // res.data.slice(0,12); setOriginData(res.data); setYearSum(Calculate.getYearSum(res.data)); setMonthSum(Calculate.getMonthSum(res.data)); setSumData(Calculate.getYearSum(res.data)); setData_year(year_Data); }) .catch((err) => { console.error(err); }); }, []); 14~18년동안의 ..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/dHx60q/btq9goFLeoC/XlKEsCzcrAgQccpfRTegO0/img.png)
처음에는 그려주는거니깐 useEffect그런거 사용해야하나 싶었는데 그런건 서버나 다른 API에서 가져올때만 그렇게 하고 내부에서는 setData로 집어넣어주는걸로 충분하더라.. function App() { const [data, setData] = useState(OriginData); const [cnt, setCnt] = useState(0); return ( { e.preventDefault(); setCnt(cnt + 1); setData( data.concat({ name: 'Page ' + cnt, uv: 500 + 200 * cnt, pv: 700 + 400 * cnt, }) ); }} > Click 기본 차트 상호작용 추가 ); } 외부에서 이렇게 데이터를 추가해줘도 잘 작동한다. 메모..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/erZacK/btq9pDO74Y0/wbnqVUn1huIDi4TPN5Wmtk/img.png)
import React from 'react'; import { LineChart, Line, CartesianGrid, XAxis, YAxis, Tooltip, } from 'recharts'; const data = [ { name: 'Page A', uv: 4000, pv: 2400, amt: 2400, }, ... ]; const renderLineChart = ( ); const ChartInteraction = () => { return {renderLineChart}; }; export default ChartInteraction; 일단 뭐 데이터랑 설정값만 넣어 주면 지혼자 만들어주는게 파이썬이랑 비슷한 느낌이다.. 실제로는 상호작용이 가능하게 선 위에 마우스올리면 뭐 알려주고 그런것도 t..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/dmowas/btqV8FMjG0F/Rr9xNUH2DOKUpL6ZXJKwuk/img.png)
이거는 JOIN한거 아님.. USER package springJPAStudy.forStudy.domain; import lombok.Builder; import lombok.Getter; import lombok.NoArgsConstructor; import lombok.Setter; import javax.persistence.*; import java.util.ArrayList; import java.util.List; @Entity @NoArgsConstructor @Getter public class User { @Id @Column(name = "user_id") private String id; @Column private String password; @Column private Strin..
ORDER entity를 다시 보면 package jpabook.jpashop.domain; import lombok.Getter; import lombok.Setter; import javax.persistence.*; import java.time.LocalDateTime; import java.util.ArrayList; import java.util.List; @Entity @Table(name="orders") @Getter @Setter public class Order { @Id @GeneratedValue @Column(name = "order_id") private Long id; @ManyToOne(fetch = FetchType.LAZY) @JoinColumn(name = "membe..