채널톡 버튼 커스텀하기 바쁜 사람을 위한 요약:// 채널톡 플러그인을 불러오는 코드(function(){var w=window;if(w.ChannelIO){return w.console.error("ChannelIO script included twice.");}var ch=function(){ch.c(arguments);};ch.q=[];ch.c=function(args){ch.q.push(args);};w.ChannelIO=ch;function l(){if(w.ChannelIOInitialized){return;}w.ChannelIOInitialized=true;var s=document.createElement("script");s.type="text/javascript";s.async=true;s.src="https:/.. 2025. 1. 16. 윈도우 PC 상태 점검, 메모리 정리 프로그램 추천 (무료, MS 자체 프로그램, 광고 아님) 바쁜 사람을 위한 요약: PC 정리, 컴퓨터 보호 | Microsoft PC 관리자저장소 관리하기 PC를 청소하고 대용량 파일을 관리하세요. 저장소 센스를 사용하여 자동으로 저장 공간을 확보 할 수 있습니다.pcmanager.microsoft.comMicrosoft 자체 프로그램.PC 관리, 메모리 정리, 불필요 파일 삭제.쉬운 사용법.큰 효용성은 느끼지 못하고 있으나, 좋은 게 좋은 거라고 생각하며 사용 중.예전에는 핸드폰이 느리고 보안의 위험도 커서 다들 백신 프로그램이나 메모리 정리 프로그램들을 설치하고는 했지요.저도 클린마스터, V3, 알집 등 다양하게 써본 기억이 있습니다.요즘에는 소프트웨어의 보안과 성능이 상향 평준화 되었기 때문에 백신이나 메모리 정리 프로그램을 사용하지 않는 분들이 대부분입.. 2025. 1. 10. 나의 Window는 당신의 Mac보다 아름답다. (2025/01/05) 저번에 다양한 바탕화면 꾸미기 프로그램들을 소개해 드렸었지요.그때와 비교해서 많은 변경점이 있어 간간히 바탕화면 세팅에 대한 내용을 공유해 드리면 좋을 것 같아 글을 적습니다.이전 바탕화면:위 바탕화면도 무척 맘에 들었던 바탕화면이었습니다.애니메이션 바탕화면과 다양한 프로그램으로 기능성과 이쁨을 동시에 챙긴 바탕화면이었지요.장점:애니메이션이 들어간 백그라운드. (스팀 월 페이퍼 엔진 사용. 이쁨)투명한 하단 바(bar)로 인한 몰입감 증가. (TranslucentTB 사용)Big Sur 위젯으로 인한 있어빌리티 증가와 애플 감성 추가. (Rainmeter 사용)RocketDock을 사용해 바탕화면에 바로가기 아이콘들을 전부 제거. (깔끔함 증가)단점: 게이밍 노트북에서는 괜찮았으나 사무용 노트북에서 다소.. 2025. 1. 6. setTimeout, setInterval의 심화 사용법 (개발 시 시간 처리에 관하여) 최근에서야 setTimeout, setInterval의 제대로 된 사용법을 알게 되었습니다.많은 분들이 아는 setTimeout, setInterval의 일반적인 사용법은 아래와 같을 겁니다.// setTimeoutsetTimeout(() => { console.log('3초 후 실행');}, 3000);// setIntervalsetInterval(() => { console.log('매 2초마다 실행');}, 2000);하지만 위처럼 간단한 사용법 말고도 더욱 많은 사용법과 응용법이 있다는 것을 알게 되어 공유해 보려 합니다.setTimeout과 setInterval의 심화 사용법setInterval(add, 1000, 3, 4, 5); // 인자는 계속 추가할 수 있습니다.function.. 2024. 12. 20. [JS] 함수명과 변수명 만드는 방법. 난독화에 관하여 오늘은 함수와 변수의 이름을 짓는 방법에 대해 간단하게 얘기를 나누어 볼까 합니다.함수 이름을 명시적으로 짓는 것은 HTML에서 class나 id의 이름을 직관적으로 짓는 것만큼 중요합니다.코드가 복잡한 JS 특성상 class나 id 보다도 더 중요하다고 말씀 드릴 수도 있겠네요.위 코드처럼 직관적인 이름이 가장 이해하기 편하고 사용하기도 편합니다.함수 뿐만 아니라 HTML과 CSS를 사용할 때도 알맞은 태그와 어울리는 이름을 지어주는 것이 무척 중요합니다.HTML의 태그는 Search Console 등이 참고하며, 시각 장애인 분들께서는 태그를 통해 사이트를 이용하시기도 합니다.CSS의 class나 id 또한 유지보수와 생산성 향상을 위해 해당 태그와 어울리는 이름을 짓는 것이 무척 중요합니다.이름을 .. 2024. 12. 19. 브라우저 개발자 도구 사용법 + 팁 브라우저에는 개발 편의성을 돕기 위한 개발자 도구라는 것이 있습니다.개발자 도구는 현재 페이지의 HTML, CSS, JS 등을 확인할 수 있는 코드 뷰어라고 이해하시면 편합니다.가장 기본적인 것부터 시작해서 간단한 팁 몇 개를 같이 소개해 드리겠습니다.개발자 도구 여는 법: F12키 클릭종종 F12키를 막는 웹 사이트가 있습니다. 그럴 땐 아래 방법을 사용해 보세요. Ctrl + Shift + C키위 단축키 사용 시 바로 HTML 요소를 클릭할 수 있습니다. (프론트 개발자 분들은 이 단축키에 익숙해지시면 무척 편합니다!)마우스 호버 시 나오는 파랑 박스를 클릭해 개발자 도구에서 바로 관련 HTML과 CSS 등을 확인할 수 있습니다.설정에서 직접 열기(크롬 기준) 우측 상단 점 3개 클릭 > 도구 더 보.. 2024. 12. 10.
