탐구소년

안녕하세요 탐구소년입니다. 오늘은 웹 개발을 공부하시는 분들이 자주 접하실 법한 단어, '웹 접근성'에 대해서 알아보도록 하겠습니다. 웹 접근성 사전적 의미(를 좀 더 쉽게 풀어서) 웹 접근성(web accessibility)이란 장애를 가진 사람과 장애를 가지지 않은 사람 모두가 웹사이트를 함께 이용할 수 있도록 배려하는 것을 말합니다. 사이트가 올바르게 설계되어 개발되고 편집되어 있을 때 모든 사용자들은 정보와 기능에 동등하게 접근할 수 있습니다. 웹 접근성을 위해서는, 사용자의 시각적, 체력력, 청각적 능력들을 고려하여야 합니다. 설명! 웹 접근성은 웹사이트를 만들 때에 적용되는 기술이자 한 개념입니다. 웹 접근성의 철학은 "어떤 장애가 있더라도 웹 사이트를 사용하는 데 불편이 있어서는 안 된다"라..

안녕하세요 탐구소년입니다. 우리는 PC, 태블릿, 스마트폰 등 여러 가지 기기로 웹 사이트에 접속하곤 하는데요. 어떤 기기로 사이트에 접속하냐에 따라 웹 사이트의 형태가 달라지는 것을 종종 확인할 수가 있습니다. 이는 저절로 이루어지는 것이 아니고, 제작 과정에서 웹사이트를 반응형으로 제작했기에 가능한 것입니다. 웹 사이트를 제작할 때에, 하나의 웹 사이트를 기기마다 다르게 표현할 수 있는 방법들은 여러가지가 존재하는데요. 오늘은 그 중에서도 많이 사용되는 방법인 미디어쿼리에 대해서 정리를 해보도록 하겠습니다. 미디어쿼리란? 미디어 쿼리(mediaqueri)는 사이트에 접속하는 장치에 따라 특정한 CSS 스타일을 사용하도록 도와주는 소프트웨어 모듈입니다. 미디어 쿼리를 이용한 사이트는 웹 사이트에 접속하..

안녕하세요 탐구소년입니다. 웹 사이트를 만들기 위해서는 HTML, CSS, Javascript 세 가지의 프로그래밍 언어를 익혀야 합니다. 이 세 언어가 웹 사이트를 만드는 데 기본이 되는 언어들이기 때문입니다. 싫어도 어쩔 수 없어요. 해야 합니다(ㅠㅠ)! 그런데 일반적인 고정형 웹사이트가 아닌, 다양한 기기에서 유연하게 디자인을 바꾸어 가며 표시되는 '반응형 웹 사이트'를 제작하기 위해서는 이 외에도 추가적으로 알아야 하는 개념이 한 가지 더 있습니다. 바로 '뷰포트(viewport)'가 그것입니다. 웹 사이트를 만들 때 이를 반응형으로 제작해주지 않으면, 모바일 화면에서는 PC화면일 때와 똑같은 형태를 유지하되 비율만 축소된 채 웹사이트가 표시되어 보기가 무척 불편합니다. PC화면에서 보이는 내용이..

안녕하세요 탐구소년입니다. 오늘은 맨날 들어도 맨날 헷갈리는 쿠키 세션 캐시에 대해서 정리해두려고 합니다. 워낙 찾아볼 만한 자료도 많고 흔한(?) 개념들이니 여기서는 최대한 쉽게, 가볍게 작성한다는 생각으로 작성해보겠습니다! 우선 세 가지의 공통적인 특성부터 말씀드릴게요. 일단은 웹, 그러니까 우리가 크롬이나 익스플로러 등 인터넷 브라우저를 사용해서 접속하는 웹 페이지, 웹 사이트들 있죠? 그 웹이라는 세계(?)에 종속되어 있는 개념이라는 사실이 일단 같고요. 또 뭔가를 저장하는 데 사용되는 놈들이라는 게 세 가지의 공통점 되겠습니다. 공통점 너무 간단하죠. 그렇다면 차이는 어떻게 될까요? 이제부터 각각의 특성을 이야기해보겠습니다. 첫 번째, 쿠키! 쿠키는 인터넷 사용자의 컴퓨터에 설치되는 작은 기록 ..

리액트 앱에서 mui 버튼 컴포넌트를 사용할 때가 (자주) 있는데, 이 포스트는 버튼에 마우스 커서를 얹었을 때의 스타일을 지정하는 방법에 대하여 정리한 자료입니다. 다른 목적이 있어서 만든 것이 아닌지라 다소 성의없어 보일 순 있습니다. 또한 이미지라서 복사가 안됩니다 ㅈㅅ