본문 바로가기

web16

ERROR Failed to read Git log: fatal: not a git repository (or any of the parent directories): .git hugo 이미지를 실행시키면 해당 directory가 git repo가 아니라는 에러가 발생hugo site 파일이 있는 root 디렉터리에 .git이 없거나 git repo가 아니어서 발생하는 문제 방법1.hugo.toml 설정 파일에서 해당 옵션을 false로 설정 방법2. hugo 명령어 실행시 --enableGitInfo=false옵션을 인지라로 입력해준다. 기존 출력 compose 파일에서 docker image에 사용될 entrypoint 명령어에 옵션을 추가 hugo 서버가 정상 실행 2026. 2. 6.
error calling partial: partial "scripts/katex.html" not found 1. hugo에서 위치를 찾을수 있게 설정 #~/.cache에 있는 파일을 참조하도록 소프트 링크 설정ln -sf ~/.cache/hugo_cache/modules/filecache/modules/pkg/mod/github.com/ \ google/docsy@v0.12.0/layouts/_partials/scripts/katex.html layouts/partials/scripts/katex.html 2026. 2. 4.
Error: Unable to monitor directories for changes because iNotify max watches exceeded. See https://github.com/guard/listen/blob/master/README.md#increasing-the-amount-of-inotify-watchers . 1. jekyll 프로젝트를 bundle 명령어로 실행하던중 에러 발생 #/etc/sysctl.d/ 에 설정을 추가sudo sh -c "echo fs.inotify.max_user_watches=524288 >> /etc/sysctl.conf"sudo sysctl -p #설정 적용 #프로젝트 실행bundle exec jekyll serve#설정 파일을 지정하여 실행 bundle exec jekyll server --config _config_dev.ymlhttps://github.com/guard/listen/blob/master/README.md#increasing-the-amount-of-inotify-watchers listen/README.md at master · guard/listenThe L.. 2026. 2. 1.
jekyll 환경설정하기 1. ruby, gem, jekyll 설치# 시스템 업데이트 sudo apt updatesudo apt upgrade -y#ruby 설치 sudo apt install -y ruby-fullruby -v#gem 설치 확인 gem -v#Bundler 설치 sudo gem install bundlerbundler -v#jekyll 설치 gem install jekylljekyll -v2. Gemfile에 호환되는 jekyll 버전 설치하기 #에러발생시 sudo jekyll -v/var/lib/gems/3.2.0/gems/bundler-4.0.5/lib/bundler/resolver.rb:356:in `raise_not_found!': Could not find gem 'jekyll (~> 4.3.2)' i.. 2026. 2. 1.
프로젝트 생성 방식에 따른 react 빌드 산출물 위치 Vite: dist / CRA: build (create react app)# ===== 1. build stage =====FROM node:18.19.1-alpine AS buildWORKDIR /appCOPY package*.json ./RUN npm ciCOPY . .RUN npm run buildRUN lsRUN pwd# ===== 2. runtime stage =====FROM nginx:1.27-alpine# 기본 설정 제거RUN rm /etc/nginx/conf.d/default.conf# React 빌드 결과 복사# Vite: dist / CRA: build (create react app)COPY --from=build /app/build /usr/share/nginx/html# ⭐ 수.. 2025. 12. 25.
상태값에 따라 modal 노출하기 -프로세스-> 로그인 버튼 클릭시 모달 노출 -> Google클릭시 로그인으로 상태변경 (menu 노출, logout 문구 노출) 2025. 12. 14.
html요소에 동적 클래스 적용하기 로그인 여부에 따라서 munu 영역을 노출하려고 한다. 위와 같이만 적용했을때는 menu 컴포넌트는 사라지지만 menu 컴포넌트가 있던 영역은 아직 그대로 있다. 질의 grid의 설정을 변경해 주어야 한다고 한다. 기본 css로그인을 하지 않았을때의 css 나는 컴포넌트자체를 보이지 않게할것이므로 생략 로그인을 하지 않았을때의 css 클래스 를 하나더 생성 프로젝트에서는 css 클래스를 module 형식으로 가져와서 사용하고 있으므로 위와 같이 설정 프로젝트 코드 로그인을 하지 않았을때 로그인을 했을때는 menu가 노출이 된다. 2025. 12. 14.
grid 사용법 grid를 사용하고 있으나 의도한 대로 레이아웃이형성되지 않는중 질의 응답 grid의 item에서 직접 height와 width를 설정하지 말라고 한다. 채팅창 구현시 참고이런식으로 item에서 직접 값 입력 금지 2025. 12. 14.
grid를 viewport 전체에서 사용하기 css를 수정하다가 header와 content 사이에 공백이 생겼다. html, root를 포함해 모든 부모요소의 height와 width를 100%로 설정해 주었는데도 공백이 나타나는 현상 발생 grid-template-rows 값 추가와 height값 수정이 필요하다고 한다. 응답 최상위 grid는 화면 전체를 사용할 것이므로 viewport를 기준으로 height를 설정하라고 한다. 레이아웃은 다시 잡혔다. 2025. 12. 14.