웹으로 말하기 - 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

최종 피드 수집: 2025-06-22 05:17

전체 (60)

6d

앵커 클릭시 부드럽게 이동하게 만드는 CSS 조각

아래처럼 html에 scroll-behavior 속성을 smooth로 설정하면 앵커(#으로 시작하는 링크)를 클릭해 이동할 때 부드럽게 이동하게 된다. 참고로 그 밑에 scroll-padding-top: 50px;는 이렇게 앵커

CSS

000

1M

[메모] SQLite 클라이언트 자주 쓰는 명령어 정리

MySQL에서는 MySQL 설정을 하거나 구조를 확인할 때도 show tables, desc table_name 같은 식으로 SQL 쿼리 비슷하게 명령을 내린다. 하지만 SQLite는 .으로 시작하는 명령으로 그런 것을 한다. 일

Memo

sqlite

000

2M

scp로 파일 전송이 중단됐을 때 이어서 전송하는 방법

scp를 사용해 큰 파일을 전송하다가 인터넷이 끊기거나 세션이 종료되면 난감하죠. 예를 들어, 2GB 파일을 전송 중 1.3GB까지 전송된 후 중단된 경우 다시 scp를 실행하면 처음부터 다시 전송합니다. 하지만 rsync를 사용

리눅스

서버

rsync

+ 더보기

000

2M

[메모] PostgreSQL 클라이언트 psql 기본 명령어

MySQL만 사용하던 사람들은 psql의 명령어가 생소할 것이다. 간단한 메모다. 현 디비의 모든 스키마 나열 사용자 생성 PostgreSQL에서는 User가 아니라 Role이 있고 Role이 그룹이나 사용자로 작동한다. 아래 예

Memo

백엔드

postgresql

000

4M

Javascript로 텔레그램 인앱 브라우저 여부 감지하기(일단 iOS)

iOS 텔레그램 인앱 브라우저 여부를 확인하려면 window.TelegramWebviewProxy 객체가 있는지 보면 됩니다. (안드로이드는 제가 해보지 않아서 모르겠는데 한번 해 보시고 알려 주시면 감사하겠습니다.) naviga

javascript

telegram

000

4M

라라벨 로컬 개발시 폰에서 접속해 테스트하는 방법

로컬에서 웹개발을 할 때 스마트폰에서 접속해서 테스트를 해야만 하는 경우가 생깁니다. 브라우저 모바일 뷰로도 재연할 수 없는 이슈가 있기 때문입니다. 예컨대 저는 텔레그램 인앱 브라우저에서만 발생하는 이슈를 테스트해야 하는 경우가

기타

000

5M

SUIT 폰트 화살표 꼬리(샤프트) 나오게 하기(CSS, font-feature-settings)

SUIT 폰트는 글꼴도 예쁘고, 모든 굵기를 한 파일에 다 넣은 Variable 폰트의 woff2 용량도 700KB가 채 안 돼 웹폰트로 쓰기 아주 좋습니다. 그런데 화살표 모양이 →, ←인 것이 일반적 사용에 좋지 않습니다. 그

CSS

webfont

000

6M

PHP glob() 함수로 간편하게 파일 검색하기: 기본부터 활용까지

PHP의 glob() 함수는 파일 시스템에서 패턴에 맞는 파일명을 검색할 때 매우 유용하게 사용할 수 있는 함수입니다. 이 글에서는 glob() 함수의 기본적인 사용법과 장점, 그리고 몇 가지 예제 코드를 통해 자세히 알아보겠습니

PHP

TIP

000

6M

[메모] 우분투에서 여러 버전의 PHP-FPM 설치하기, 버전 전환해 가며 쓰기

아래는 php8.3에서 php8.1로 전환할 때 사용하는 명령어 예시다. 아파치의 conf를 비활성화한 다음, 구 php-fpm 프로세스를 종료한 뒤 새 php-fpm 프로세스를 실행하고 아파치를 리로드한다. 사실 이 명령을 하려

PHP

서버

000

6M

[우분투] PHP-FPM과 mpm_event 활성화하기

우분투에서 PHP를 설치하면 기본적으로 아파치의 mod_php를 사용한다. 아파치 자체에 php 엔진 해석기가 달려 있는 것이다. 그러나 아파치는 웹서버로만 사용하고 웹 어플리케이션 서버는 PHP-FPM으로만 사용할 수도 있다.

PHP

000

7M

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

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

서버

synology

001

7M

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

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

MySQL

리눅스

000

8M

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

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

기타

팁

000

8M

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

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

PHP

character set

charset

000

9M

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

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

기타

000

9M

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

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

Memo

PHP

서버

001

10M

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

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

기타

리눅스

000

10M

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

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

개발 툴

000

11M

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

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

PHP

개념

error

000

11M

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

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

CSS

프론트엔드

000