전체 글 259

[JS] sticky와 투명도를 이용한 스크롤 효과

① HTML Amenity 안락한 생활의 편의시설 환자분들의 건강과 회복, 그리고 완벽한 통증 관리를 위해 항상 안락함과 편안함을 제공하는 병원이 되도록 최선을 다하겠습니다. Amenity 안락한 생활의 편의시설 환자분들의 건강과 회복, 그리고 완벽한 통증 관리를 위해 항상 안락함과 편안함을 제공하는 병원이 되도록 최선을 다하겠습니다. Amenity 안락한 생활의 편의시설 환자분들의 건강과 회복, 그리고 완벽한 통증 관리를 위해 항상 안락함과 편안함..

[포토샵 응용] 숫자 분수 만드는 방법

안녕하세요 무택입니다 :)오늘은 포토샵에서 분수 만드는 방법에 대해 알아볼게요.우선 포토샵에서 정식으로 분수를 만드는 방법은 아쉽게도 없어요😭 하지만 포토샵을 오래 사용하면서 쌓아온 빅데이터를 이용해 편법으로 분수 만드는 방법에 대해 올려볼까 해요.분수를 만드는 방법은 아주 간단하니 아래 내용을 확인해 보세요.  숫자 분수 만드는 방법1. 먼저 분수로 만들 숫자 텍스트를 '2 엔터 4' 이렇게 두 줄로 입력해 주세요.  2. 포토샵 상단의 '창 - 문자'를 눌러서 문자 탭을 활성화시켜 주고 ③번처럼 분수의 분자를 드래그한 상태에서 ④번을 누르면 드래그한 텍스트에 밑줄이 생기게 됩니다.이렇게만 해도 분수같이 보이기도 하지만..  3. 분자의 앞, 뒤에 띄어쓰기를 추가해 주면 더욱 분수처럼 보일 거예요. ..

[클로드] 소넷과 하이쿠 차이, 실제 테스트 결과로 알아보니...

안녕하세요 무택입니다 :)오늘은 클로드를 사용하면서 많은 분들이 궁금해하시는 '모델 별 답변 차이'에 대해 포스팅해보려고 합니다. 클로드의 대표적인 모델인 소넷과 하이쿠, 이 두 모델의 실제 성능은 어떻게 다를까요? 같은 질문을 던져보고 결과를 비교해 봤습니다. 소넷, 하이쿠 차이가 뭐야?소넷(Sonnet)은 성능이 좋지만 리소스를 더 많이 사용하는 모델입니다. 단순한 질문을 해도 질문에 담긴 의미를 깊이 파악하고, 더 복잡한 작업과 추론 능력을 발휘합니다. 생성 AI를 더 심층적으로 활용하고 싶을 때 적합한 모델이죠. 하이쿠(Haiku)는 소넷에 비해 성능은 떨어지지만 리소스가 덜 들어가고 간단한 질문은 더 빠르게 답변할 수 있는 모델입니다. 주로 일상적이고 간단한 질문에 적합하다고 알려져 있습니다. ..

💡생성 AI 2025.03.19

[클로드] 한 달 동안 사용해본 생성 AI 후기

안녕하세요 무택입니다 :)저는 한 달 전에 생성 AI "클로드"를 구독하기 시작했어요.그래서 오늘은 한 달 동안 제가 클로드를 어떻게 사용했는지 클로드 사용방법, 느낀 점들을 풀어보려 합니다.   클로드, 어떻게 접하게 되었나?저는 처음에 클로드 얘기를 들은 게챗지피티보다 무슨 능력이 뛰어나다는 얘기였는데처음에는 네이버에서 서비스하는 클로바를 말하는 줄 알았어요. 그냥 대수롭지 않게 생각하다가생성 AI를 사용해 보려고 정보들을 찾아보던 와중클로드의 "Artifacts" 기능에 대해 알게 되었어요. Artifacts는 클로드가 코드를 짜거나SVG를 만든 작업을 실제로 보여주는 기능인데예를 들어 챗지피에서 코드를 만들어달라고 하면코드만 제공해 주고 그 코드를 실제 적용해 봐야사이트에서 확인할 수 있는 건데,..

💡생성 AI 2025.03.13

[건강 관리] 4-7-8 호흡 타이머: 현대인의 스트레스 해소법

안녕하세요 무택입니다 :)오늘은 제가 최근에 책을 읽다가 알게 된 4-7-8 호흡법에 대한 포스팅을 남겨보겠습니다.하단에는 타이머도 있으니 글을 북마크하고 4-7-8 호흡법이 필요할 때마다 와서 실천해보세요! 4-7-8 호흡 타이머: 현대인의 스트레스 해소법 4-7-8 호흡법이란?하버드 대학의 앤드류 와일 박사가 개발한 이 호흡법은 고대 요가 기법에서 영감을 받아 현대인에게 맞게 재해석한 것입니다. 이름 그대로 4초간 들이마시고, 7초간 참고, 8초간 내쉬는 간단한 방법입니다. 4-7-8 호흡법: 현대인의 스트레스 관리법바쁜 일상 속에서 잠시 숨을 고르는 것만으로도 긍정적인 변화가 찾아올 수 있습니다. 4-7-8 호흡법은 그 중에서도 많은 이들에게 도움이 되는 방법입니다. 과학적 근거4-7-8 호흡법의 ..

🏷️생활 팁 2025.03.11

[도서] 이게 뭐지? 싶은 책 '바람의 노래를 들어라'

나는 무라카미 하루키를 좋아한다. 하지만 그의 책을 좋아하는 게 아니다.그의 책을 읽어본 적은 한 번도 없었다. 이 책이 첫 하루키의 소설 입문이다. 그런데 내가 하루키를 좋아하는 이유는 그가 가지고 있는 삶의 태도가 멋있기 때문이다. 그 태도 중 하나는 옛날에 주호민의 라디오 팟캐스트를 듣던 중 이런 말을 했다. "무라카미 하루키가 이 두 가지 문장만머릿속에 새기고 있으면 대부분의 인생의 시련을잘 넘길 수 있다고 했다.'그런 거지 뭐', '그래서 뭐'" 나한테 안 좋은 일이 생겼다면 '그런 거지 뭐' 무덤덤하게 넘길 수 있도록 하는 문장과 누군가 나에게 지나치게 책임을 묻는 상황이 생겼다면 '그래서 뭐' 나의 마음을 조금 편하게 해주는 문장.(실제로 상대방한테 쓰는 건 위험해 보인다.. 머릿속으로만 위..

[JS] JavaScript로 모바일 기기 감지하기 [2025년 최신 가이드]

JavaScript로 모바일 기기 감지하기안녕하세요 무택입니다 :)오늘은 프론트엔드 개발할 때 정말 자주 필요한 모바일 기기 감지 방법에 대해 알아볼게요. 모바일과 데스크톱에서 각각 다른 UI를 보여주고 싶을 때 많이 고민하셨죠? 😊다양한 방법이 있지만, 각각의 장단점을 비교해서 가장 좋은 방법을 알려드릴게요! 특히 초보자분들도 쉽게 따라 할 수 있도록 자세히 설명해 드릴게요~1. 미디어 쿼리로 모바일 감지하기 (가장 추천해요!)제가 가장 추천하는 방법은 미디어 쿼리를 사용하는 거예요! 간단하고 정확해서 요즘 웹 개발에서 가장 많이 쓰이는 방법이랍니다.function detectMobile() { // 화면 너비가 768px 이하면 모바일로 판단해요 return window.matchMedia('(..

[아카이브] PC와 모바일 환경에 따라 다른 URL로 연결하는 JS 함수

웹사이트에서 PC와 모바일 사용자에게 각각 다른 경험을 제공해야 할 때가 있습니다. 특히 PC에서만 제대로 작동하는 기능이나 모바일에 최적화된 별도 페이지로 연결해야 하는 경우, 사용자의 디바이스를 감지하여 적절한 URL로 연결하는 기능이 필요합니다.이 글에서는 JavaScript와 미디어 쿼리를 활용해 PC 사용자는 새 탭으로 특정 URL을 열고, 모바일 사용자는 다른 URL로 리다이렉트하는 함수를 구현해 보겠습니다. 이 방법은 별도의 라이브러리 없이 순수 JavaScript만으로 구현 가능합니다.  ① PC에서는 새탭으로 이동, 모바일에서는 alert창 띄워서 접속 막기function pcOnlyLink(url) { const isMobile = window.matchMedia('(max-wid..

매복사랑니 10년 미루다 뽑은 후기 (관악연세공감치과 실제 경험담 + 꿀팁)

안녕하세요! 오늘은 제가 진짜 오래 미뤄왔던 사랑니 발치 후기를 들고 왔습니다. 10년 동안 미루다가 이제서야 뽑았는데요, 제 경험이 사랑니 때문에 고민하시는 분들께 도움이 됐으면 해서 최대한 자세히 적어볼게요. 병원 선택: 왜 관악연세공감치과의원 였나?일단 제가 20살 초반에 사랑니 때문에 엄청 고생했었어요. 윗 사랑니 두 개는 뽑아주는데 아랫 사랑니 두 개는 매복이라 그런지 그때 치과 몇 군데를 돌아다녔는데, 다들 잘 안 뽑아주더라고요. 그러다가 관악연세공감치과의원을 알게 됐는데, 여기는 사랑니 발치 전문병원이기도 하고 구강안면 전문선생님(?)이 계시다고 해서 선택하게 됐습니다. 네이버 지도관악연세공감치과의원map.naver.com  첫 내원: CT 촬영부터 상담까지처음 가면 턱관절 CT를 찍어요. ..

🏷️생활 팁 2025.02.22