본문 바로가기

분류 전체보기158

[git , Error] error: '주소' does not have a commit checked out 1. 에러 상황 로컬에서 저장소로 [ git add . ] 를 하는 과정에서 상황 발생. 2. 이유 해당 경로 사이에 git 레포지토리 파일이 들어가 있어서 생긴 현상. 3. 해결 해당 폴더 [보기] - [ 숨긴항목 ] 체크로 .git 폴더가 있는지 확인 후 삭제. 다시 [git add .] 를 하면 정상적으로 되는것을 확인할 수 있다. 2022. 11. 25.
[git , Error] error failed to push some refs to ... 1. 에러 상황 로컬에서 저장소로 [ git push origin master ] 를 하는 과정에서 상황 발생. 2. 이유 다른 컴퓨터로 커밋을 하고 자료를 정리하던 도중 해당 컴퓨터로 로컬로 자료 업데이트를 하지않아 저장소와 로컬의 저장상태가 다름. 3. 해결 [ git pull ] 로 로컬과 저장소의 저장 상태를 동일하게 만들어줌. pull로 정보를 땡겨 온다고, 현재 작업 중이던 파일이 사라지거나 바뀌지 않는다. (일부 파일의 정보는 변경되거나 삭제 될 수도 있다고 함). 2022. 11. 25.
[CDN] Jquery Jquery JS를 더 간편하게 더 직관적으로 사용 할 수있게 해주는 대표적인 JS 라이브러리다. 하지만 안에 담겨있는 내용이 방대해서 사이트의 규모에 비해 사이트가 무거워 지는 일이 많아졌다. 이제는 제이쿼리를 많이 사용하지 말자는 추세이고, 그 추세의 맞게 다른 라이브러리 혹은 프레임워크들에서 Jquery를 빼고 JavaScript 로 코드 내용을 바꿔 사용하고 있기도 하다. 하지만 아직까지도 홈페이지 속에서 Jquery가 많이 사용 되고 있다. 간혹 사용을 해야하는 경우도 있어서, 그때마다 제이쿼리 사이트를 들어가거나 JS 폴더 속에 넣기가 귀찮기에.. cdn을 남겨둔다. ( 내가 필요하기 때문에 ) 1. 항상 최신버전으로 사용 2. 1.11.1 버전 ( 1버전 마지막) 3. 3.2.1 버전 2022. 11. 25.
[CDN] reset.css Reset 홈페이지를 작업 할때, 기본적인 css 세팅이란걸 해야한다. html 페이지 자체는 기본적으로 여백(margin , padding) 이 들어가 있기도하고, a태그 같은 경우에는 링크 속성이 들어가게 되면 파란색 글씨와 밑줄이 나오게 되는데 이런 부분들은 다 없애고 필요한 규격으로 맞춰줘야 하기 때문이다. ( 내가 필요하기 때문에 ) 1. CDN reset link 2. 직접 파일로 만드는경우 (URL) URL - https://meyerweb.com/eric/tools/css/reset 링크를 들어가면 나오는 홈페이지에 내부 내용을 복사하여 직접 reset.css 폴더를 만들어서 넣어준다. 3. CDN 적용보다 직접 만드는 reset 파일이 더 좋은이유 기본적인 리셋에 대한 부분에서 적용이 안.. 2022. 11. 25.
[CDN] CDNJS CDN 주소가 필요할때 유용한 사이트 https://cdnjs.com cdnjs - The #1 free and open source CDN built to make life easier for developers Simple. Fast. Reliable. Content delivery at its finest. cdnjs is a free and open-source CDN service trusted by over 12.5% of all websites, serving over 200 billion requests each month, powered by Cloudflare. We make it faster and easier to load library fil cdnjs.com 2022. 11. 25.
[Git] 시작하기 1. Git 설치하기 https://git-scm.com/ 1-1. 기초 환경설정 git bash 열기 유저 이름 생성하기 git config --global user.name "myname" 유저 이메일 생성하기 git config --global user.email "email" 깃허브 가입할때 사용한 이메일을 사용하도록 한다. 정보가 맞는지 확인하기 git config --list 해당 부분만 확인하면 된다. 2. Git 프로젝트 만들기 2-1. 깃허브 repository 만들기 1. 우측 상단에 + 버튼을 클릭해 New repository 버튼을 클릭한다. 2. 원하는 repository 프로젝트 이름을 쓰고 create repositort 버튼을 눌러 만든다. Owner 저장 공간을 선택할 수 .. 2022. 11. 25.
[CSS] box-shodow로 inline으로 border 만들기 box-shadow : inset border의 경우는 px 을 지정하게 되면, 그만큼의 값이 block 속성에 포함되서 크기가 150px 이라고 하면 151px로 잡히게 된다. 그때는 width:149px; border 만큼의 크기를 width height 에서 빼줘야 하는데, 해당 방법 사용이외에 다른 방법이 뭐가 있을가에 대한 고민으로 찾아본 결과 box-shadow : inset 속성을 사용하면, width 값을 줄이지 않고도 사용 할 수가 있게 된다. div { width: 150px; height: 50px; background-color: green; box-shadow: 0 0 0 3px #000 inset; } HTML 삽입 미리보기할 수 없는 소스 2022. 11. 25.
[CSS] 제목 줄 넘어가는 부분 ... 처리 · 이미지 박스에서 제목이 밖으로 빠져나갈때 상황 (한줄처리) 제목이 들어가는 이미지 게시판이라던가, 한줄로 쓰고 싶거나, 박스 안에서 내용이 넘쳐 밑으로 빠지는 경우들이 있을것이다. 01. white-space : nowrap white-space 는 요소 안에서 공백을 설정 해준다. nowrap 속성은 공백을 1개만 표시하고 제외 다른 공백을 하나로 합쳐준다. 02. overflow : hidden overflow 는 요소 안에서 내용의 표시 방식을 설정 해준다. hiddend 속성은 요소의 크기를 넘기는 내용을 잘라 보여지지 않게 해준다. 03. text-overflow : ellipsis text-overflow 는 요소 안에서 텍스트의 표시 방식을 설정 해준다. ellipsis 속성.. 2022. 11. 25.
[CSS] 스크롤바 없애기 -ms-overflow-style: none; ::-webkit-scrollbar {display: none;} 풀 페이지나 스크롤 바 부분이 없었으면 하는 상황에서 유용한 코드이다. 기능은 그대로이나 보이지 않게 설정 할 수 있다. 2022. 11. 25.
728x90