donsohn의 등록된 링크

 donsohn로 등록된 티스토리 포스트 수는 7건입니다.

jQuery 유효성 검사, jQuery Validation Plugin 사용하기 (jquery.validate.js) [내부링크]

요즘은 바닐라 자바스크립트나 프론트엔드 프레임워크를 사용하는 추세이다 보니, 제이쿼리는 점점 사용률이 떨어지고 있습니다. 하지만 그렇다고 해도 여전히 쉽고 간편한 문법과 무시할 수 없는 편리함 때문에 아직까지도 제이쿼리에 의존한 프로젝트나 웹페이지들은 많이 볼 수 있습니다. 그리고 일반적인 웹페이지가 아니라 폼을 입력받아서 전송하는 페이지에서 유효성 검사는 필수인데, 여기서 유효성 검사 스크립트를 매번 작성하는 것은 분명히 귀찮은 일일 것입니다. 그래서 제이쿼리를 사용하면서 쉽고 편리하게 폼 유효성 검사를 할 수 있는 플러그인인 jQuery Validation Plugin 을 살펴보겠습니다. 플러그인 설치 2023년 2월 12일 현재 기준 버전은 1.19.5 버전입니다. 이 플러그인은 꽤 오래 전부터 사..

[VS Code] 비주얼 스튜디오 코드 라이트/다크 테마 10종 추천! [내부링크]

저는 개발 IDE로 비주얼 스튜디오 코드(Visual Studio Code, 이하 VS Code)를 사용합니다. 매우 다양한 개발 환경을 제공할 뿐만 아니라 매우 강력한 확장 기능들을 제공하며 어떤 개발을 하더라도 유연하게 진행을 할 수 있기 때문이죠. 또 무시할 수 없는 가장 큰 이유중에 하나가 바로 다양하고도 훌륭한 '커스텀 테마'를 제공한다는 것입니다. 개발자들마다 각자 선호하는 테마와 컬러셋이 모두 다릅니다. 어떤 분들은 라이트 모드를 선호하고, 또 어떤 분들은 다크 모드를 선호합니다. 저같은 경우는 그 때 그 때 기분에 따라, 혹은 눈의 피로도에 따라 테마를 전환해 가며 사용하는 편입니다. 오늘 소개해 드릴 테마는 라이트 모드 추천 테마 10개와 다크 모드 추천 테마 10개입니다. 추천해 드리는..

Mac OS 외장 모니터 밝기를 편하게 조절하는 프로그램, monitorControl [내부링크]

맥 OS를 쓰시는 분들 중에는 맥북 자체를 사용하시는 분들도 많지만, 외장 모니터를 연결해서 클램쉘 모드로 쓰시거나 또는 듀얼 모니터 이상으로 환경을 구성하시는 분들도 상당히 많습니다. 저도 LG 4K 외장모니터 + 맥북 디스플레이 조합으로 사용을 하고 있구요. 뿐만 아니라 맥 미니 또는 맥 스튜디오, 맥 프로를 사용하시는 분들은 반드시 외장 모니터를 쓰실 것입니다. 외장 모니터는 기본적으로 모니터 자체에서 제공하는 OSD 기능으로 밝기 등을 조절하여 사용하게 되는데요, 저의 경우에는 낮에는 밝게 쓰다가 야간에는 어둡게 쓰는 것을 선호합니다. 그런데 밝기를 조절할 때마다 모니터 버튼으로 밝기를 조절하는 것이 상당히 번거롭더라고요. 이럴 경우 매우 편하게 사용하실 수 있는 프로그램이 바로 monitorCo..

Mac OS의 마우스 포인터 느낌을 윈도우처럼! 마우스 가속 끄기 (Feat. Steelseries ExactMouse Tool) [내부링크]

맥 OS를 사용한지 얼마 되지 않았거나, 또는 윈도우에서 맥 OS로 넘어온 분들 중에 이질감이 드는 것들 중 하나가 마우스 포인터 움직임에 대한 것입니다. 저 또한 윈도우 PC를 사용하다가 맥으로 갈아탔을 때 초기에 가장 먼저 느꼈던 부분입니다. 맥을 사용한 지 벌써 7년이 지났음에도 이 이질감은 생각보다 자주 불편함을 유발했습니다. 그 이유는 바로 마우스 가속 때문인데요, 윈도우 PC에서 포인터 이동은 아주 정밀하고도 기민합니다. 따라서 디자인 작업을 할 때나 게임을 할 때나 큰 불편함을 느끼지 못했었는데 요즘들어 XD나 피그마, 일러스트레이터를 사용할 일이 부쩍 늘면서 포인터 가속에 따른 불편함이 크게 다가오더라구요. 이에 따라 찾아보니 마우스 가속을 해제할 수 있는, 즉 맥에서의 마우스 정확도를 향..

Mac OS에서 .DS_Store 파일 더 이상 생기지 않게 하기 [내부링크]

Mac OS를 사용하다 보면, .DS_Store 파일을 어떻게든 다들 본 경험이 있을 것입니다. 자료를 공유할 때든, 압축할 때든, 이동시킬 때든 자주 보여집니다. 특히나 나스 혹은 구글 드라이브에 자료를 보관하기 위해 폴더를 압축하다 보면 꼭 경로마다 하나씩 포함되어 보이곤 합니다. .DS_Store의 정체는 맥 OS의 메타데이터를 저장하는 파일인데, 윈도우로 치면 thumb.db 파일과 유사하다고 보면 됩니다. 맥의 파인더를 통해 폴더로 접근하면 자동으로 생성되며 기본적으로 파인더 내에서는 보여지지 않아 이 파일이 존재하는지조차 모르는 경우도 많습니다. 이 파일을 분석해 보면 해당 디렉토리의 구조와 특성, 크기, 아이콘 보기 방식 등 다양한 정보가 포함되어 있습니다. 그러나 이 파일은 없어도 무관한 ..

CSS - Position:sticky 로 스티키 사이드 메뉴 만들기 [내부링크]

들어가기 전에 요즘은 CSS와 자바스크립트 등을 통한 모던하고 깔끔한 UI의 웹 페이지가 정말 많이 보입니다. 그리고 어떤 페이지는 좌측 또는 우측에 메뉴 영역, 또는 타이틀 영역이 존재하면서 반대 쪽에는 컨텐츠가 존재하고, 페이지를 스크롤할 때 사이드 영역만 고정이 되고 컨텐츠 영역만 스크롤이 되어 컨텐츠의 집중도를 올려주는 페이지도 드물지 않게 볼 수 있습니다. 이런 형태로 페이지를 만들면 '특정 영역까지만 스크롤을 했을 때 좌/우측 중 하나는 고정' 이 되는 인터랙션을 주어 보다 덜 심심하게, 더 재밌어보이게 웹페이지를 구성할 수 있습니다. 통상적으로 일정 부분까지 스크롤을 했을 때 특정 영역이 뷰포트 화면 내에 고정되는 것을 스티키(sticky)라고 부르고 있습니다. 우리는 그래서 이를 이용한 '..

[Windows 10] 윈도우10 부팅 USB 쉽고 빠르게 만들기 [내부링크]

부팅 USB란 요즘은 PC를 구입할 때 대부분 CD-ROM을 함께 구매하지 않는 추세입니다. 요즘 뿐만 아니라, 대부분의 본체에서 CD-ROM이 사라진 지는 꽤 되었습니다. 왜냐면 점점 미니멀화, 간편화가 한창인 시기에 CD라는 것은 번거롭고 불편하기 때문이죠. 이에 따라 CD와 CD-ROM이라는 두 가지 불편한 요소를 사용하지 않고, 작은 USB만으로 데이터를 보관하고 필요할 때 사용합니다. 바로 이 작은 USB만 있으면 CD와 CD-ROM 없이 간편하게 윈도우 OS를 설치하거나 복원할 수 있습니다. 이것이 부팅 USB 개념입니다. 이제 이 부팅 USB를 쉽고 빠르게 만들 수 있는 과정을 알려드릴게요. 준비물 용량이 8GB 이상인 USB 윈도우 PC (맥 OS에서도 방법이 있지만, 본 포스팅에서는 가장..