본문 바로가기

전체 글221

AJAX와 CSV, XML, JSON, YAML "데이터를 저장하고 전송하기 위한 포맷을" 알아볼 거다. 각각의 포맷은 데이터 표현 방식과 사용 목적에 따라 장단점이 있어서, 필요에 맞는 포맷을 선택하는 게 중요하다. 이번 포스팅에서는 대표적인 데이터 포맷인 CSV, XML, JSON, YAML 그리고 AJAX에 대해 살펴보겠다. ㅇCSV(Comma-Separated Values): 콤마 기준각 행은 레코드를 나타내며, 각 필드는 쉼표로 구분된다. 주로 스프레드시트 프로그램이나 데이터베이스 간의 데이터 이동에 사용된다.이름,나이,직업,도시홍길동,30,개발자,서울김철수,25,디자이너,부산이영희,28,마케터,대구장점단순성: 구조가 간단하여 작성과 읽기가 용이하다.호환성: 대부분의 데이터 처리 도구와 프로그램에서 지원된다.경량성: 불필요한 메타데이터가 없어.. 2024. 10. 4.
드론 서버 개발 관련 유용한 링크들 1. Mobius 서버 깃허브(중요)https://github.com/IoTKETI/Mobius GitHub - IoTKETI/Mobius: oneM2M IoT Server PlatformoneM2M IoT Server Platform. Contribute to IoTKETI/Mobius development by creating an account on GitHub.github.comdoc 디렉터리에 있는 가이드 문서를 잘 읽어보자   2. MAVLink 메시지 parser http://mavlink.iotocean.org/ MAVLink-Parser mavlink.iotocean.org1. MAVLink 메시지 디코딩 및 파싱사용자는 MAVLink 메시지를 입력하면, 이 메시지를 디코딩하고 해석된 데.. 2024. 10. 4.
렌더링 - CSR과 SSR (w/TTV, TTI) ㅁ렌더링(Rendering): 컴퓨터가 데이터를 시각적으로 변환하여 사용자에게 보여주는 과정웹 개발에서 렌더링은 주로 브라우저가 웹 페이지를 구성하는 데이터(HTML, CSS, JavaScript 등)를 받아서, 이를 사용자 화면에 표시하는 과정을 의미한다 렌더링의 종류 2가지1. 클라이언트 사이드 렌더링 (CSR, Client-Side Rendering): 클라이언트(보통 브라우저)에서 페이지를 렌더링하는 방식서버에서 HTML 파일을 기본적으로 빈 상태로 보내고, 클라이언트(브라우저)가 JavaScript를 통해 동적으로 HTML을 구성하는 방식이다. JavaScript가 실행되어 필요한 데이터를 가져오고, 브라우저에서 이를 해석하여 화면을 구성하게 된다. 작동 방식:사용자가 웹 페이지에 접속하면, 서.. 2024. 10. 2.
[UNIX/Linux] ep3+) 저수준 파일 입출력 함수 실습 ex1. 저수준 파일 입출력을 이용해 파일을 복사하는 프로그램을 작성하시오. 이때 파일명은 명령행 인자로 받는다../ex test.txt test.bak#include #include #include #include int main(int argc, char* argv[]) { if (argc != 3) { printf("Usage: ex1 src target\n"); exit(1); } int rfd, wfd, n; char buf[256]; rfd = open(argv[1], O_RDONLY); if (rfd == -1) { perror("Open "); exit(1); } wfd = open(argv[2].. 2024. 10. 2.
웹 서버와 WAS(Web Application Server) https://claremont.tistory.com/entry/%EC%A0%95%EC%A0%81-%EC%BD%98%ED%85%90%EC%B8%A0%EC%99%80-%EB%8F%99%EC%A0%81-%EC%BD%98%ED%85%90%EC%B8%A0 정적 콘텐츠와 동적 콘텐츠정적 콘텐츠와 동적 콘텐츠는 웹 애플리케이션에서 서버가 클라이언트에게 제공하는 두 가지 주요 유형의 콘텐츠이다. 이 두 가지는 처리 방식과 사용자에게 보여지는 방법에서 큰 차이가 있다claremont.tistory.com위의 내용을 먼저 숙지하고 오자!  ㅁ웹 서버: 주로 정적 콘텐츠(HTML, CSS, 이미지, JavaScript 파일 등)를 클라이언트에게 제공하는 역할클라이언트가 웹 페이지를 요청하면, 웹 서버는 미리 준비된 정적 .. 2024. 10. 1.
정적 콘텐츠와 동적 콘텐츠 정적 콘텐츠와 동적 콘텐츠는 웹 애플리케이션에서 서버가 클라이언트에게 제공하는 두 가지 주요 유형의 콘텐츠이다. 이 두 가지는 처리 방식과 사용자에게 보여지는 방법에서 큰 차이가 있다. 정적 웹은 페이지가 만들어진 최종본을 보여주고 동적 웹은 수시로 바뀌는 데이터를 DB로부터 받아서 그때그때 다른 화면을 보여준다. 보여주어야할 데이터가 자주 바뀌지 않는 성질을 가진다면 정적 웹을 구축하고 보여주어야 할 데이터가 상시로 바뀌는 성질을 가진다면 동적 웹을 구축하면 된다. 정적 콘텐츠 (Static Content)정의: 미리 서버에 저장된 콘텐츠로, 모든 사용자에게 동일한 형식과 내용으로 전달되는 콘텐츠특징:서버 처리 없이 직접 전달: 서버에서 미리 준비된 파일을 클라이언트에게 그대로 전달한다. 추가적인 연산.. 2024. 10. 1.
MVC 패턴(Model-View-Controller Pattern) MVC패턴은 디자인 패턴 중 하나이다애플리케이션을 세 가지 주요 컴포넌트로 분리하여 관리하고 이를 통해 코드의 재사용성, 유지보수성, 확장성을 높인다구조는 쉽게 말하면, View 단과 Model 단이 있고 그 사이에 Controller 단이 껴서 중재하는 구조이다 MVC 패턴의 구성 요소Model (모델)역할: 애플리케이션의 핵심 데이터와 비즈니스 로직을 담당한다. DB와의 상호작용, 데이터의 생성, 수정, 삭제 등의 작업을 수행예시: 사용자 정보, 상품 목록, 주문 내역 등 실제 데이터와 관련된 부분View (뷰)역할: 사용자에게 데이터를 표시하는 UI 역할을 한다. 사용자 인터페이스 요소(HTML, CSS, JavaScript 등)를 생성하여 데이터를 시각적으로 표현예시: 웹 페이지의 템플릿, 대시보.. 2024. 10. 1.
[UNIX/Linux] ep3) 저수준 파일 입출력 ㅁ파일(file): 관련 있는 데이터의 집합으로, 저장 장치에 일정한 형태로 저장데이터를 저장하는 데는 물론 데이터를 전송하거나 장치에 접근하는 데도 사용특수 파일의 생성과 삭제 및 입출력은 특수 파일별로 약간씩 차이가 있다  ㅁ저수준 파일 입출력: 시스템 호출(System Call)• 리눅스 커널의 시스템 호출을 이용해 파일 입출력을 수행• 시스템 호출을 이용하므로 파일에 좀 더 빠르게 접근할 수 있는 장점• 또한 바이트 단위로 파일의 내용을 다루므로 일반 파일뿐만 아니라 특수 파일도 읽고 쓸 수 있음• 바이트 단위로만 입출력을 수행 가능하므로 응용 프로그램 작성 시 다른 추가기능을 함수로 추가 구현 해야 함• 열린 파일을 참조할 때 파일 기술자(fd) 사용  ㅁ고수준 파일 입출력: C언어 표준 함수•.. 2024. 9. 30.
[UNIX/Linux] ep2+) 파일 함수 실습 ex1. 명령행 인자로 받은 파일의 크기를 알려주는 프로그램을 작성하시오#include #include #include #include #include int main(int argc, char* argv[]) { if (argc == 1) { printf("usage: ex1 filename\n"); exit(1); } struct stat statbuf; stat(argv[1], &statbuf); printf("SIZE = %d\n", (int)statbuf.st_size); return 0;}   ex2. 명령행 인자로 받은 파일의 종류를 출력하는 프로그램을 작성하시오#include #include #include #include #.. 2024. 9. 26.