본문 바로가기

전체 글22

급하게 이미지 포맷을 바꿔야 할때! 가끔은 jpg 포맷을 png나 또는 tif를 png 혹은 여러 포맷으로 변경해야 할 때가 있다. 그럴 땐, 맥에서는 preview를 사용하거나 또는 기타 기본 프로그램으로 해결하면 되는데, 그 프로그램에서 지원하지 않는 이미지 포맷인 경우에는 난감하다. 그래서! CloudCovert라는 사이트에서 그 고민을 해결해 준다. 누구나 포토샵을 설치하고 있지는 않으므로, 구독료가 싼 것도 아닌데 말이지... https://cloudconvert.com/ CloudConvert Compress Merge Capture Website Create Archive Extract Archive Convert +200 Formats Supported CloudConvert is your universal app for f.. 2024. 3. 27.
웹사이트 폰트를 바꿔보자 웹사이트를 방문하면 스타일 시트의 지정 폰트가 적용되어 있다. 특히 영문사이트의 경우에 국문으로 변경하면 국문 지원이 미흡해서 굴림 또는 그냥 고딕 형태로 렌더링 된다. 따라서 시각적으로 미려하지 않을 수 있다. 이건 어디까지나 개인적인 취향이지만 나눔 고딕의 경우 굴림과 매우 흡사해서 개인적으로 그다지 좋아하는 폰트는 아니다. 그렇다고 계속 쓰자니 불만이고해서 변경하면 어떨까 싶어 인터넷 검색을 해보니 Stylus라는 크롬 익스텐션을 찾았다. 설정 방법도 CSS를 조금이라도 할 줄 알면 누구나 쉽게 사용가능하다. 크롬 브라우저의 확장프로그램 스토어에 가서 Stylus를 검색한다. 나는 이미 설치를 했기때문에 설치됨으로 뜬다. 선택해서 설치해주면 브라우저 우측 상단의 퍼즐 모양의 아이콘 옆이나 자동으로 .. 2024. 3. 7.
RGB와 CMYK의 다른점 보통은 이제 막 디자인을 시작하는 초보 디자이너들이 보통 실수하는 부분 중 하나라고 하지만, 의외로 조금 짬이 있는 디자이너들도 잘 모르고 있는 부분이 빛이냐, 색이냐...이다. 즉, RGB와 CMYK는 확실히 다르다. RGB 이건 빛의 3 원색이다. Red, Green, Blue의 앞글자를 따서 부른다. 빛이라고 했다. 즉, 각 색을 섞으면 빛이니 화이트, 즉, 하얀빛이 되는 것이다. 디지털 디자이너, 다시 말하면 UX, UI, 그래픽 등등, 웹이나 앱 등의 디자인 작업을 하기 위해서는 RGB로 선택하고 작업을 해야 한다는 것이다. 가끔 온라인 포스터, 혹은 웹에 게시할 디자인을 일러스트로 작업할 때 아트보드의 컬러를 CMYK로 설정하고 작업하는 경우가 있는데 그러면 아무리 쨍한 색상을 지정해도 뭔가 .. 2024. 2. 18.
PX to REM, REM to PX 가끔 픽셀 단위를 rem으로 변경하려면 생각이 안 날 때가 있거나 혹은 계산이 번거로울때가 있다. 물론 외워두고 습관되면 간단하지만 그래도 컨버터/계산기가 있으면 편리하지 않을까? https://nekocalc.com/px-to-rem-converter PX to REM converter (instantly and bidirectional) PX ↔︎ REM conversion tables PixelsREM1px0.06rem2px0.13rem3px0.19rem4px0.3rem5px0.3rem6px0.4rem8px0.5rem10px0.6rem12px0.8rem14px0.9rem15px0.9rem16px1rem18px1.1rem20px1.3rem24px1.5rem25px1.6rem28px1.8rem32px2.. 2024. 2. 13.
인터넷 마우스 오른쪽 버튼 금지 및 기타 기능 풀어버리기 크롬과 엣지를 사용하면서 가끔 인터넷 어느 페이지에 들어가면 마우스 오른쪽 버튼 클릭을 금지해 놓는다거나 또는 긁어가는 것을 방지하기 위해서 드래깅도 막아놓은 사이트가 있다. 요거 간단하게 해결하는 방법이 있는데, 크롬이나 엣지 모두 동일하다. 약간의 인터페이스만 다를 뿐. 크롬을 예로 들어 설명하면 아래와 같다. 페이지 오른쪽 마우스 버튼을 막아놨을 경우에 당연히 요소검사를 할 수 없으니 이때는 당황하지 말고, 크롬의 우측 상단에 보면 3개의 도트(점)로 된 메뉴를 클릭한다. 그러면 메뉴가 표시되는데 여기에서 중간 아래쯤 '도구 더 보기' 또는 'More tools'에서 '개발자 도구(Developer tools)'를 선택한다. 그럼 아래와 같은 메뉴가 표시된다. 여기에서 우측 상단 톱니바퀴 모양의 아.. 2024. 2. 12.
비주얼 스튜디오 코드에서 FTP 연결 호스팅 공간에 접속하기 위해서 ftp접속을 하려면 ftp클라이언트를 설치해도 되지만, 비주얼 스튜디오 코드가 설치되어 있다면 간단하게 해결할 수 있고, 게다가 편집해서 바로 저장하면 반영된다. 우선 비주얼 스튜디오 코드를 실행하면, 아래와 같다. 이미 나는 ftp-simple을 설치했는데, 좌측 사이드바 아래쪽 퍼즐 같은 아이콘 선택하고 바로 위에 extentions에 검색해서 ftp-simple를 선택하고 설치(install)한다. 설치는 금방 된다. ftp를 이용하여 호스팅에 연결해야 하는데, 앱 상단에 검색이 있다 여기에 > ftp-simple이라고 입력한다. 리스트에서 config - FTP connection setting을 선택. 그러면 config파일이 열리는데 여기에 호스팅 정보를 입력해 .. 2024. 2. 11.
Content: "안에서 줄바꿈 처리" CSS에서 Content를 사용할 때 줄 바꿈 처리가 필요했다. 줄 바꿈 처리는 간단하다. h1:before { display: block; text-align: center; white-space: pre; content: "chapter\A hoofdstuk\A chapitre" } 줄 바꿈 처리하는 곳에 \A 를 타이핑하고 White-Space를 추가해 준다. 결과는 아래와 같다. chapter hoofdstuk chapitre 2024. 2. 10.
피그마 강력 추천 플러그인(Plugins) 개인적으로 업을 진행할 때 가장 많이 사용하는 툴은 피그마(Figma)다. https://www.figma.com/ Figma: The Collaborative Interface Design Tool Figma is the leading collaborative design tool for building meaningful products. Seamlessly design, prototype, develop, and collect feedback in a single platform. www.figma.com 이 피그마는 대략 7년 전 2016년 9월 27일 정식 버전이 릴리즈 된 것으로 알고 있는데, 그 당시에는 스케치(Sketch App)를 사용하던 때라 스케치앱과 어떤 차이가 있는지 간간히 보는 .. 2024. 2. 8.
윈도우에서 한글 자소모음 분리될 때 간혹 한글명으로 된 파일을 내려받을때 윈도우에서 자음과 모음이 분리되어 파일명이 막 막 춤추는 모양일때... 예를 들면 아래와 같은 상황일때 ㅇ ㅣ ㄹ ㅓ ㄴ ㅍ ㅏ ㅇ ㅣ ㄹ.pdf 간단히 해결하는 방법이 있다. 아래 개발자 사이트로 이동해서 파일을 다운받고 실행해서 바꾸고 싶은 파일이 있는 폴더를 선택하고 변환하면 한방에 끝. 이렇게 해당 폴더 찾으면 자소모음 분리된 파일을 찾아준다, 좌측 상단에 변환 아이콘을 누르면 된다. https://namocom.tistory.com/630 [Windows] 한글 자소 교정기 ver.2 라이센스 본 애플리케이션은 오픈 소스 소프트웨어(Open Source Software)입니다. 개인용 및 회사에서 사용이 가능하고 재배포 또한 가능합니다. 다만, 재배포시에 댓.. 2024. 2. 6.
윈도우 11 창 아래 그림자 없애기 가끔씩 윈도우 10 때도 그렇고 11도 그렇고 메뉴나 창의 그림자가 개인적으로 마음에 들지 않을 때가 있었는데, 또, 속도나 퍼포먼스도 그렇고해서 없애고 사용해 보기로 했다. 간단하다. 작업표시줄 검색에서 Adust the appearance and performance...(한글판은 '화면표시 및 성능조정' 정도?)를 검색하면 아래와 같은 창을 만날 수 있다. 여기에서 중간쯤 'Show shadows under windows'를 선택해제 한다. 한글판은 '창 그림자 보이기' 정도 되겠다. 그럼 모든 창에서 그림자가 빠지고 제법 가벼운 느낌을 체감할 것 같다. 2024. 2. 6.
윈도우 11 앱 그리고 브라우저 컨트롤 느낌표와 실행되지 않을때 해결책 일단 윈도우 11이 사용하면 할수록 매력적인 OS인 것 같긴 하다. 나는 맥 유저로 98년부터 사용했으니 윈도우와는 사실 거리가 멀다. 그래도 우리나라 현실상 윈도우는 뗄 수 없는 관계라... 여하튼, 윈도우 11을 설치하고 언제부턴가 보안 쪽에 장치 보안(device security), 그리고 app & browser control 등에 노란 딱지가 붙어서 해결하느라 정말 많은 시간을 검색을 하면서 해결책을 찾은 것 같다. 바로 아래 보이는 방법은 우선 느낌표를 없애는 방법이다. 엄밀히 말하면 앱 그리고 브라우저 컨트롤 이란 메뉴를 안 보이게 하는 거다. 위와 같은 경로로 이동해서 UILockdown 키 값을 0에서 1로 변경하고 재부팅하면 정말 안 보인다. 그래서 작업 표시줄에도 노란색이 사라지고 녹.. 2024. 2. 4.
윈도우 11 기본폰트 변경 후 복원 복원도 변경과 동일하게 메모장을 '관리자모드'로 실행하고 다음 코드를 붙여 넣어 'changefont-restore.reg'로 저장한다. 파일타입은 모든 파일. Windows Registry Editor Version 5.00 [HKEY_LOCAL_MACHINE\SOFTWARE\Microsoft\Windows NT\CurrentVersion\Fonts] "Segoe UI (TrueType)"="segoeui.ttf" "Segoe UI Black (TrueType)"="seguibl.ttf" "Segoe UI Black Italic (TrueType)"="seguibli.ttf" "Segoe UI Bold (TrueType)"="segoeuib.ttf" "Segoe UI Bold Italic (TrueTy.. 2024. 2. 3.