분류 전체보기148 [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. [HTML] <a> tag a 태그 태그는 하이퍼링크를 걸어주는 태그다. 속성 href: 클릭시 이동 할 링크 target: 링크를 여는 방법 _self: 링크를 현재 페이지에서 오픈. (기본값) _blank: 링크를 새로운 창 새로운 페이지에서 오픈. _parent: 링크를 현재 프레임의 부모 프레임에서 오픈. _top: 링크를 윈도우페이지에서 오픈. (최상위 페이지) 프레임이름: 직접 프레임이름을 명시하고, 명시한 프레임 이름이 있는 곳에서 오픈. 사용방법 링크 열기 a태그의 href를 사용하고 싶지 않을때, href속성을 사용하지 않고 onClick() 이벤트를 사용하거나, 디자인적으로 사용하기 위함이다. 그럴때 유용히 쓰는 방법이 href= "" 값에 특정 값을 넣어주는 방법이다. 01. # 해시(hash) # 해시(has.. 2022. 11. 25. 이전 1 ··· 13 14 15 16 17 다음 728x90
