documenting and archiving

sass를 설치하려는데 vscode 터미널에서는 아무리 npm install로 설치를 해도zsh: command not found 라는 오류 메시지가 떴다.그래서 vscode 터미널이 아니라 맥 터미널에서 패키지를 설치해봤는데,맥 터미널에서도 sass not found 가 뜨면서 시스템에 제대로 패키지가 설치되지 않는다는 오류 메시지가 떴다.이전에도 패키지 설치에 문제가 있었어서 이번에는 꼭 해결이 필요했다. 문제의 원인은 시스템의 환경 변수에 포함되어 있지 않아서였다.해결하는 법은 시스템 환경 변수 설정을 열고 설치된 경로를 PATH에 수동으로 추가해주면 된다. 1. 터미널에서 ls -a 를 입력하여 .bash_profile 파일을 찾아본다.내 경우에는 .bash_profile 파일 자체가 없었다.없으..

깃에서 리포지토리 생성 후 푸시를 하려는데, non-fast-forward 상태라고 하면서 업데이트가 reject 되었다. 원격 리포지토리의 상태가 로컬 리포지토리보다 이전 버전이 아니라는 의미인데, 찾아보니 리포지토리 생성 시 readme 파일을 생성하면 발생하는 오류인 것 같다. 원격 리포지토리에서는 readme 파일을 생성했는데, 로컬에는 없기 때문에 발생한 에러라고 한다. git pull origin으로 pull 받으려고 했으나 관련없는 히스토리라고 하며 취소되었다. commit 히스토리가 서로 관련이 없으므로 merge 할 수 없다고 나온다. [해결 방법] git pull origin main --allow-unrelated-histories 로 리포지토리를 병합하여 로컬과 원격을 동일한 상태가..

웹사이트에 사업자등록번호나 기타 숫자 텍스트를 'xxx-xxx-xxx' 형태로 작성하는 경우, 아이폰에서는 해당 텍스트를 자동으로 전화번호로 인식하여 전화번호 링크로 변경되는 이슈를 발견했다. 이런 식으로 링크를 걸지 않고 그냥 일반 텍스트로 작성하더라도 아이폰에서는 해당 숫자 텍스트를 자동으로 전화번호로 인식해서 링크 처리되고, 선택하면 통화 팝업이 노출된다. 당연히 전화번호가 아니면 클릭되거나 전화 연결이 되지 않아야 하기 때문에 해당 이슈를 해결하려고 리서치를 해봤다. 1. 메타 태그 사용 보통은 이렇게 meta 태그에 속성을 추가하는 방식이 가장 많았는데, 나의 경우는 meta 태그 속성 추가는 불가한 상황이었기 때문에 다른 방법을 찾다가 zero-width joiner라는 것을 알게 되었다. 2..

SVN 소스 충돌 시 해결법 - 충돌 파일에서 우클릭 - Team > Synchronize with Repository - Override and Update : 서버의 소스를 우선시함. 내 로컬의 변경사항을 서버의 소스로 덮음 - Override and Commit : 로컬의 소스를 우선시함. 내 로컬의 변경사항을 서버에 덮음

vue에서 어떤 영역에 있는 클래스를 스크롤 최하단 도달 시 추가되도록 하는 스크롤 이벤트를 만들어야 했다. 먼저 :class로 isPageEnd가 true이면 bottom 이라는 클래스가 붙도록 해주었다. export default({ data() { return { isPageEnd: false } } }) 그리고 data에 isPageEnd를 false로 선언해두었다. export default({ data() { return { isPageEnd: false }}, mounted() { window.addEventListener('scroll', this.handleScroll) }, beforeUnmount() { window.removeEventListener('scroll', this.han..

1. textarea의 placeholder가 안보이는 경우 2번째, 3번째 처럼 textarea 닫기태그 앞에 여백이 있거나, 줄바꿈이 있으면 placeholder가 안나온다. 1번째처럼 닫기태그 앞에 여백이나 줄바꿈 없이 작성해줘야 placeholder가 잘 보인다. 2. textarea의 placeholder 줄바꿈 하는 법 줄바꿈하고자 하는 위치에 을 넣어주면 줄바꿈 된다.

1. 사각형 - rect x, y - position left / top과 동일한 개념. rect { fill: red; // 채우는 컬러 지정 stroke: black; // 선 컬러 지정 stroke-width: 10; // 선 두께 지정 } css에서 스타일을 지정할 수 있는데, fill 값을 넣지 않으면 기본 fill값은 검정색으로 들어간다. 사각형에서의 rx / ry - 모서리 반지름을 기준으로 라운드 처리. 2. 원 - circle 원은 센터를 기준으로 위치를 잡는다. 크기는 width / height가 아닌 반지름(radius)로 설정한다. 3. 타원 - ellipse 4. 직선 - line x1 - x축 시작 위치 x2 - x축 끝나는 위치 y1 - y축 시작 위치 y2 - y축 끝나는 위..

Merge remote-tracking branch 'origin' # Please enter a commit message to explain why this merge is necessary, # especially if it merges an updated upstream into a topic branch. # # Lines starting with '#' must be ignored, and an empty message aborts # the commit. 내 로컬 브랜치의 변경내용을 커밋하고 원격 브랜치의 최신 내용을 pull 받으려고 할 때, (git pull origin '브랜치') 위와 같이 이 merge가 필요한 지 커밋메시지를 입력하라는 메시지가 뜬다. 그런데 이 상태에서는 아무것도..

확장 프로그램 사용하지 않고 웹페이지 스크롤 처음부터 끝까지 전체 캡쳐하는 법 1. 크롬에서 개발자도구로 진입한다. 개발자도구 진입하는 방법은 1) 웹페이지에서 마우스 오른쪽 클릭 > 검사 클릭 2) 더보기 > 도구 더보기 > 개발자 도구 3) F12 키 누르기 2. 개발자 도구에서 Ctrl + Shift + p (mac은 Command + Shift + P) 단축키를 사용하면 검색창이 나온다. 거기서 screenshot이나 capture를 검색하면 다양한 캡쳐 옵션이 나오는데, Capture full size screenshot을 선택하면 자동으로 페이지 전체가 캡쳐되어 파일이 다운로드 된다.

작업 중 B 브랜치에서 A 브랜치의 내용을 pull 받으려고 했는데 갑자기 위의 오류 메시지가 뜨면서 git pull 명령어만으로는 pull이 되지 않았다. 찾아보니 pull의 방식을 명시적으로 정하라는 내용이라고 한다. 기존 pull의 방식은 merge 시 불필요한 merge commit이 생기게 된다고 한다. 1. git pull --ff-only git config pull.ff only pull 하려는 브랜치와 분기된 브랜치의 관계가 fast-forward 관계여야 pull을 허용하는 방식. fast-forward란 분기된 브랜치가 기존 브랜치의 히스토리를 포함하고 있는 경우이다. 만약 pull 하려는 브랜치에 새로운 커밋이 생긴 경우, 분기된 브랜치의 입장에서는 새로운 커밋이 생긴 것이므로 me..