본문 바로가기

웹 개발 공부중15

git 잘못 올린 파일 히스토리 삭제 예를 들어 .env파일을 잘못 올린경우 새로운 commit을 올리더라도 commit 히스토리에 남게된다. 이때, 전체 히스토리에서 필터링해 제거할 수 있다. 주의) 로컬 저장소에서도 필터링 되기 때문에 삭제된다. 특히 파일명이 아니고 경로로 지정해야합니다. $ git filter-branch -f --index-filter 'git rm --cached --ignore-unmatch .env' --prune-empty -- --all //윈도우 유저는 "" 2022. 9. 18.
[web] LocalStorage, SessionStorage, Cookie의 차이점 WEB STORAGE WEB STORAGE란? HTML5 에는 웹 사이트의 데이터를 클라이언트에 저장할 수 있는 새로운 자료구조인 Web Storage 스펙이 포함되어있습니다. Web Storage의 개념은 키/값 쌍으로 데이터를 저장하고 키를 기반으로 데이터를 조회하는 패턴입니다. 그리고 영구저장소(LocalStorage)와 임시저장소(SessionStorage)를 따로 두어 데이터의 지속성을 구분할 수 있어 응용 환경에 맞는 선택이 가능합니다. Web Storage는 기존 웹 환경의 쿠키(Cookie)와 매우 유사한 개념입니다. 사실 거의 차이가 없어보일지라도 몇 가지 쿠키의 단점을 극복하는 개선점이 도입되었습니다. 쿠키는 여전히 유효하고 꽤 적절한 클라이언트 저장도구 입니다. HTML5 에서 Web.. 2022. 7. 12.
클라이언트/서버/API 클라이언트 : '요청을 보내는 곳' 이라고 생각하면 된다, 나 내컴퓨터 사용자 등등 서버 : '요청을 받아서 응답 해 주는 곳' 이라고 생각하면 된다 . 웹페이지, 로그인등 의 행동 이후 이루어지는 과정의 처리를 해주는 곳. API:데이터를 어떻게 주고 받자! 라고 정한 약속 (Request) (Response) 2022. 1. 19.
인스타 클론 코딩 작업중 인스타 클론 코딩 중 css @charset "UTF-8"; /*기본적인 레이아웃 설정*/ #wrapper { max-width: 469px; height: 900px; margin: 0 auto; -ms-overflow-style: none; border: 1px solid gray; } #header_contanier { width: 100%; height: 5%; border-bottom: 1px solid #e5e5e5; } #footer_contanier { width: 100%; height: 5%; overflow: hidden; display: flex; align-items: flex-end; position: sticky; top: 100px; } #section_contanier { .. 2021. 12. 26.