Soony's House

VS code에서 git으로 연동해서 바로 commit - push 를 하던 중실수로 push 를 master로 해버렸고, 현재 레포지토리의 기본 브랜치는 main 인데 쓸모없는 master 브랜치가 생겨 이곳에 다 push가 돼버렸다. (나중에 찾아보니 VS code 터미널에서 바로 작업하는 경우, master이 default branch로 설정된다고 함. ) 그래서 master 에 있는 내용은 전부 main 브랜치로 덮어 씌우는 방법으로 해결보려고 한다. 주의할 점은 : main에 작업한 게 싹 다 사라진다 !! 나는 main 브랜치에는 저장되어있던 내용이 하나도 없어서, 내용을 덮어주고, master 브랜치를 삭제해주려고 한다. 1. VS code > terminal >..

💡유니온 파인드(Union-Find)란 여러 개의 원소가 있을 때, 이들이 같은 그룹(집합)에 속해있는지 확인하고, 두 그룹을 합치는 연산을 빠르게 수행할 수 있도록 도와주는 알고리즘이다. 서로소 집합, 상호배타적 집합(Disjoint-Set)알고리즘이라고도 불린다고 한다. 유니온 파인드를한마디로 다시 정리하면여러 노드가 존재할 때, 선택한 두 노드가 서로 같은 그래프에 속하는지 판별하는 알고리즘이라고 할 수 있다. 💡Find( ) 와 Union ( ) 여러 노드가 주어진다고 할 때, 이들이 cycle로 연결되어 있는지 확인하는 기본 코드를 통해 살펴보자. 1. Find ( a ): X 가 속한 집합의 대표(루트 노드)를 찾는다.즉 부모를 찾고, 부모노드의 부모와 곂칠 경우 경로압축을 한다...

블록체인: 중앙 서버없이 네트워크 참여자들 간에 거래정보를 공유 & 관리하는 분산형 데이터베이스 기술 (= 분산형 DB기술 ) 블록 형태로 묶어 체인처럼 연결하여 각 블록은 이전 블록과 연결됨.변경 및 위 변조가 어렵도록 설계됨.DID : 중앙 기관 없이 개인의 신원을 관리하는 기술암호화폐 장점중개자 제거로 인한 비용 절감보안성(변경 불가) → ‘체인 형태’ 결합각 블록은 이전 블록의 해시값을 포함하고 있어서,하나라도 변경시 전체 체인이 깨진다.투명성 단점개인키 해킹 및 분실 시 해결 어려움데이터 수정 어려움대용량 저장 공간 필요성확장성 문제 ; 전송되는 거래를 처리하는 속도의 저하→ 비트코인과 이더리움의 초당 처리량은 각각 7건과 30건으로,초당 수 천건을 처리하는 visa 카드에 비하면 현저하게 처리..

MCP (Model-Context- Protocol)MCP : AI 모델이 시스템의 중심이 되는 개발 방식모델 중심 (O) 구조 중심 (X)모델 정확도 향상→ 피드백 루프 등 활용 각종 구조를 AI 모델의 성능 개선에 집중모델 성능 모니터링모델 실험, 운영 환경 간 격차 줄이기https://docs.anthropic.com/ko/docs/agents-and-tools/mcp 모델 컨텍스트 프로토콜(MCP) - Anthropic프로토콜에 대해 자세히 알아보고, 서버와 클라이언트를 구축하는 방법, 그리고 다른 사람들이 만든 것들을 발견해보세요.docs.anthropic.com RAG(Retrieval Augmented Generation, 검색 증강생성) → 검색된 결과로 생성형 AI 모델을 보완하여 ..

React로 개발한 프로젝트를 실제 배포하여 다른 사람들과 공유하고 싶을 때, Vercel은 매우 간편하고 강력한 배포 플랫폼이다. React 프로젝트를 Vercel을 통해 배포하는 과정을 단계별로 정리해보자. 💻 1. Vercel이란?Vercel은 프론트엔드 프레임워크와 정적 웹사이트를 빠르고 쉽게 배포할 수 있도록 도와주는 클라우드 플랫폼이다.Next.js의 제작사인 Vercel에서 운영하며, GitHub와의 연동을 통해 CI/CD 파이프라인을 자동으로 구성해준다.즉, SW의 자동화된 개발 및 배포 단계를 진행해줌! + 선택 이유1. 별도의 서버 설정이나 복잡한 배포 과정 없이, 회원가입 후 손쉽게 배포가 가능해서 2. 수정사항 생길 시 github에 push만 해도 자동반영 됨. 2. ..

Vercel, Tomcat, AWS는 모두 웹 서비스를 배포할 수 있는 방법이지만, 사용하는 방식과 목적, 복잡도, 대상 사용자층이 다르다. 나는 이전에 Tomcat, AWS 를 통해 프로젝트를 배포한 경험이 있었다.최근에 Vercel을 통해 프로젝트를 배포하며 서버들에 대해 정리를 하고 넘어가보고 싶어졌다.Aka. 프로젝트 별 최적의 서버를 찾아... 각 서버 플랫폼을 기능, 편의성, 유연성, 성능, 사용 사례 측면에서 비교해보자 ☺️ Vercel특징: 서버리스(Serverless) 기반 플랫폼. 정적 사이트 및 프론트엔드 프레임워크에 최적화.장점:React, Next.js 프로젝트에 최적화되어 있음GitHub 연동으로 자동 배포 (CI/CD 내장)무료 플랜 제공서버 설정 없이 배포 가능단점:..

커밋 메시지를 변경하기 위해 자식커밋쌍방향 재배치 를 클릭했는데 텅 비어있다. . Sourcetree에서 자식커밋 쌍방향 재배치(Interactive Rebase)가 나타나지 않는 이유 1. 브랜치가 HEAD 상태가 아닌 경우반드시 로컬 브랜치에 체크아웃되어 있어야 한다.Detached HEAD 상태에서는 해당 메뉴가 비활성화된다. → Sourcetree 상단에서 현재 브랜치가 정상적으로 선택되어 있는지 확인해야 한다. 2. 현재 브랜치에 커밋 수가 부족한 경우쌍방향 재배치는 최소 두 개 이상의 커밋이 존재해야 실행할 수 있다.커밋이 1개 이하일 경우, 메뉴가 나타나지 않는다. 3. 메인 브랜치(main/master)에서 실행한 경우 일반적으로 rebase는 기능 브랜치(featur..

Node.js는 JavaScript를 사용하여 서버 사이드 애플리케이션을 개발할 수 있는 런타임 환경이다. 간결하고 유연한 개발 환경을 갖추기 위해, 프로젝트 초기 설정은 매우 중요하다. Node.js 프로젝트를 처음 시작할 때 필수적으로 진행해야 할 설정 과정을 정리해보자☺️ 1. Node.js 설치Node.js를 설치하기 위해서는 공식 웹사이트에서 설치 파일을 다운로드하거나, nvm(Node Version Manager)을 사용하는 것이 좋다. nvm을 사용하면 여러 버전의 Node.js를 쉽게 관리할 수 있다.# nvm 설치 (Mac/Linux 기준)curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.4/install.sh | bash# 원하..

💡최적화 코테를 준비하면서도, 애플리케이션 개발을 하면서도 항상 신경써야한다고 누누히 들은 코드 최적화.. ! 두둥.. 리액트 애플리케이션을 개발할 때 역시 마찬가지이다. 리액트에서는 '렌더링과 연산'이 성능에 큰 영향을 미친다.특히, 상태( state) 가 변경될 때마다 불필요한 연산이나 렌더링이 반복되면 전체 성능이 저하될 수 있다. 리액트 최적화를 위해 지양해야할 요소들은 아래와 같다. 1. 불필요한 렌더링2. 컴포넌트 내부의 불필요한 연산3. 컴포넌트 내부의 불필요한 함수 재생성 이중 useMemo 훅은 React의 불필요한 연산을 막아 최적화한다. 💡useMemo : 특정 연산의 결과를 메모이제이션(memoization) 하여 불필요한 연산(재연산)을 방지하는..

목차1. React.memo 메서드1-1. 커스텀 비교함수2. useCallback 💡1. React.memo 메서드저번에 useMemo 훅으로 불필요한 연산을 막았다면,React.memo는 불필요한 리렌더링을 막아주는 내장함수이다. : 함수형 컴포넌트를 메모이제이션(memoization) 하여, props가 변경되지 않으면 컴포넌트를 리렌더링하지 않는 기능을 수행한다. 기본형태는 아래와 같음.import { memo } from 'react';const MyComponent = (props) => { // ...};export default memo(MyComponent); props가 얕은 비교(shallow comparison)로 동일한 경우 해당 컴포넌트는 리렌더링되지 않는다. ..