그냥, 일단 써내려가자

안녕하세요 무택입니다 :) 오늘은 탭 클릭 시 원하는 내용을 노출시키거나 비노출시키는 코드에 대해 써보도록 하겠습니다. 정말 많이 사용하는 기능인데 아래에서 최대한 쉽게 설명을 해볼 테니 아래 내용을 참고해 주세요😀 탭 클릭 시 내용 노출, 비노출 HTML/CSS tab one tab two tab three tab one contents tab two contents tab three contents JS const tab = document.querySelectorAll('.tab'); const con = document.querySelectorAll('.content'); tab.forEach(function(tab_btn, index){ tab_btn.addEventListener('click'..

어떤 오류인지? 스테이블 디퓨전 코랩 사용 중 사이트는 정상적으로 열리나, 체크포인트를 선택하면 위 코드가 나오면서 로딩시간이 10분이 넘도록 계속 로딩되는 오류 어떻게 해결하는지? 1. 스테이블디퓨전 코랩 탭을 닫는다. 2. 구글 드라이브의 'sd - stable diffusion web ui - models - stable diffusion' 폴더 내의 아래 체크포인트를 삭제한다. 3. 다시 코랩으로 스테이블디퓨전 실행. 왜 생긴 문제인지? 왜 생긴 문제인지는 모르겠지만 해외사이트의 해결방법을 보고 해결할 수 있었다. 그런데 sd_xl_base_1.0 파일은 다시 생기는 건 왜 그런 건지 모르겠다.

안녕하세요 무택입니다 :) 오늘은 티스토리 블로그를 약 1년간 운영하면서 느낀 후기에 대해 써볼까 해요. 아마 많은 분들이 블로그 하면 수익부터 관심이 생길 것 같은데 마지막 부분에는 애드센스 수익도 같이 한 번 보여드리도록 할게요😊 나의 블로그 우선 지금 글을 쓰고 있는 2024.01.12 기준으로 제 블로그 글은 총 152개입니다. 글을 꾸준히 작성하기 시작한 건 2월부터였으니까 거의 1년 다되어가는 기간 동안 152개의 글을 작성했네요. 블로그를 시작하면서 매일 하나씩 글을 작성하려고 했는데 그게 쉬운 일이 아닌 것 같더라구요😭 카테고리는 디자인, 생활팁, 개발 관련이 핵심 카테고리였네요. 큰 분야로 구분하자면 자기 계발 포스팅 블로그가 맞겠네요. 저의 블로그 시작 이유는 하나의 큰 이유가 있었어요..

안녕하세요 무택입니다 :) 오늘은 일러스트에서 일정한 간격으로 모양 확장하는 방법에 대해 써보겠습니다. 아래 이미지처럼 울퉁불퉁한 모양은 크기를 키운다고 일정한 간격으로 커지는 것이 아니기 때문에 '패스 이동'툴을 활용해야 일정 간격만큼 크기가 커지게 됩니다. 그럼 아래에서 어떻게 사용하는지 알아보겠습니다. 일정 간격으로 모양 확장하기 1. 오브젝트를 선택해 줍니다. 2. 상단 탭에서 '오브젝트 - 패스 - 패스 이동'을 선택해 줍니다. 3. 확장하려는 크기만큼 픽셀을 입력하면 일정한 간격만큼 크기를 조절할 수 있습니다.

아마 이 글이 올해의 마지막 글이 될 것 같은데 한 해 동안 제 블로그에 방문해 주신 분들 모두 감사드리고, 모두들 내년은 더욱더 의미 있는 한 해가 되었으면 바라봅니다. 안녕하세요 무택입니다 :) 오늘은 불규칙한 이미지 프레임을 어떻게 만드는지 알아보려고 합니다. 아래 이미지 같은 웹디자인을 보신 분이 많을 것 같습니다. 주로 해외 웹디자인에서 많이 볼 수 있는 디자인인데 이런 프레임을 어떻게 구성하는지 알아보도록 하겠습니다. 불규칙한 이미지 프레임 HTML/CSS SERVICES Special Think Elevate your spaces sustainably with Nilsson. Discover innovative modern designs for architecture, interior, an..

겨울시즌 눈 내리는 효과 See the Pen [HTML/CSS]눈 내리는 효과 by TytanLee (@TytanLee) on CodePen. 겨울 시즌에 홈페이지에 적용하면 좋습니다😀 출처 : 프론트베이커

안녕하세요 무택입니다 :) 오늘은 포토샵에서 저장할 수 있는 방법들을 알아보려고 합니다. 가장 대표적으로 이미지 그리고 PDF, GIF 등 포토샵으로 저장할 수 있는 방법은 정말 다양하게 있는데 오늘은 그 저장 방법에 대해 알아보도록 하겠습니다🙂 포토샵 저장 방법 포토샵에서 저장 방법은 크게 기본 저장, 사본저장, 웹용으로 저장, 내보내기 저장 이렇게 네 가지로 나뉩니다. 기본 저장(=다른 이름으로 저장) 기본 저장은 최소한의 형식만 지원하며 저장 크기가 대체적으로 무겁습니다. 대표적으로 PSD, PSB, PDF, TIFF 형식으로 파일을 저장할 수 있으며 PSD는 포토샵 파일로 포토샵에서 저장할 수 있는 가장 기본적인 파일입니다. 그리고 PSB는 대용량 포토샵 파일로, 파일 크기가 2GB 이상 넘어가면..

안녕하세요 무택입니다 :) 오늘은 포토샵에서 분할 도구를 알아보려고 합니다. 분할 도구를 이용하면 다양한 작업을 할 수 있지만 대표적인 작업으로는 원하는 부분만 잘라서 저장할 수 있는 작업입니다. 주로 웹디자인 작업을 할 때 많이 사용하곤 하는데, 캔버스는 넓은데 요소 하나하나 저장하는 게 수고롭기 때문에 원하는 부분을 잘라서 이름을 설정한 뒤 한 번에 필요한 요소만 저장하는 용도로 많이 사용하곤 합니다. 그럼 아래에서 자세한 내용을 만나보세요🙂 분할 도구로 원하는 영역만 저장하기 1. 단축키 [C]를 누르거나 왼쪽 툴탭에서 분할 영역 도구를 선택해 줍니다. 2. 칼 모양의 커서가 활성화되면 자르고 싶은 부분을 드래그해서 잘라줍니다. 3. 왼쪽 '분할 영역 도구' 아이콘을 꾹 누르면 상세 기능이 나오는데..

안녕하세요 무택입니다 :) 오늘은 포토샵에서 작업물의 해상도를 쉽게 확인하는 방법을 알아보려고 합니다. 해상도는 은근히 중요한 부분이기 때문에 협업할 때, 작업물을 납품할 때 필요한 정보입니다. 이 정보를 어떻게 알 수 있는지 아래에서 확인해 주세요😀 해상도란? 해상도는 이미지의 선명도를 결정하는 데 사용되는 측정단위입니다. 픽셀 당 인치(PPI)로 측정되며, 숫자가 높을수록 이미지가 더 선명하고 디테일합니다. 해상도는 보통 작업물이 인쇄물이냐, 웹용이냐에 따라 달라질 수 있습니다. 인쇄물은 150~300 PPI, 웹용 작업물은 72 PPI를 주로 사용합니다. 해상도 확인 방법 ① 포토샵 화면의 좌측 하단을 보면 바로 알 수 있습니다. 필요한 정보는 바로 나와있으며 자세한 정보는 해당 부분에 마우스 좌클..

안녕하세요 무택입니다 :) 오늘은 포토샵에서 문자 패널에 대해 설명해보려고 합니다. 포토샵에 정말 다양한 기능들이 있는데 하나하나 다 알기는 쉽지 않죠. 하지만 문자 패널은 정말 자주 쓰는 기능이니 알고 가면 정말 좋은 부분이고 혹시 영어를 썼는데 대문자만 나온다 하면 이 문자 패널에서 잘못 설정이 되어있을 가능성이 높으니 아래에서 자세한 내용을 확인해 보세요😀 글꼴 패널 열기 상단 탭에서 '창-문자'를 눌러 문자 패널을 활성화시켜 주세요. 문자 패널 설명 1. 글꼴 설정 글꼴(폰트)을 확인하고 설정합니다. 2. 글꼴 스타일 설정 글꼴의 굵기, 기울임 등을 확인하고 설정합니다. 3. 글꼴 크기 설정 문자의 크기를 설정합니다. 4. 행간 설정 행과 행 사이의 간격을 설정합니다. 5. 자간 설정 글자와 글자..