웹으로 말하기 - mysetting

11:59 5/30

mytory.net

mobile screenshot relative

11:59

mytory.net

mobile screenshot

웹으로 말하기
https://mytory.net/

웹개발, PHP, CSS, jQuery, javascript, 아이폰 등등

저작도구: Jekyll v3.9.0

최종 피드 수집: 2024-11-11 18:18

전체 (50)

4d

[메모] 시놀로지에서 rsync 활성화하기

시놀로지에서 DDNS를 활성화하고, SSH까지 활성화한 뒤, key도 집어넣어 접속도 잘 되게 했습니다. 그리고 rsync 명령을 사용해 파일을 전송하려고 했는데, 오류가 발생했습니다. 그런데 SSH로 시놀로지에 접속해서 rsyn

서버

synology

000

6d

🚨 MySQL 용량이 터질 것 같다구요? 데이터 폴더 이전으로 해결하세요!

우분투 서버에서 MySQL 데이터 폴더를 별도의 파티션으로 옮기는 방법입니다. 왜 데이터 폴더를 옮겨야 할까? 🤔 MySQL 데이터 폴더를 별도 파티션으로 옮겨야 하는 대표적인 경우들이 있습니다: 작업 전 꼭 확인하세요! ⚠️

MySQL

리눅스

000

1M

텔레그램, 카카오톡에서 유튜브 재생시 저화질 문제 해결하기

텔레그램과 카카오톡에서 유튜브를 재생할 때 화질이 떨어지는 경우가 있습니다. 대부분의 경우 기술적 문제라기보다는 유튜브와 텔레그램, 카카오톡이 서로 경쟁하는 상황에서 벌어진 일종의 정책 문제입니다. 유튜브는 유튜브 앱으로 영상을

기타

팁

000

1M

[PHP] 파일 다운로드했을 때 윈도우에서 한글 파일명이 자소분리되는 현상 방지하기

맥에서 만든 한글 파일명으로 된 파일을 윈도우에 복사해서 보면 자소가 분리돼 보입니다. 아래와 같은 식이죠. 한글을 구성하는 방식 때문인데요. 윈도우는 NFC라는 방식을 사용하고, 맥은 NFD라는 방식을 사용합니다. NFC는 글자

PHP

character set

charset

000

2M

PHP 개발시 보안 취약점이 생기지 않게 주의해야 할 느슨 비교(==)

PHP의 느슨한 비교(==)는 효율적인 개발을 돕기도 하지만, 보안 취약점을 발생시키기도 합니다. 예컨대 아래 코드를 보세요. 이해를 위해 암호화는 생략한 코드입니다. 물론 현대적인 인증은 아니지만 기본적인 간단한 인증으로 보이죠

기타

000

2M

[메모] 우분투, PHP 8.3으로 업그레이하기 명령어

매번 검색해서 사용하기 번거로워 명령어만 가져왔습니다. 출처는 “How to install or upgrade to PHP 8.3 on Ubuntu and Debian“입니다.

Memo

PHP

서버

000

3M

우분투에서 Rectangle처럼 단축키로 창 배치하는 프로그램 Tactile

우분투에서는 창을 좌우로 배치할 수 있지만 위아래로 배치하는 건 안 됩니다. 맥에서는 Rectangle을 쓰는데 여러 레이아웃 배치가 잘 되거든요. 그래서 벼르다가 찾았는데요. 바로 Tactile이라는 Gnome shell 확장입

기타

리눅스

000

3M

[메모] Figma에서 사용할 수 있는 러프한 와이어프레임 툴들

스매싱 매거진 뉴스레터의 “low-fidelity wireframe” 부분을 스크랩한 것입니다. 러프한 와이어프레임을 만들어야 한다면 Blocks를 확인해 보세요. 이 Figma 플러그인은 다양한 제품 상황에 맞는 와이어프레임 컴

개발 툴

000

3M

[PHP] Exception이 왜 모든 예외를 잡지(catch) 못하는 거지?

아래처럼 이메일을 보내는 로직을 try … catch로 감싸 놨습니다. 이메일 발송에 실패해도 결제 자체는 진행될 수 있도록 말이죠. 그런데 생각지 못하게 catch가 안 되는 에러가 발생합니다. $email_address에 st

PHP

개념

error

000

4M

tailwindcss에서 임포트 구문 사용하기

tailwindcss에서 @import를 사용하려고 하면 @import는 맨 위에 와야 한다고 에러가 날 수 있는데요. 그러나 맨 위에는 @tailwind 구문이 있기 때문에 뭘 어쩌라는 건가 싶습니다. 그러나 아래처럼 쓸 수 있

CSS

프론트엔드

000

4M

웹서버, 끈질긴 최적화 기록(PHP-FPM, MySQL)

사이트를 한 차례 대규모 업그레이드하고 나서 서버가 하루이틀에 한 번씩 다운되는 일이 벌어졌습니다. 부하가 커질 것을 예상하고 아마존 서버를 한 단계 업그레이드했는데도 이런 일이 벌어져 당황스러웠는데요. 처음에는 설정값을 조금 조

리눅스

백엔드

서버

000

4M

overscroll-behavior 모달 스크롤이 바깥까지 스크롤시키지 못하게 막기

CSS의 overscroll-behavior 속성을 아시나요? 모달 팝업이나 햄버거 메뉴가 오버레이 됐을 때 스크롤을 하다 보면 결국 그 아래의 본문이 스크롤이 되는 현상을 방지하는 CSS 프로퍼티입니다. 아래는 MDN에서 가져온

CSS

프론트엔드

000

4M

개발자의 워드프레스: 사이트 편집기를 활용해 효율적으로 홈페이지 만들기

3일만에 뚝딱 3일만에 뚝딱 일러스트 작가의 작품 전시 사이트를 하나 만들었습니다. 코드는 거의 쓰지 않았고요(CSS 몇 줄 사용했고, 카카오톡 오픈챗 버튼은 플러그인으로 만들었습니다). 워드프레스의 사이트 편집기를 이용했습니다.

WordPress for Developer

Gutenberg Editor

000

4M

워드프레스 홈페이지 만들기 – 기본 테마 편집기를 이용하는 게 좋습니다

워드프레스에도 몇 년 전부터 사이트 빌더가 유행하기 시작했는데요. 워드프레스 코어에 통합된 빌더가 나온 건 버전 5.9가 출시된 2022년 초입니다.
저는 이 코어 빌더가 지금 사이트를 만들려고 하는 사람들에게 가장 유리한 선택일

워드프레스

Gutenberg Editor

000

5M

이미지를 읽으면 왜 깨진 문자열이 나오는 것일까?

이미지를 메모장에서 열거나, 개발 언어로 읽어서 출력해 보면 깨진 문자열이 나옵니다. 이건 뭘까요? 이미지는 바이너리 데이터라고 부르는데요. 영어 뜻을 보면 오히려 쉽습니다. binary는 이진수라는 뜻이거든요.그러니까 이미지 파

개념

000

6M

SSD 용량 확장 후 lvm luks암호화 볼륨 리사이즈 방법

SSD 128GB에서 256GB로 업그레이드를 했습니다. dd 명령으로 내용물을 하드카피했는데요. 이제 lvm으로 암호화한 파티션인 /dev/sda3에 확장한 공간을 모두 몰아 줘야 하는 상황이었습니다. 아래 순서로 처리했습니다.

linux

기타

lvm

000

6M

UTF-8 문서에서 form만 EUC-KR로 제출해야 할 때

문자셋에서 EUC-KR은 이제 거의 사용되지 않지만 10여 년 전만 해도 EUC-KR로 작성된 웹페이지가 많았습니다. 특히 괴로웠던 것은 UTF-8로 된 페이지에서 특정 폼만 EUC-KR로 전송해야 할 때인데요. 전자 결제를 붙일

html

프론트엔드

charset

form

000

7M

마진 병합 기능 이해하기

CSS 개발자라면 마진 병합(Margin Collapse)에 대해 아실 겁니다. 좀 명확한 규칙을 찾아 봤는데요. 경험적으로 알던 것이지만 정리해 보니 재밌네요. border, padding, inline 콘텐츠 없는 빈 블록 자

CSS

개념

프론트엔드

margin

000

7M

로컬 개발환경에 아이폰으로 HTTPS 접속하기

로컬에서 mkcert로 인증서를 생성하고, 브라우저에 이걸 신뢰할 수 있는 인증서로 인식시키면 localhost의 여러 주소들을 https로 접속할 수 있게 됩니다. 이 내용은 아래 글을 참고하시면 됩니다. 👉 로컬 개발환경에

개발 툴

기타

https

localhost

000

7M

서버 hostname 변경, 재부팅 없이 즉각 적용하기

클라우드로 리눅스 서버를 사용하면 커맨드라인에 나오는 호스트명은 일단 임의로 붙습니다. 여러 대를 사용하다 보면 헷갈리기 십상이니 호스트명을 자신이 정해서 쓰는 게 좋습니다. 커맨드라인을 사용할 때 내가 어느 서버에 있다는 것을

linux

기타

서버 관리

000