분류 전체보기 249

포토샵 저장안되는 문제 해결

안녕하세요. 무택입니다 :)오늘 알아볼 기능은 포토샵이 저장되지 않는 오류가 생길 때 해결 방법입니다. 저장 안 되는 오류는 많을 텐데 아래의 오류에 해당된다면 간단하게 해결할 수 있으니 보고 따라 해보시길 바랍니다.문제원인포토샵에서 파일을 저장하려고 할 때 위 같은 창이 뜰 때가 있습니다. 파일이 잠겨 있지도 않고 다른 프로그램에서 사용중이지도 않은데 뜰 때가 있어요. 그럴 때는 아래 프로세스를 중지 시켜야 합니다.문제 해결먼저 ‘Ctrl + Shift + ESC’를 눌러서 작업 관리자를 띄워줍니다. 그 후에 백그라운드 프로세스에 ’COM surrogate’라는 작업이 실행중인지 확인하고, 만약에 이 작업이 실행되고 있으면 포토샵 파일이 저장되지 않을때가 있습니다. 이 작업을 중지 시키고 저장하면 해결..

toggle로 클래스 추가 시 css적용 우선순위

# 언어 버튼 누르면 설정 버튼 나오는 기능 See the Pen toggle로 클래스 추가할때 추가하는 클래스 붙여쓰기 by TytanLee (@TytanLee) on CodePen. # 자바스크립트를 이용해서 css를 추가할때 언어 버튼 클릭 시 언어를 선택하는 버튼들이 나오는 코드를 만들어서 js로 클래스 추가 기능을 넣었고 console에서 클래스가 추가 되었는지 확인까지 했는데 'display:block;'이 적용이 안되는 현상 발견 클론 사이트 들어가서 확인하니 추가할 클래스를 붙여서 쓰는거 확인 css 54번째 줄 'header .rightTab #langUl .langOn' > 처럼 띄어쓰지말고 아래처럼 추가시킬 태그에 클래스 붙여쓰기 'header .rightTab #langUl.lang..

og태그 활용해 검색 엔진 최적화하기

안녕하세요 :) 무택입니다🧔 오늘 알아볼 기능은 og태그입니다. og태그 하면 잘 모르시는 분들이 많을 것 같은데 이게 무엇이냐면, 링크가 SNS에 공유될 때 보여줄 요약 내용을 최적화해서 설정하는 것입니다. Open Graph의 줄임말로 Meta Tag라고 하기도 합니다. 알기 쉽게 이미지로 설명하자면 # 사용하는 이유? 이 태그를 넣으면 문서의 실제 모양과는 상관이 없지만 검색 엔진 최적화 효과가 있고 콘텐츠 홍보에 도움이 되기때문에 사용합니다. 이미지를 보면 아시겠지만 설정된 사이트는 사이트의 이미지가 조금 더 신뢰성이 있어 보이기도 합니다. 이 기능은 페이지가 어떤 내용을 다루고 있는 간접적으로 보여주면서 사용자들의 페이지 방문까지도 유도할 수 있습니다. # 어떻게 사용할까요? 위 코드처럼 사이에..

포토샵 텍스트 깨지는 현상 해결하기

안녕하세요 :) 무택입니다🧔 오늘 알아볼 기능은 포토샵에서 갑자기 텍스트가 깨져 보일 때 해결 방법입니다. 어느 날 갑자기 설정을 잘못 만져서 텍스트가 깨져 보이는 경우도 있고 처음에 설치할 때 설정을 잘못해서 깨져 보일 때도 있고 다양한 경우에 나타날 수 있는 현상입니다. 그럴 때 어떻게 해결해야 할지 알아봅시다. 포토샵 텍스트 깨지는 현상 해결 텍스트가 깨져보이는 이유는 바로 '안티앨리어싱' 기능이 설정되지 않아서 그렇습니다. 이름을 들어도 뭔지 감이 전혀 잡히지 않는데 이게 어떤 기능이냐 하면 이게 바로 안티앨리어싱 적용 여부 차이입니다. 위에 이미지에서 보이는 것처럼 미적용된 이미지는 계단현상이 발생합니다. 레이어의 표면이 매끄럽게 표현되지 않고 끊긴 것처럼 표현되어 있죠. 안티앨리어싱은 이 계단..

동적인 웹 구현을 위해 애니메이션을 알아보자

안녕하세요 :) 무택입니다🧔 오늘 알아보려고 하는 기능은 css에서 중요한 animation 기능입니다. 애니메이션은 지금은 웹개발이 다양화되고 전문화되면서 거의 필수라고 봐도 될 정도로 많이 사용되고 있는 기능입니다. 여러 사이트를 돌아다니면서 분석해 보면 트렌드가 동적인 웹사이트로 바뀌면서 정적인 사이트보다 동적인 사이트가 더 사용자 행동을 유도하고 체류시간을 높이는 것 같습니다. # animation 코드의미 - 0. @keyframes : keyframes 설정을 위한 시작 코드 1. animation-name : 어떤 @keyframes을 사용할지 정합니다. 2. animation-duration : 애니메이션의 총시간을 정합니다. 3. animation-timing-function : 애니메이..

티스토리 구글 애드센스 통과 후기

안녕하세요 :) 무택입니다🧔오늘은 구글 애드센스 통과 후기에 대해 남겨보려고 합니다. 구글 애드센스 통과는 저는 잘 몰랐지만 애드고시라고 불릴 정도로 통과를 어렵게 생각하시는 분들이 많더라구요. 그래서 관련 글들도 많은 것 같고 저도 신청하고 통과가 되지 않아서 찾아본 경험을 토대로 누군가는 여기에 관련된 정보를 찾아보지 않을까 해서 제가 생각했을 때의 팁을 남겨드립니다.  티스토리 구글 애드센스 통과 후기 신청할 때 상태결론부터 말씀드리면 저는 애드센스를 한 번에 통과했습니다. 횟수는 한 번이었지만 기간은 2달 정도 걸린 것 같습니다. 여기에 관련된 내용은 아래에서 남겨드리고, 제가 애드센스를 신청할 때의 블로그 상태는 그리 괜찮은 편이 아니었습니다. 게시글 10개 정도, 일간 방문객은 평균 10명 ..

✏️티스토리 2023.04.18

사용성 좋은 누끼사이트 추천

안녕하세요 :) 무택입니다🧔 오늘은 포토샵이 아니라 웹브라우저를 통해 누끼딸 수 있는 사이트를 추천해드리려고 합니다. 4가지 사이트정도 추려서 추천해 드리니 아래에서 내용을 확인해 보고 활용해 보세요. 오늘 활용할 이미지입니다. 누끼 따기 힘든 털을 가진 동물과 제품이 나온 사진으로 가장 많이 활용하는 이미지로 골라봤습니다. 1. inpixoi 제공 파일 확장자 : jpeg 이미지 사이즈 유지 : O 제공 퀄리티 : 털 부분 미흡 가장 좋은 점은 이미지 원본사이즈 그대로 누끼 딴 파일을 제공받을 수 있지만 털 부분을 제대로 따지 못하는 부분이 있어 아쉽지만 원본 사이즈의 파일이 필요하고 동물을 누끼 따는 게 아니라면 가장 추천합니다. 2. removebg 제공 파일 확장자 : png 이미지 사이즈 유지 ..

🏷️생활 팁 2023.04.17

포토샵 행간 자동 간격이 왜이러지?

안녕하세요 :) 무택입니다🧔 오늘 알아볼 기능은 포토샵 행간 자동간격 조절입니다. # 문제의 시작 오늘 작업을 하려고 포토샵을 켜고 텍스트를 치는데 뭔가 이상한 느낌이 드는 겁니다. 텍스트를 보는데 행간이 분명 자동으로 설정되어 있는데 행간이 너무 넓은 겁니다😶 보통 일반적인 상태의 포토샵 설정이면 자동 행간으로 맞추면 최적화된 간격으로 맞춰져있습니다. 하지만 설정을 잘못 만지거나 다른 pc에서 클라우드 계정으로 로그인해서 포토샵을 작업하면 오류가 발생할 수 있습니다. 저는 후자의 경우로 맥북에서 잠시 작업했다가 다시 원래 사용하던 pc에서 로그인을 했는데 간격이 이상하게 나온 경우였습니다. 창피하게도 저는 디자인 작업을 수년동안 해오면서 이게 왜 이렇게 되는지 몰랐습니다. 그래서 저도 검색을 해서 왜 ..

개봉하자마자 달려가서 본 존윅4 후기(NO스포)

안녕하세요 :) 무택입니다🧔 오늘은 구로 CGV에서 존윅4를 보고 왔습니다. 이전 작품들도 재미있게 봤고 액션 맛집이라서 개봉만 기다리다가 개봉하자마자 시간 내서 바로 보러 갔습니다. 구로 CGV 구로 CGV는 처음 가보는데 NC백화점 6층에 위치하고 있더라구요. 그런데 구로 CGV는 특이한 게 있었습니다. 최근에 영화관을 자주 가진 않아서 모르는 거일 수도 있는데 바로 매점을 이용할 때 픽업 박스가 있더라구요. 바로 아래의 사진처럼 직원이 상품을 건네주는 게 아니라 구입 번호표에 맞는 박스를 열어서 가져가는 형태입니다. 처음에 어떻게 여는 건가 했는데 옆에 바코드나 QR코드 찍는 곳이 있길래 거기에 입력하면 맞는 번호의 박스가 열리는 형태였습니다. 처음 보는 신문물이라 '오와~'하면서 맛있는 팝콘이랑 ..

💙취미 2023.04.15

텍스트를 드래그했을 때의 색상을 커스텀 해보자

안녕하세요 :) 무택입니다🧔 오늘 알아볼 기능은 바로 '::selection' 입니다. 딱 봤을 때는 뭔지 잘 모를 수 있는데 어느 사이트에서 텍스트를 복사해오고 싶을때 텍스트에 드래그를 해본 경험은 누구나 한번쯤 있을 것 같습니다. 바로 드래그했을 때 색상을 설정할 수 있는 기능입니다. 텍스트를 드래그하면 색상을 지정해야 할 곳은 두 곳이 있습니다. 한 가지는 드래그한 텍스트의 컬러, 다른 한 가지는 텍스트의 배경 컬러. 오늘 알아볼 기능은 이 두 가지를 설정할 수 있는 CSS 기능입니다. 처음에 저는 이 기능을 보고 복잡한 코드일줄 알았는데 1초, 아니 0.5초면 알만한 코드여서 놀랄 정도로 간단한 코드이니 한번 훑어보시면 좋을 것 같습니다. # CSS코드 ::selection{ background:..