전체 글753 [윈도우11] 스냅 레이아웃(Snap Layouts) - 창 정리 기능을 아시나요? 윈도우 11 꿀팁을 찾고 계신가요?오늘은 많은 분들이 잘 모르는 윈도우 11 스냅 레이아웃(Snap Layouts) 기능을 소개해 볼께요~이 기능을 사용하면 여러 개의 창을 화면에 깔끔하게 정리해 멀티태스킹 효율을 극대화할 수 있습니다.윈도우 11 스냅 레이아웃이란?스냅 레이아웃(Snap Layouts) 은 윈도우 11에 새롭게 추가된 창 정리 기능인데요.작업 중인 창을 화면에 자동으로 배치해 주기 때문에, 여러 개의 프로그램을 동시에 띄워도 깔끔한 작업 환경을 유지할 수 있답니다.윈도우 11 스냅 레이아웃 사용법(1) 마우스로 사용하는 방법프로그램 창의 최대화 버튼(□) 에 마우스를 올려두세요.다양한 화면 분할 레이아웃이 나타납니다.원하는 배치를 클릭하면 창이 자동으로 정리됩니다.(2) 단축키로 사용하.. 2025. 8. 22. [윈도우 11의 숨은 기능] 클립보드 기록 기능을 아시나요? 우리가 컴퓨터를 사용할 때 가장 자주 쓰는 기능 중 하나가 바로 복사와 붙여넣기입니다. 하지만 한 번에 하나씩만 저장되는 클립보드 때문에, 조금 전 복사했던 내용을 다시 쓰고 싶을 때 곤란한 경우가 많죠. 윈도우 11에는 이런 불편을 해결해 주는 클립보드 기록 기능이 기본으로 탑재되어 있습니다. 단축키 **Win + V**를 누르면 지금까지 복사했던 텍스트, 이미지, 심지어 이모지까지 목록으로 확인할 수 있고, 원하는 항목을 골라 다시 붙여 넣을 수 있습니다. 별도의 프로그램을 설치하지 않아도 되는 점이 큰 장점입니다.그 외에도 이모지, GIF, kaomoji, 특수문자, 등도 있으니 Win + V 단축키로 편하게 사용해 보세요.의외로 많은 분들이 이 기능을 모르고 지나치지만, 활용해 보면 작업 효율이 .. 2025. 8. 22. [CSS] 텍스트를 드래그하지 못하게 하는 방법 텍스트를 드래그하지 못하게 하는 방법입니다. CSS만으로 할 수 있어서 좋네요^^ CSS 소스를 보면 각 브라우저별로 다 막아버렸습니다. 위 예제 Result에서 마우스로 드래그 한번 해보세요~ 2019. 3. 21. [Wordpress] 워드프레스 테마(Theme)용 하단(footer) 고정시키는 CSS 템플릿 샘플 예제 워드프레스용 하단(Footer) 고정 템플릿 샘플예제입니다. 워드프레스 테마(Theme)를 만들 때 유용합니다. 2018. 12. 21. [Bootstrap] 부트스트랩으로 만든 Adsense 광고가 포함된 퀴즈/문제 템플릿 예제 샘플 See the Pen responsible quiz/question template with adsense by Woojin Choi (@woojin-choi) on CodePen. 부트스트랩과 CSS로 만든... 광고를 포함한 퀴즈/문제(4문항) 템플릿입니다.개인적으로 사용할데가 있어서 만들어 봤습니다. 2018. 12. 18. [Bootstrap] 부트스트랩 토글 버튼 - 클릭시 서로 색상이 바뀌는 예제 샘플 See the Pen bootstrap toggle button - color change by Woojin Choi (@woojin-choi) on CodePen. 클릭시 버튼 색상이 서로 바뀌는 예제입니다. 단순히 active 클래스만 변경되는 게 아님. 2018. 12. 17. [Bootstrap] 부트스트랩과 CSS로 이미지 위에 글자 보여주고 overlay되게 하기 See the Pen Bootstrap/CSS transparent text on image by Woojin Choi (@woojin-choi) on CodePen. 부트스트랩과 CSS 이용해서 브라우저 크기 조절하면 이미지가 브라우저 크기에 맞게 바뀝니다. 이미지 위에 반투명으로 글자가 보이고 마우스를 이미지 위에 올리면 글자가 이미지 전체에 overlay 됩니다. 2018. 12. 17. [CSS] 이미지 위에 글자(텍스트) 보여주기 샘플 예제 (반투명) See the Pen text mouseover on image with transparent by Woojin Choi (@woojin-choi) on CodePen. 이미지 위에 글자 보여주는 소스에요. 이미지는 원하는 url로 바꿔주시면 됩니다. 2018. 12. 17. [CSS] 반응형 퀴즈 및 문제풀이(4문항) 레이아웃(Layout) See the Pen responsive Quiz Layout - multiple skin by Woojin Choi (@woojin-choi) on CodePen. 퀴즈 프로그래밍 할 일이 있어서 퀴즈 레이아웃을 CSS로 만들어 봤습니다. class만 바꾸면 되도록 여러가지 색깔별로 변경이 가능합니다. (그건 직접 테스트 해보세요.) 이미지를 원하는 url로 변경하셔서 사용하시면 됩니다. 2018. 12. 17. [Bootstrap] CSS만 사용해서 하단(footer) 고정 레이어 샘플 예제 (부트스트랩용 샘플) See the Pen bottom fix footer - bootstrap by Woojin Choi (@woojin-choi) on CodePen. 하단 고정 레이어 여러가지 방법이 있는데요. 부트스트랩으로 템플릿을 만들어야해서 부트스트랩 class를 사용해서 만들어 봐야겠습니다. 부트스트랩의 기능으로 하단을 고정시킨 건 아닙니다. CSS로만 화면 하단에 고정시켰습니다. 2018. 12. 13. [HTML5/CSS3/jQuery] 반응형 상단에 광고 추가 가능한 헤더 템플릿(Template) - 밝은 빨강 계열 샘플 See the Pen responsive header template (red) by Woojin Choi (@woojin-choi) on CodePen. 밝은색의 경쾌한 상단 템플릿 예제입니다. 외국계 템플릿을 참고해서 반응형으로 한번 만들어 봤습니다. 구글 애드센스 하시는 분들을 위해 광고도 하나 넣었습니다. 2018. 12. 13. [JavaScript] inputbox에 숫자와 백스페이스(←)만 Key-In(입력)되게 하는 자바스크립트 소스 See the Pen Input Only Number & Backspace by Woojin Choi (@woojin-choi) on CodePen. Inputbox에 숫자와 백스페이스(←)만 Key-In되게 하는 자바스크립트입니다. event.keyCode로 제어합니다. 문자가 입력되었다 사라지는 게 아니고 아예 문자는 입력이 안됩니다. 2018. 11. 20. [jquery] 제이쿼리로 map()과 join()을 사용해서 객체의 문자열을 연결하는 간단한 방법 See the Pen jquery join sample by zzzznara (@zzznara) on CodePen. map()과 join()을 사용해서 객체의 문자를 연결하는 간단한 방법입니다. join()은 문자열을 콤마(,)로 연결해 줍니다. 2018. 11. 18. [CSS] CSS만으로 content / sidebar의 좌우 높이가 동일하게 유지하는 간단한 방법 See the Pen CSS sidebar content equals Heigtht by zzzznara (@zzznara) on CodePen. 새창으로 보셔야 합니다. 화면이 작으면 sidebar와 content가 위아래로 보입니다. 예제는 bootstrap을 사용했는데 CSS만 확인하시고 적용하시면 됩니다. 2018. 11. 18. [HTML/CSS] 메뉴 클릭시 애니메이션 효과로 해당 메뉴를 활성화시키는 소스 See the Pen Activated animation Accordions by Woojin Choi (@woojin-choi) on CodePen. 2018. 11. 16. 이전 1 2 3 4 ··· 51 다음
