전체 글

IT 개발 기술 & 일상 정보 블로그
·개발
Docker Hub Registry 란?https://hub.docker.com/_/registry registry - Official Image | Docker HubDocker Official Images are a curated set of Docker open source and drop-in solution repositories. Why Official Images? These images have clear documentation, promote best practices, and are designed for the most common use cases.hub.docker.com Docker의 공식 레지스트리는 Docker 이미지를 저장하고 배포할 수 있는 서버 역할을 합니다. 사용자는..
·개발
GitLab에서 Merge 요청을 수락할 때 두 가지 옵션인 "Delete source branch when merge request is accepted"와 "Squash commits when merge request is accepted"를 선택하면 각기 다른 기능을 수행하게 됩니다. 이 두 가지 기능이 어떻게 다른지 자세히 설명하겠습니다.기능 1: "Delete source branch when merge request is accepted"이 기능은 Merge 요청이 수락될 때, 병합된 소스 브랜치를 자동으로 삭제하는 기능입니다.목적: 병합이 완료된 후 더 이상 필요하지 않은 브랜치를 정리하여 리포지토리를 깔끔하게 유지하기 위함입니다.효과:리포지토리에 불필요한 브랜치가 남아 있지 않도록 관리할 ..
·개발
Hook 종류 설명useState컴포넌트 상태를 관리카운터, 폼 입력 값 관리const [count, setCount] = useState(0);useEffect컴포넌트의 사이드 이펙트를 관리데이터 페칭, 구독, DOM 업데이트useEffect(() => { document.title = count; }, [count]);useContext컴포넌트 트리 전체에서 전역 데이터를 공유테마, 사용자 인증 정보const theme = useContext(ThemeContext);useReducer복잡한 상태 로직을 관리복잡한 상태 로직, 여러 하위 값 관리const [state, dispatch] = useReducer(reducer, initialState);useCallback메모이제이션된 콜백을 반환자식 ..
·개발
Branch 연결 상태 확인git branch -vv 명령어는 로컬 브랜치 목록을 보여주며, 각 브랜치의 관련된 원격 추적 브랜치와 마지막 커밋의 해시를 함께 표시합니다. 이 명령어는 로컬 브랜치와 연결된 원격 브랜치를 확인하고, 각 브랜치가 어떤 원격 브랜치를 추적하고 있는지를 확인할 때 유용합니다.git branch -vvBranch 원격, 로컬 연결git branch --set-upstream-to 명령어는 로컬 브랜치와 원격 브랜치 간의 추적 관계를 설정합니다. 이 명령어는 원격 브랜치를 로컬 브랜치의 원격 추적 브랜치로 지정하는 데 사용됩니다.git branch -u 명령어는 브랜치의 원격 추적 브랜치를 설정하거나 확인하는 데 사용됩니다. 이 명령어를 사용하여 현재 작업 중인 로컬 브랜치가 어떤..
·개발
소개apt, apt-get을 이용하여 설치하면 nodejs 최신 버전이 아닌 구형 버전이 설치 되게 된다.  DEB 패키지를 등록하여 nodejs 20.x 버전을 설치하는 법을 설명한다. Nodejs Install 방법 sudo apt-get update && sudo apt-get install -y ca-certificates curl gnupgcurl -fsSL https://deb.nodesource.com/gpgkey/nodesource-repo.gpg.key | sudo gpg --dearmor -o /etc/apt/keyrings/nodesource.gpgNODE_MAJOR=20echo "deb [signed-by=/etc/apt/keyrings/nodesource.gpg] https://d..
·개발
React 설명React Zustand은 React 어플리케이션에서 상태 관리를 용이하게 해주는 라이브러리입니다. 이 라이브러리는 전역 상태를 효과적으로 관리하고 컴포넌트 간에 상태를 공유하는 데 사용됩니다. Zustand은 컨텍스트와 리덕스와 유사한 역할을 수행하지만, 더 간단하고 경량화되어 있습니다.Zustand를 사용하면 컴포넌트 간에 상태를 전파하는 데 필요한 복잡한 설정 없이도 손쉽게 상태를 공유할 수 있습니다. 이는 간단한 API와 높은 유연성을 제공하여 React 애플리케이션의 상태 관리를 단순화합니다.요약하면, React Zustand은 간편하게 사용할 수 있는 상태 관리 라이브러리로, React 애플리케이션에서 전역 상태를 관리하고 공유하는 데 도움을 줍니다.redux vs zustand..
·개발
원격 저장소 Branch 정보 업데이트git remote update 명령어는 원격 저장소의 모든 브랜치에 대한 정보를 업데이트합니다. 이는 원격 저장소가 추가하거나 삭제한 브랜치의 정보를 로컬로 가져오는 데 사용됩니다. 이 명령어는 git fetch를 모든 원격 저장소에 대해 실행하는 것과 동일한 효과를 가집니다.이 명령어는 로컬에서 작업을 하는 동안 다른 사람이 원격 저장소에 새로운 브랜치를 추가하거나 기존 브랜치를 삭제한 경우 유용합니다. 이렇게 하면 로컬 저장소의 원격 추적 브랜치가 원격 저장소의 상태와 동기화됩니다.git remote update원격 저장소 Branch 정보 업데이트 및 삭제 브랜치 정리remote 명령 이용git remote update --prunegit remote upda..
·개발
SEO 점수란?SEO 점수는 검색 엔진 최적화(SEO)의 품질을 나타내는 지표입니다. 이는 웹 사이트나 웹 페이지가 검색 엔진 결과 페이지(SERP)에서 얼마나 잘 노출되는지를 평가하는 데 사용됩니다. SEO 점수는 다양한 요소에 기반하여 결정되며, 이러한 요소에는 키워드 사용, 콘텐츠 품질, 백링크 품질, 웹 사이트 속도 및 사용자 경험 등이 포함될 수 있습니다.검색 엔진은 이러한 요소들을 분석하여 각 웹 페이지에 대한 순위를 결정하고, 이를 통해 사용자에게 가장 관련성 높은 결과를 제공합니다. 높은 SEO 점수를 유지하면 웹 페이지가 검색 결과에서 상위에 나타나기 쉽고, 이는 더 많은 유기적인 트래픽과 시청자를 유치할 수 있습니다.따라서 웹 개발자로서, SEO를 고려하여 웹 사이트를 최적화하는 것은 ..
·개발
Git 명령어 alias 등록logs라는 매크로 명령어를 추가해 주는 명령이다. logs외에 다른 명령어를 사용하고 싶다면 allias."명령어"로 추가해 주면 된다.git config --global alias.logs "log --color --graph --pretty=format:'%Cred%h%Creset -%C(yellow)%d%Creset %s %Cgreen(%cr) %C(bold blue)%Creset' --abbrev-commit" Git 명령어 사용 //일반 출력git logs//일반 출력 + 변경 내역git logs -p//전체 출력git logs --all//전체 출력 + 변경 내역git logs --all -p
·개발
✨ LazyVim 특징    🔥 네오빔을 본격적인 IDE로 전환하세요.    💤 lazy.nvim으로 쉽게 사용자 정의하고 구성을 확장합니다.    🚀 엄청나게 빠른 속도   🧹 옵션, 자동메시지, 키맵을 위한 깔끔한 기본 설정   📦 사전 구성 및 사용 준비가 완료된 다양한 플러그인 제공  ✨  Windows 설치 방법// 백업 필수Move-Item $env:LOCALAPPDATA\nvim $env:LOCALAPPDATA\nvim.bak// 백업 옵션 (선택 사항)Move-Item $env:LOCALAPPDATA\nvim-data $env:LOCALAPPDATA\nvim-data.bak// LazyVim 설치git clone https://github.com/LazyVim/starter $en..
it2u
IT2U 인사이트