728x90

1. 오류발생

로컬에서 브런치 생성후 push를 실행하는데 오류가 발생하였다.

깃허브는 최대 100메가의 파일만 허용한다는 문구다.

대용량 파일 추가 실패

2. 프로그램 설치

1번의 오류문구에 표시된 주소에 들어가 다운로드 후 설치를 진행한다.

https://git-lfs.github.com

 

Git Large File Storage

Git Large File Storage (LFS) replaces large files such as audio samples, videos, datasets, and graphics with text pointers inside Git, while storing the file contents on a remote server like GitHub.com or GitHub Enterprise.

git-lfs.com

프로그램 설치

3. 문제되는 파일 설정파일에 추가하기

내가 문제되는 파일은 mp4파일 이었기에

.gitattributes 파일을 생성후 해당 파일을 등록시킨다.

git lfs install
git lfs track "*.mp4"
git add .gitattributes

.gitattributes 파일내용

 

*무제한으로 업로드 가능한것은 아니다. 가능하면 대용량 파일은 따로 관리하자

728x90

'퍼블리싱 > git' 카테고리의 다른 글

github private 저장소 git clone 하기  (0) 2023.04.05
.gitignore  (0) 2023.03.26
git 명령어 모음  (0) 2023.03.25
git branch 전략 - GitHub flow  (0) 2023.03.10
git branch 전략 - Git flow  (0) 2023.03.10
728x90

비공개 저장소의 경우 clone시 다음과 같은 오류가 발생한다.

git clone https://github.com/repo.git

# output
remote: repository not found

이경우 개인 토큰을 추가하면 문제가 해결된다.

 git clone https://<토큰>@github.com/repo.git

토큰 발행 방법

setting
developer settings
personal access tokens -> generate new token
토큰생성
생성된 토큰 복사

 

728x90

'퍼블리싱 > git' 카테고리의 다른 글

github 대용량 파일 올리기  (0) 2023.04.06
.gitignore  (0) 2023.03.26
git 명령어 모음  (0) 2023.03.25
git branch 전략 - GitHub flow  (0) 2023.03.10
git branch 전략 - Git flow  (0) 2023.03.10
728x90

2023.2 진행했던 프로젝트 구조

┠ .gitignore
┠ .eslintrc.js
┠ .editorconifg
┠ README.md
┠ nuxt.config.js
┠ package.json
┠ package-lock.json           
┖ plugins <플러그인>
    ┠ vue-toast.js
    ┖  ...
┖ layouts <레이아웃>
 	┠ default.vue
    ┖ ...
┖ components <컴포넌트>
    ┖ ...
┖ pages <화면>
    ┠ index.vue
    ┖ ...
┖ static <정적자원>
    ┠ favicon.ico
    ┖ ...  
┖ assets <자원>
    ┖ fonts
        ┖ ...
    ┖ images
        ┖ ...
    ┖ lottie
        ┖ ...
    ┖ video
        ┖ ...
    ┖ styles
        ┖ ...
728x90
728x90

git에 추가되지 않을 파일

# macOS
.DS_Store
.AppleDouble
.LSOverride
*.icloud

# Nuxt
.nuxt
dist

# dependencies
node_modules

# editor
.vscode

 

728x90

'퍼블리싱 > git' 카테고리의 다른 글

github 대용량 파일 올리기  (0) 2023.04.06
github private 저장소 git clone 하기  (0) 2023.04.05
git 명령어 모음  (0) 2023.03.25
git branch 전략 - GitHub flow  (0) 2023.03.10
git branch 전략 - Git flow  (0) 2023.03.10
728x90

설정

전역 설정 - 이름/이메일 

git config --global user.name “Your name”
git config --global user.email “Your email address”

로컬 설정 - 이름/이메일  (해당 디렉토리)

git config user.name “Your name”
git config user.email “Your email address”

전역 설정 조회

 git config --global --list

로컬 설정 조회

git config --list

저장소 생성

git init

저장소 clone

git clone <저장소주소>

# 예) https타입 (필요정보 : 아이디/비밀번호)
# git clone https://github.com/계정/저장소.git 

# 예) ssh타입 (필요정보 ssh key)
# git clone git@github.com:계정/저장소.git

브랜치

로컬 목록

git branch

# 상세정보
git branch -v

원격 목록

git branch -r

로컬 + 원격 목록

git branch -a

생성

git branch <브랜치이름>

전환

 git checkout <브랜치이름>

생성 + 전환

 git checkout -b <브랜치이름>

원격 push

git push origin <브렌치이름>

삭제

# 병합되어있을 경우 삭제
git branch -d <브랜치이름>

# 대문자 D는 "--delete", "--force"를 의미함 병합 여부와 관계없이 삭제
git branch -D <브랜치이름>

# 원격 브랜치 삭제
git push origin --delete <브랜치이름>

 

 

add & status & commit

스테이징에 파일 추가

# 특정 파일 추가
git add <파일명>

# 명령어 실행한 디렉토리 이하 변경사항 추가
git add .

# 모든 변경사항 추가
git add -A

# .gitignore에 있는 파일도 추가
git add *

파일 상태 확인

git status

커밋

git commit -m "메세지"

병합

원격 fetch

git fetch origin

원격 fetch & merge

git pull

현재 브랜치에 다른 브랜치 병합

git merge <브랜치이름>

태그

조회

# 전체 조회
git tag

# 조건에 맞는 태그 조회
git tag -l "v1.*"
git tag --list "v1.*"

# 체크섬 
git show-ref --tags

# 태그에 정보
git show v1.0.0

# 원격저장소 조회
git ls-remote --tags

생성

# Annotated
git tag -a <태그이름> -m "<메세지>"

# lightweight
git tag <태그이름>

# 특정 커밋에 tag생성
git tag -a <태그이름> <커밋 체크섬>

원격 push

# 1개
git push origin <태그이름>

# 전체
git push origin --tags

수정

# annotated 태그
git tag -a <새로운태그이름> <이전태그이름>^{} -m "<새로운태그메세지>"
git tag -d <이전태그이름>

# lightweight 태그
git tag -a <새로운태그이름> <이전태그이름>
git tag -d <이전태그이름>

삭제

# 로컬
git tag -d <태그이름>

# 원격
git push origin :refs/tags/<태그이름>
git push origin :<태그이름>
git push origin -d <태그이름>

이동

git checkout tags/<태그이름>

태그기반 브랜치 생성

git checkout tags/<태그이름> -b <브랜치이름>
728x90

'퍼블리싱 > git' 카테고리의 다른 글

github 대용량 파일 올리기  (0) 2023.04.06
github private 저장소 git clone 하기  (0) 2023.04.05
.gitignore  (0) 2023.03.26
git branch 전략 - GitHub flow  (0) 2023.03.10
git branch 전략 - Git flow  (0) 2023.03.10
728x90

https://www.npmjs.com/package/scroll-lock

 

scroll-lock

Cross-browser JavaScript library to disable scrolling page.. Latest version: 2.1.5, last published: 2 years ago. Start using scroll-lock in your project by running `npm i scroll-lock`. There are 29 other projects in the npm registry using scroll-lock.

www.npmjs.com

 

기능 : 배경 스크롤 기능을 막아줌

주 사용처 : 팝업 띄울때 배경 스크롤 막기

특징 : 다양한 플랫폼 지원 (IOS에서 정상동작해줌)

주의할점 : enablePageScroll, disablePageScroll을 꼭 제대로 지정해줘야함 

 

// vue 사용 예시
<template>
  <div ref="target"></div>
</template>

<script>
import { disablePageScroll, enablePageScroll } from "scroll-lock";
export default {
  mounted() {
    this.$nextTick(function () {
      disablePageScroll(this.$refs.target);      
    });
  },
  beforeDestroy() {    
    enablePageScroll(this.$refs.target);
  },  
};
</script>

 

728x90
728x90
<img src="fallback.jpg" />

보통 사용하는 이미지 태그

 

<img 
src="fallback.jpg"
srcset="
이미지@1x.png 1000w,
이미지@2x.png 2000w,
이미지@3x.png 3000w"
/>

해상도별 반영 이미지 구분

 

~1000px : 이미지@1x.png

1001px~2000px : 이미지@2x.png

2001px~3000px : 이미지@3x.png

그외 : fallback.jpg

 

<img 
src="fallback.jpg"
srcset="
이미지@1x.png 1000w,
이미지@2x.png 2000w,
이미지@3x.png 3000w"
size="50vw"
/>

해상도별 반영 이미지 구분에 화면 비중을 추가로 계산하고 싶으면 size 추가

~1000/2 px  : 이미지@1x.png

1001/2 px ~ 2000/2 px : 이미지@2x.png

2001/2 px ~ 3000/2 px : 이미지@3x.png

그외 : fallback.jpg

 

지원하는 브라우저가 많지 않으니 최적화가 꼭 필요한 경우만 사용할것!

https://caniuse.com/?search=srcset

 

728x90
728x90

GitHub flow

장점 - 단순하다

단점 - 사람이 많아지면 충돌 발생확률이 높다.

 

 

728x90

'퍼블리싱 > git' 카테고리의 다른 글

github 대용량 파일 올리기  (0) 2023.04.06
github private 저장소 git clone 하기  (0) 2023.04.05
.gitignore  (0) 2023.03.26
git 명령어 모음  (0) 2023.03.25
git branch 전략 - Git flow  (0) 2023.03.10
728x90

git flow

장점 - 코드 관리가 체계적이다.

단점 - 러닝커브가 가파르다.

 

master (상용)

- from : ''

- to : ''

- name : master

hotfix (긴급수정)

- from : master

- to : develop, master

- name : hotfix/{버전}

release (검수)

- from : develop

- to : develop, master

- name : release/{버전}

develop (개발 메인)

- from : master, hotfix, release

- to : release

- name : develop

feature (개발 단위)

- from: develop

- to : develop

- name : feature/{목적}

 

 

 

728x90

'퍼블리싱 > git' 카테고리의 다른 글

github 대용량 파일 올리기  (0) 2023.04.06
github private 저장소 git clone 하기  (0) 2023.04.05
.gitignore  (0) 2023.03.26
git 명령어 모음  (0) 2023.03.25
git branch 전략 - GitHub flow  (0) 2023.03.10

+ Recent posts