개발(Web) 129

[Git/GitHub] GitHub Pages 404 Error

[깃/깃허브] 깃허브 페이지 404 에러 문제 해결방법 (1) 주소 뒤에 index.html 붙이기 해결 방법 (2) 빈 커밋 이용하기 // 터미널에 아래와 같이 입력(--allow-empty는 빈 커밋을 의미함) git commit --allow-empty -m "대충 적어넣고 싶은 메시지" git push 참고 https://stackoverflow.com/questions/11577147/how-to-fix-http-404-on-github-pages/45907768#45907768 How to fix HTTP 404 on Github Pages? Here is my GitHub repository on the gh-pages branch. Everything looks good, I have my..

개발(Web)/VCS 2022.09.22

[Git/GitHub] Renaming a Remote Repository

[깃/깃허브] 원격 저장소(리모트 레포지토리) 이름 바꾸기 // IDE에서 터미널 열고 remote -v // 1. 저장소 위치 먼저 확인 remote -v set-url origin 깃허브주소 // 2. 저장소 위치 바꾼 후 remote -v // 3. 변경된 저장소 위치 재확인 참고 Renaming a repository - GitHub Docs When you rename a repository, all existing information, with the exception of project site URLs, is automatically redirected to the new name, including: Issues Wikis Stars Followers For more informatio..

개발(Web)/VCS 2022.09.08

[Git/GitHub] Push rejected Push master to origin/master was rejected by remote

Push rejected Push master to origin/master was rejected by remote 23:25:32.804: [폴더명] git -c credential.helper= -c core.quotepath=false -c log.showSignature=false push --progress --porcelain origin refs/heads/master:master --set-upstream Enumerating objects: 77, done. Counting objects: 1% (1/77) 중략 Counting objects: 100% (77/77), done. Delta compression using up to 12 threads Compressing objects..

개발(Web)/VCS 2022.03.17

[Android Studio/GitHub] 안드로이드 스튜디오와 깃허브 연동하기 (3)

방법 (3) [Android Studio/GitHub] 안드로이드 스튜디오와 깃허브 연동하기 (2) 방법 (2) 참고 [Git] git ssh clone시 'The authenticity of host ~ can't be established 오류 해결하는 방법 Git을 처음 설치하고 저장소를 ssh clone 받을 때 위의 오류가 발생하는 경우가 있다. 깃허브에서.. shinye0213.tistory.com Can't finish GitHub sharing process Successfully created project 'android_study' on GitHub, but initial push failed: Warning: Permanently added 'github.com,15.164.81.1..

개발(Web)/VCS 2022.02.05

[Android Studio/GitHub] 안드로이드 스튜디오와 깃허브 연동하기 (2)

방법 (2) [Android Studio/GitHub] 안드로이드 스튜디오와 깃허브 연동하기 (1) 방법 (1) [Android Studio/GitHub] 안드로이드 스튜디오와 깃허브 연동하기 (2) 방법 (2) 참고 [Git] git ssh clone시 'The authenticity of host ~ can't be established 오류 해결하는 방법 Git을 처음 설치.. shinye0213.tistory.com [Android Studio/GitHub] 안드로이드 스튜디오와 깃허브 연동하기 (3) 방법 (3) Can't finish GitHub sharing process Successfully created project 'android_study' on GitHub, but initial..

개발(Web)/VCS 2022.02.05

[Android Studio/GitHub] 안드로이드 스튜디오와 깃허브 연동하기 (1)

방법 (1) [Android Studio/GitHub] 안드로이드 스튜디오와 깃허브 연동하기 (2) 방법 (2) 참고 [Git] git ssh clone시 'The authenticity of host ~ can't be established 오류 해결하는 방법 Git을 처음 설치하고 저장소를 ssh clone 받을 때 위의 오류가 발생하는 경우가 있다. 깃허브에서.. shinye0213.tistory.com 참고 안드로이드 스튜디오 깃허브 연동부터 커밋/푸쉬 하는 법 (가장 쉽고 편한 방법!!) Git bash 필요 X 깃허브를 안드로이드 스튜디오에 연동해두기만 한다면 몇 번의 클릭만으로 프로젝트를 깃허브에 올릴 수 있음 Github에 ukebox.tistory.com Use Token으로 안드로이드 ..

개발(Web)/VCS 2022.02.05

[CSS] 100%와 100vw/100vh

% %는 부모의 영향을 받는다. 정확히 말하면 부모의 높이/너비 대비 자식의 높이/너비를 지정해주는 단위다. vh, vw vh와 vw는 사용자의 눈에 보이는 스크린 범위에 영향을 받는다. 100vh 1vh는 1/100 viewport-height, 즉 뷰포트(스크린) 기준 100분의 1이다. 따라서 100vh는 뷰포트 전체 높이가 된다. 100vw 1vw 역시 1/100 view-width, 즉 뷰포트 기준 100분의 1이다. 100vw는 뷰포트 전체 너비와 같다. 참고 [CSS] vh란? / vw란? / what is vh? ❓ / %와의 차이 vh = viewport height vw = viewport width 즉, 현재 실행중인 스크린 크기에 맞춰 상대적 크기를 반환하겠다는 뜻입니다. 100vh..

개발(Web)/Web 2022.01.27

[CSS] position: fixed;와 position: sticky;

position: fixed; position: sticky; 결론 메인 내비게이션 바는 fixed를, 특정 영역 안에서만 움직이는 헤더는 sticky를 적용하는 게 좋다. 근데 어차피 sticky는 IE에서 못 쓰니까 웬만하면 fixed를 쓰자. 참고 position - CSS: Cascading Style Sheets | MDN CSS position 속성은 문서 상에 요소를 배치하는 방법을 지정합니다. top (en-US), right (en-US), bottom (en-US), left (en-US) 속성이 요소를 배치할 최종 위치를 결정합니다. developer.mozilla.org

개발(Web)/Web 2022.01.26

[CSS] display: none;과 visibility: hidden;과 opacity: 0;

display: none; 해당 콘텐츠를 아예 치워버리기 때문에 콘텐츠가 차지하던 공간도 함께 없어진다. visibility: hidden; 해당 콘텐츠가 눈에 보이지 않을 뿐, 콘텐츠가 차지하던 공간은 그대로 남겨둔다. opacity: 0; visibility: hidden;처럼 눈에 보이지 않되 공간을 차지한다. 그리고 display: none;이나 visibility: hidden;과는 달리 이벤트가 정상적으로 작동한다. 요약 001.html normal 보이는가? O 이벤트 작동 O 공간 차지 O display: none; 보이는가? X 이벤트 작동 X 공간 차지 X visibility: hidden; 보이는가? X 이벤트 작동 X 공간 차지 O opacity: 0; 보이는가? X 이벤트 작동 O..

개발(Web)/Web 2022.01.25

[CSS] normalize.css

CSS 표준화 우선 reset.css를 알아야 normalize.css를 이해할 수 있다. reset.css는 CSS 설정을 초기화(reset) 하는 것이다. 하나부터 열까지 초기화 하기 때문에, 아주 사소한 속성까지 재설정해야 한다. 때로는 default CSS에서 시작하는 것보다 시간이 더 걸린다. '아 이런 것까지 없애버렸다고? 저런 것도 다 설정해줘야 한다고?'라는 생각이 들 수도 있다. reset.css CSS 초기화 브라우저마다 CSS의 설정값이 존재하는데 이를 0, 1, none 따위의 기본값으로 설정해 모두 초기화 하는 것을 뜻한다. CSS를 초기화하면 브라우저가 달라도 최대한 똑같은 화면이 보이게 shinye0213.tistory.com normalize.css는 CSS 설정을 표준화(n..

개발(Web)/Web 2022.01.24

[CSS] reset.css

CSS 초기화 브라우저마다 CSS의 설정값이 존재하는데 이를 0, 1, none 따위의 기본값으로 설정해 모두 초기화 하는 것을 뜻한다. CSS를 초기화하면 브라우저가 달라도 최대한 똑같은 화면이 보이게 해준다. reset.css CSS를 초기화할 때는 주로 reset.css에 초기화 할 내용을 담아 style.css에 import하는 방법을 많이 쓴다. 아래 코드가 가장 보편적인 reset.css 코드다. /* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain) */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, ..

개발(Web)/Web 2022.01.23
반응형