분류 전체보기

    [ROS2] Topic

    🤖 ROS2 Topic ROS 그래프는 동시에 데이터를 함께 처리하는 ROS 2 요소의 네트워크입니다. 모든 실행 파일을 매핑하고 시각화하려면 모든 실행 파일과 실행 파일 간의 연결을 포함합니다. ROS의 각 노드는 단일 모듈 목적(ex. 휠 모터 제어, 레이저 거리 측정기의 센서 데이터 게시)을 담당합니다. 각 노드는 주제, 서비스, 작업 또는 매개변수를 통해 다른 노드와 데이터를 보내고 받을 수 있습니다. 로봇을 생각해봤을때 시각 기능, 물건을 집는 로봇 팔 기능 등 다양한 기능이 있는데 각 노드가 하나의 기능을 담당하는 것입니다. ROS2는 복잡한 시스템을 여러 모듈식 노드로 나눕니다. Topic은 Node가 Message(data)를 교환하는 버스 역할을 하며, Pub-Sub 형태의 Communi..

    [ROS2] ROS2 설치

    🤖 ROS2 ROS(로봇 운영 체제)는 로봇 애플리케이션을 구축하기 위한 소프트웨어 라이브러리 및 도구 세트입니다. 아래의 링크에 접속하면 다양한 버전의 ROS2가 있는데 HUMBLE HAWKSBILL을 선택해줍니다. https://docs.ros.org/ ROS Documentation docs.ros.org 가장 안정적이며 27년까지 유지보수되어 다른 ROS2보다 길게 사용할 수 있습니다. 설치 과정에 대해 더욱 자세하게 설명하고 싶지만 Docs를 참고하여 설치하는 것을 추천합니다. https://docs.ros.org/en/rolling/Installation.html Installation — ROS 2 Documentation: Rolling documentation You're reading ..

    [Algorithm] Sort(Selection, Insertion, Bubble)

    🚗 Selection Sort 선택 정렬을 데이터 중 가장 작은 값의 데이터를 선택하여 앞으로 보내는 정렬이다. Selection Sort is a sort that selects the data with the smallest value and sends it forward. Time complexity $ = N + (N-1) + (n-2) + ... + 2 + 1 $ $ = \frac{N(N+1)}{2}\ $ $ = N * N $ $ = O(N^2) $ Best : $N(O^2)$ Average : $N(O^2)$ Worst : $N(O^2)$ #include using namespace std; void selectionSort(int arr[], int n) { for (int i = 0; i ..

    [LOLPAGO] 검색 창 구성(3)

    🚗 타 사이트 참고 우선 한국의 유저들에 대해서만 검색이 되도록 하겠지만 다른 서버도 선택할 수 있도록 UI를 구성해놓도록 한다. 해당 사이트를 참고했을 때 클릭했을 때 화살표 방향이 바뀌면서 'KR', 'EUW', 'NA'가 보인다. 우리도 마찬가지로 클릭했을 때 서버를 선택할 수 있도록 해보자. 이를 위해서 SearchServer라는 파일을 생성해주도록 하겠다. 해당 컴포넌트에서는 클릭을 했을 때 다른 서버로 변경되어야 하므로 useState를 써야 한다는 것을 알 수 있다. 또한 화살표를 사용해야한다. 이전 Icon을 만들 때 방향을 설정해두었는데 여기서 사용된다. 🚓 contents KR, EUW, NA를 콘텐츠로 설정하여 가지고 올 수 있도록 설정한다. 아래의 파일해 해당 코드를 추가한다. 이제..

    [LOLPAGO] 검색 창 구성(2)

    🚗 파일생성 SearchBar를 구성하기위해 파일을 생성해준다. 또한 컴포넌트로 사용해야하므로 index.js에도 마찬가지로 export해준다. SearchBar에서 담당해야 할 역할은 검색 바의 UI를 구현한다. 마찬가지로 styled-components를 이용하여 UI를 구성하고 검색 아이콘을 통해 클릭했을 때 검색이 되도록 설정한다. 🚓 Icon 검색 이미지는 돋보기 모양을 사용한다. images폴더 아래에 Search라는 svg파일을 생성해두었다. 우선은 Search1를 사용하겠다. 이런 Icon들을 사용하기 위해 component/icon 폴더를 생성하고 스타일을 지정해준다. Icon 컴포넌트를 사용한 아이콘들은 커서를 가까이 가져갔을때 커서의 모양이 선택 모양으로 바뀌도록 설정한다. 크기 또한..