CSS 이미지 축소시 화질 저하문제 해결방법

​img[src$=".gif"], img[src$=".png"] { image-rendering: -moz-crisp-edges; /* Firefox */ image-rendering: -o-crisp-edges; /* Opera */ image-rendering: -webkit-optimize-contrast;/* Webkit (non-standard naming) */ image-rendering: crisp-edges; -ms-interpolation-mode: nearest-neighbor; /* IE (non-standard property) */ } img 태그의 크기를 원본보다 줄일 경우 화질저하 문제가 발생하는 경우가 있다. 그때는 위 코드와 같인 image-rendering 속성을 사용해..

• format_list_bulleted SW/Reference
• · 2022. 3. 4.
• textsms

WSL2 X-Window 설정법

다른 블로그들에 나온 설정법으로 안돼서 따로 정리함. 필자의 경우 /etc/resolv.conf 내의 네임서버가 로컬 DNS가 아닌 8.8.8.8로 되어있다보니 흔히 DISPLAY 변수에 resolv.conf 내의 네임서버주소를 넣는 방법으로는 로컬 윈도우의 x-window 클라이언트와 연결할 수 없었다. 그래서 필자는 이를 ip route와 grep 정규식필터를 통해 해결하였다. ~/.bashrc에 아래 두 줄을 추가해주면 된다. export DISPLAY=$(ip route | grep default | grep -oE "([0-9]{1,}\.){3}[0-9]{1,}"):0 export LIBGL_ALWAYS_INDIRECT=1 이렇게 하면 ip route에 나오는 로컬 윈도우의 ip 주소를 DISP..

• format_list_bulleted SW/Reference
• · 2022. 2. 13.
• textsms

[정규표현식(Regular Expression) 정리] - 3. 전후방탐색(look-around)과 전방탐색(look-ahead)과 후방탐색(look-behind)

2021.12.02 - [SW/Reference] - [정규표현식(Regular Expression) 정리] - 2. 메타 문자와 플래그 [정규표현식(Regular Expression) 정리] - 2. 메타 문자와 플래그 2021.12.02 - [SW/Reference] - [정규표현식(Regular Expression) 정리] - 1. 기본 개념 [정규표현식(Regular Expression) 정리] - 1. 기본 개념 1. 서두 필자가 여러 블로그, 책을 더듬어가며 정리한 정규식 문법.. betaman-workshop.tistory.com 정규표현식의 메타문자와 플래그에 대해 잘 모르고있다면 이전글을 보고오길 바란다. 1. 서두 이번 포스팅에서는 정규표현식에서 사용되는 "전후방탐색(look-aroun..

• format_list_bulleted SW/Reference
• · 2021. 12. 3.
• textsms

[정규표현식(Regular Expression) 정리] - 2. 메타 문자와 수량 한정자와 플래그

2021.12.02 - [SW/Reference] - [정규표현식(Regular Expression) 정리] - 1. 기본 개념 [정규표현식(Regular Expression) 정리] - 1. 기본 개념 1. 서두 필자가 여러 블로그, 책을 더듬어가며 정리한 정규식 문법에 대한 포스팅이다. 내용이 길어질 예정이라 챕터별로 나누어 포스팅하도록 하겠다. 2. 정규표현식(Regular Expression) 이란? 기본 betaman-workshop.tistory.com 정규표현식에 대해 처음 들어보거나 기초적인 컨셉 및 구조에 대해 모르고 있다면 필자의 이전글을 보고오길 바란다. 1. 서두 이번 포스팅에서는 정규표현식에서 사용되는 "메타문자"와 "수량한정자"와 "플래그"에 대해 설명할 예정이다. (본 포스팅 ..

• format_list_bulleted SW/Reference
• · 2021. 12. 2.
• textsms

[정규표현식(Regular Expression) 정리] - 1. 기본 개념

1. 서두 필자가 여러 블로그, 책을 더듬어가며 정리한 정규식 문법에 대한 포스팅이다. 내용이 길어질 예정이라 챕터별로 나누어 포스팅하도록 하겠다. (본 포스팅 시리즈는 Javascript 문법 내에서 사용되는 표준을 가져와 설정중이다. 다른 언어도 크게 다르진 않는데 언어마다 사용성이 조금씩 다르기 때문에 다른언어에서 사용시엔 해당 언어의 정규표현식 사용법을 참고하여 사용하기 바란다.) 2. 정규표현식(Regular Expression) 이란? 기본적인 컨셉은 "특정한 규칙을 가진 문자열들의 집합을 표현하기 위한 형식언어"이다. 좀 더 풀어서 말하자면 어떤 문자열 내에서 특정한 형식 혹은 패턴을 찾기 위해 그 형식 혹은 패턴을 표현 하는 것이라고 할 수 있다. JSON, XML 처럼 무언가를 표현하기 ..

• format_list_bulleted SW/Reference
• · 2021. 12. 2.
• textsms

용도별 정규 표현식 정리

용도별로 자주 쓰는 정규표현식들을 모아 정리해보았다. 문자열 정규식 패턴 테스트시 null이 나오면 패턴에 위배되는 것을 기준으로 작성되었다. 정규표현식 문법에 대한 정리는 아래 링크를 참고하면 된다. 2021.12.02 - [SW/Reference] - [정규표현식(Regular Expression) 정리] - 1. 기본 개념 [정규표현식(Regular Expression) 정리] - 1. 기본 개념 1. 서두 필자가 여러 블로그, 책을 더듬어가며 정리한 정규식 문법에 대한 포스팅이다. 내용이 길어질 예정이라 챕터별로 나누어 포스팅하도록 하겠다. 2. 정규표현식(Regular Expression) 이란? 기본 betaman-workshop.tistory.com 1. 아이디 최소 3자리, 최대 30자리의..

• format_list_bulleted SW/Reference
• · 2021. 12. 1.
• textsms