본문 바로가기
반응형

CS32

브라우저 저장소 브라우저 저장소 쿠키, 웹 스토리지, 로컬 스토리지, 세션 스토리지 HTTP통신을 통해서 클라이언트가 서버에게 requeset를 보내고 서버는 클라이언트에게 requeset에 대한 response를 보내고 접속을 종료한다. 통신이 끝나면 상태 인증에 쓰이는 상태 정보를 유지하지 않는다는 특징이 있다. 서버측에선 자원 낭비를 하지 않는 장점이 있지만, 통신을 할 때마다 새로 연결해줘야 하기 때문에 클라이언트는 그 때마다 인증을 해줘야하는 단점을 갖고있다. 이러한 문제에 사용하는 것이 브라우저의 스토리지이다. 브라우저의 저장공간인데, 쿠키, 웹 스토리지(로컬 스토리지, 세션 스토리지)가 있다. 웹 스토리지는 html5부터 제공되는 저장소이다. 쿠키와 웹 스토리지는 모두 해당 도메인에 대한 데이터를 브라우저에.. 2022. 12. 25.
README 꾸미기 밀렸던 포스팅 중 하나가 README 꾸미기이다. 본격적으로 README를 적으면서 느낀건 생각보다 시간이 꽤- 오래걸린다는 것이다. 적어야 할 말도 많지만, 글 제주가 없는지라 여기저기서 참고해서 적느라 더 오래 걸리는것 같다. 마크다운 문법은 이전에 익혀둬서 크게 어려운점은 없었지만 저노므 stack뱃지는 대체 어떻게 하는거야!? 해서 찾아봤는데 한번 복붙만 해놓으니까 다시 사용하려고 할 때 또 찾게 되더라 찾아보고 가장 많이 나온 사이트가 shields랑 simpleicon이다. shields에서 하게 되면 처음에는 사용 법이 어렵다. 해서 나 처럼 이렇게 해보시는 걸 추천한다. https://simpleicons.org/?q=types Simple Icons 2413 Free SVG icons f.. 2022. 12. 7.
env파일 gitignore 안 먹혔을 때 깃헙 레포지토리를 퍼블릭으로 바꾼 후에야 env파일이 그대로 노출되는 경악스러운 상황을 보았다. 분명 gitignore안에 env넣었는데....!! 규귤링해보니, 기존에 있던 env파일을 삭제해야 한다더랑 1. gitignore파일에 env 추가된거 다시 확인 # misc .DS_Store .env.local .env.development.local .env.test.local .env.production.local .env 아까 순간적으로 github에서 env파일을 발견하고 바로 삭제를 해보렸기에 git pull . 을 먼저해줬다. 그 이후는 이렇다. env의 캐시를 다 삭제해주면 된다. env 파일을 다시 만들어야할 수 도 있기에 메모장에 따로 적어놨더니 다행이도 파일은 사라지지 않았다. git r.. 2022. 12. 2.
브라우저 렌더링 SSR, CSR 브라우저 렌더링 가져온 페이지 정보를 브라우저가 어떻게 출력할까? 브라우저 종류: 익스플로러, 파이어폭스, 사파리, 크롬, 오페라 등 브라우저 주요기능: HTML 페이지, PDF, 이미지등 서버에게 요청해서 보여주는 것 브라우저가 화면에 나타나는 요소를 렌더링 할 때 렌더링 엔진을 사용한다. 렌더링 엔진을 사용해서 유저가 요청한 컨텐츠를 표시해준다. EX) 크롬: 블링크, 사파리: 웹킷 HTML회면 요청 => HTML, CSS 파싱 => 화면에 표시 파싱이란? 브라우저가 코드를 이해하고 사용하기 쉬운 구조로 변환하는 것이다. 파싱의 결과: DOM트리, NODE 트리로 표현된다. DOM트리: HTML페이지를 구조화해서 계층으로 표현한 개념으로 최상단 루트 태그를 시작으로 페이지에 대한 각 요소가 노드로 만.. 2022. 10. 31.
728x90
반응형

티스토리툴바