MCP(Model Context Protocol)
1. MCP(Model Context Protocol) MCP는 2024년 11월에 앤트로픽에서 발표하였으며 애플리케이션이 LLM에 컨텍스트를 제공하는 방식을 표준화하는 개방형 프로토콜입니다. 앤트로픽은 MCP가 AI의 ‘USB-C’ 포트와 같다고 설명했습니다. USB-C가 다양한 주변 기기 및 액세서리에 기기를 연결하는 표준화된 방식을...
코스모스
정렬 알고리즘
1. 버블 정렬(Bubble Sort) 서로 인접해 있는 요소 간의 대소 비교를 통해 정렬한다. 버블 정렬은 정렬 알고리즘 중 가장 단순한 알고리즘으로, 단순한 만큼 비효율적이다. ✔️ 시간 복잡도: 최고, 평균, 최악 모두 O(n^2) ✔️ 공간 복잡도: O(n) def bubble_sort(array): for i in r...
Next.js는 왜 서버 컴포넌트에서 데이터 호출을 권장할까?
Next.js 13 서버 컴포넌트 Next.js 13부터 app/ 디렉토리와 함께 등장한 서버 컴포넌트(Server Components)는 많은 변화를 가져왔습니다. 그 중 하나가 바로 데이터 패칭의 위치에 대한 새로운 권장 방식입니다. 타입 설명 서버 컴포넌트 ...
랜카드(LAN Card, NIC - Network Interface Card)
1. 환경에 따른 분류 용도 설명 이더넷(Ethernet)용 가장 일반적인 랜카드, 현재 대부분 사용. 유선 LAN 환경에서 사용. 토큰링(Token Ring)용 IBM 계열 네트워크에서 사용되던 방식, 현재는 거의 ...
Unicast, Broadcast, Multicast, Anycast
출처: https://sharplee7.tistory.com/105 Unicast one-to-one - 출발지와 목적지가 정확해야 하는 일대일 통신 대상의 MAC address가 아닐 시 drop하기 때문에 다른 PC들의 성능을 저하하지 않는다. Broadcast one-t...
flex-1에 스크롤이 생기지 않는다면?
❗ 문제 상황 <body class="h-screen flex flex-col"> <header class="h-16 bg-gray-200">헤더</header> <main class="flex-1 overflow-y-auto bg-white"> <div class="h-[2000...
자연어 처리(NLP)와 트랜스포머
자연어 처리(Natural Language Processing) NLP는 인간의 언어(human language)와 관련된 모든 것을 이해하는 데 중점을 둔 언어학 및 기계 학습의 한 분야입니다. NLP 작업은 단일 단어를 개별적으로 이해하는 것은 물론 해당 단어의 컨텍스트, 즉 주변 문맥도 함께 이해할 수 있도록 하는 것을 목표로 합니다....
인공지능(AI), 머신러닝, 딥러닝 개념
1. 인공지능, 머신러닝, 딥러닝 개념 인공지능(Artificial Intelligence) 인간의 지능을 모방하는 기술을 총칭하며, 3가지 개념 중 가장 큰 범위를 가집니다. 머신러닝(Machine Learning) 인공지능을 구현하는 방법론 중 하나입니다. 컴퓨터가 데이터로부터 패턴을 학습하여, 명시적인 프로그래밍...
스플래시, 온보딩 페이지 구현하기(React)
Americanote는 웹앱 서비스로 스플레시, 온보딩 화면을 제작하게 되었다. 스플레시나 온보딩은 주로 앱서비스에서 사용하는 경향이 있어 웹서비스만 제작하던 나에겐 생소한 개념이였다. 이번 포스트에서는 스플레시, 온보딩의 개념 및 구현 방법에 대해 알아보려한다. 스플래시(Splash) 스플래시는 앱을 실행할 때 가장 먼저 표시되는 화...
네이버 지도 API 사용
사용 목적 아래의 기능 구현을 위해 카페 위치를 표시할 지도 api가 필요하여 naver map api를 사용하게 되었다. 필요한 기능 연남동 주변 카페 위치를 마커 표시 필터가 변경될 때마다 그에 해당하는 카페 표시 매장 상세 모달에서 ‘지도로 이동하기’ 버튼 클릭시 해당 카페 위치로 이...