내직업은 IT종사자 (44) 썸네일형 리스트형 [Memory] cache란? 캐시(cache)의 동작원리, 캐싱전략(caching strategies) 목차 cache란? cache는 언제 주로 사용하는가? cache가 사용되는 과정(caching Strategies) cache 데이터의 지역성 (cache데이터를 가져오는 내부원리) 1. cache란? “자주 사용하는 데이터나 값을 미리 복사해 놓는 임시 장소” cache란 자주 사용하는 데이터나 값을 미리 복사해 놓는 임시 장소를 가리킨다. 아래와 같은 저장공간 계층 구조에서 확인할 수 있듯이, 캐시는 저장공간이 작고 비용이 비싼 대신 빠른 성능을 제공한다. 2. cache는 언제 주로 사용하는가? - 접근 시간에 비해 원래 데이터를 접근하는 시간이 오래 걸리는 경우(ex 서버의 균일한 API데이터) - 반복적으로 동일한 결과를 돌려주는 경우(ex 이미지, 썸네일) 3. cache가 사용되는 .. [html] a href="#" , javascript: void(0), javascript: ; 차이점, 무엇을 써야할까요? 1. a href 의 값 종류들 ... (a target속성 관련 >> https://joyhong-91.tistory.com/entry/html-a-%ED%83%9C%EA%B7%B8-targetblank-%EC%99%80-targetblank-%EC%B0%A8%EC%9D%B4) [html] a 태그 target="blank" 와 target="_blank" 차이 목차 target 속성의 역할 >> 바로가기 target="_blank" >> 바로가기 taget="blank" >> 바로가기 1. target 속성의 역할 두 가지 다 누르면 새 창으로 이동하는 공통점이 있습니다. - target="blank" - target="_blank" 두가 joyhong-91.tistory.com 위의 {값}에 들어갈.. [html] a 태그 target="blank" 와 target="_blank" 차이 목차 target 속성의 역할 >> 바로가기 target="_blank" >> 바로가기 taget="blank" >> 바로가기 1. target 속성의 역할 두 가지 다 누르면 새 창으로 이동하는 공통점이 있습니다. - target="blank" - target="_blank" 두가지가 있습니다. 예제 코드) 티스토리 개인블로그 티스토리 개인블로그 티스토리 메인페이지 2. target="_blank" 누르면 새 창으로 이동합니다. "blank"와 차이점은 누를 때 마다 새창으로 열린다는 것입니다. 3. target="blank" 누르면 새창으로 이동하지만 초기에 열렸던 새창으로 계속 열립니다. 예를 들어 눌렀을때 target="_blank"는 누를때마다 새로운 탭(새로운 창)이 열리고 눌르는 횟수만큼 .. [html] display:none, visibility: hidden의 차이점 목차 display: none, visibility: none의 공통점 display: none, visibility: none의 차이점 영역차이점 스크린리더기의 인식차이점 1. display: none, visibility: none의 공통점 두 속성 모두 화면상에서 콘텐츠 영역을 숨기는 역할을 합니다. 2. display: none, visibility: none의 차이점 2-1. 영역 차이점 두가지의 가장 큰 차이점은 영역이 인식이 되냐, 안되냐의 차이입니다. display: none을 하면? 해당 콘텐츠 영역이 안보이게 되면서 영역 또한 사라지게 됩니다. visibility: hidden 을 하면? 해당 콘텐츠 영역이 안보이게 되는 것은 동일하지만 콘텐츠가 가지고 있던 영역은 그대로 유지됩니다... [HTML] WAI-ARIA란? 웹접근성을 고려하는 방법 (aria-role, aria-label, aria-labelledby, aria-hidden, aria-tab) 목차 WAI-ARIA란? ARIA가 필요한 이유 ARIA는 언제 사용하는가? ARIA role 속성 태그 별 내장된 암묵적인 role의 역할 ARIA label, labelledby ARIA hidden ARIA tab 1. WAI-ARIA란? Web Accessibility initiatives Accessible rich internet Application의 약자로 WAI는 웹접근성을 담당하는 W3C 조직이며 스크린리더가 브라우저를 읽을 때 각 요소가 어떤 역할을 하는지 무슨 의미로 존재하는지 알 수 있도록 하기 위해 만들어진 기술이다. 2. ARIA가 필요한 이유 스크린 리더란 브라우저를 시각적으로 읽는 것이 불편한 사용자들을 위해 컴퓨터 화면을 낭독해주는 소프트웨어다. 웹페이지를 만들 때 sem.. [HTML] 시멘틱 태그란?(semantic tag) / 웹접근성을 고려한 마크업 목차 시맨틱태그란(Semantic Tag)? >>바로가기 Semantic tag를 사용하면 좋은점 >>바로가기 Semantic tag를 사용할 때 주의할점 >>바로가기 Semantic tag 사용방법 및 종류 >>바로가기 1. 시멘틱 태그란? (Semantic Tag) "Semantic" 영어 단어의 뜻은 ‘의미의’, ’의미론적인’이라는 뜻을 가진 형용사이다. 따라서 시맨틱 태그란 의미가 잇는 태그를 말한다. 2. Semantic Tag를 사용하면 좋은점 검색엔진 최적화(SEO): 검색엔진은 태그를 기반으로 페이지 내 검색 키워드의 우선순위를 판단한다. 따라서 제목 , 중요한 단어 또는 을 사용하는 것 처럼 의미에 맞는 올바른 태그를 사용하는 것이 중요하다. 시각 장애가 있는 사용자가 스크린 리더를 사용.. [MacOS] M1 node, nvm 설치(homebrew, nvm:command not found) Homebrew가 아직 설치가 안되있다면! https://joyhong-91.tistory.com/entry/MacOS-M1-homebrew-%EC%84%A4%EC%B9%98install-next-ste [MacOS] M1 homebrew 설치(install) + next steps 1. Homebrew란? MacOS용 패키지 관리자 입니다. 터미널(Terminal)에서 명령어를 작성하여 필요한 프로그램을 설치, 삭제, 업데이트를 손쉽게 관리할 수 있습니다. 2. Homebrew를 왜 사용하나요? 새로운 프로 joyhong-91.tistory.com 1. nvm이란? nvm 이란 Node Version Manager라는 말 그대로 Nodejs의 버전을 관리해주는 프로그램입니다. 개발자가 한 계정에 여러 .. [MacOS] M1 homebrew 설치(install) + next steps 1. Homebrew란? MacOS용 패키지 관리자 입니다. 터미널(Terminal)에서 명령어를 작성하여 필요한 프로그램을 설치, 삭제, 업데이트를 손쉽게 관리할 수 있습니다. 2. Homebrew를 왜 사용하나요? 새로운 프로그램을 사용하기 위해서 설치하는 방법은 1. App store에서 검색해서 다운 및 설치한다. 2. 해당 프로그램 사이트에서 운영체제에 맞는 설치 방법을 따른다. 입니다. 하지만 간혹 해당 프로그램이 구버전에 머물러 있는 경우도 있고, 프로그램이 압축파일이라면 불필요한 부가 프로그램이 같이 설치되어 문제를 야기 할 가능성이 있습니다. 또. 절차가 단순하지 않아 중간에 실수할 경우 설치를 실패할 가능성도 있습니다. 이에 반해, "Homebrew" 를 사용할 경우 이러한 문제 없이 .. 이전 1 2 3 4 5 6 다음
