김프(GIMP)에서 인터페이스 - UI 글자 크기 키우기
Gimp(김프)에서 UI 글자 크기가 너무 작아서 보기 힘들다면, 설정을 통해 UI의 폰트사이즈를 조절할 수 있습니다.
RittoRitto
반응형 타이포그래피 - 유동적인 폰트 사이즈를 만들어주는 Fluid Type Scale Calculator
직접 디자인시스템을 구축해본 적은 없지만, Bootstrap이나 TailwindCSS와 같은 라이브러리를 사용하다보면, 체계적인 타이포그래피 시스템이 구축되어있는 것이 무척 편리하다는 것을 느낄때가 있습니다.
그래서 이러한 부분을 흉내내서 직접 나만의 타이포그래피 규칙을 적용해서 쓰고 싶을때 유용한 사이트가 있습니다.
구글에서 type scale generator 라고 검색하면 다양한 도구들이 나오는데, 개인적으로는 이 도구가 가장 마음에 듭니다.
clamp
HTML,SCSS,Javascript를 이용한 반응형 header - 메뉴바 소스
HTML,SCSS,Javascript를 이용한 반응형 header - 메뉴바 소스를 공유합니다
라라벨에서 로그아웃 후 브라우저 뒤로가기로 이전 페이지 접근 방지하는 방법, 캐싱 문제 해결
라라벨11에서 로그아웃 후 뒤로가기로 이전 페이지 노출 문제를 해결하는 방법과 캐시 무효화 방식의 장단점을 설명합니다. 캐시 무효화로 보안은 강화되지만 성능 저하와 서버 부하 증가의 단점이 있어 상황에 맞게 적용해야 합니다.
테일윈드CSS 클래스명을 감춰주는 - Tailwind Fold
TailwindCSS는 편리하지만 클래스명이 지나치게 길어져 가독성이 떨어지는 단점이 있습니다. 하지만 Tailwind Fold 확장 프로그램을 사용하면 클래스명을 자동으로 감출 수 있어 가독성 문제를 해결할 수 있습니다. VS Code에서는 설정을 통해 자동 감추기와 클릭 시 펼치기 기능을 활성화할 수 있습니다.
2024년에 PHP를 다시 돌아보며 느낀 점들
PHP는 웹 개발에 오랫동안 사용되어온 언어로, 간단한 웹사이트부터 복잡한 웹 애플리케이션까지 다양하게 활용될 수 있습니다. SSR(Server-Side Rendering)을 기본적으로 지원하며, 저렴한 웹호스팅에서도 구동 가능해 제작 비용을 절감할 수 있습니다. 또한 내장 기능이 풍부해 라이브러리 의존도가 낮은 편입니다.
React Router <BrowserRouter>사용시 서브페이지 404 페이지가 뜨는 경우
Vercel에 React로 만든 사이트를 배포할 때 서브페이지로 직접 접속 시 404 에러가 발생하는 문제가 있습니다. vercel.json 파일을 통해 Browser Router에서 서브페이지 라우팅을 처리할 수 있습니다.