Interactive UI Dev &
Web Publishing

안녕하세요 배현기입니다.
인터랙티브한 UI 개발과 웹퍼블리싱을 하고 있습니다.

scroll

project

참여했던 프로젝트와 개인 사이드 프로젝트입니다

새로운 프로젝트를 기다리고 있습니다

구인중이시거나, 프리랜서를 찾고 계신다면 Contact 버튼을 눌러서 바로 연락하실 수 있습니다

Contact

blog

공부하고, 기록하고, 공유하고 있습니다

반응형 타이포그래피 - 유동적인 폰트 사이즈를 만들어주는 Fluid Type Scale Calculator

반응형 타이포그래피 - 유동적인 폰트 사이즈를 만들어주는 Fluid Type Scale Calculator

직접 디자인시스템을 구축해본 적은 없지만, Bootstrap이나 TailwindCSS와 같은 라이브러리를 사용하다보면, 체계적인 타이포그래피 시스템

HTML,SCSS,Javascript를 이용한 반응형 header - 메뉴바 소스

HTML,SCSS,Javascript를 이용한 반응형 header - 메뉴바 소스

HTML,SCSS,Javascript를 이용한 반응형 header - 메뉴바 소스를 공유합니다

라라벨에서 로그아웃 후 브라우저 뒤로가기로 이전 페이지 접근 방지하는 방법, 캐싱 문제 해결

라라벨에서 로그아웃 후 브라우저 뒤로가기로 이전 페이지 접근 방지하는 방법, 캐싱 문제 해결

라라벨11에서 로그아웃 후 뒤로가기로 이전 페이지 노출 문제를 해결하는 방법과 캐시 무효화 방식의 장단점을 설명합니다. 캐시 무효화로 보안은 강화되지만 성능 저하와 서버 부하 증가의 단점이 있어 상황에 맞게 적용해야 합니다.

테일윈드CSS 클래스명을 감춰주는 - Tailwind Fold

테일윈드CSS 클래스명을 감춰주는 - Tailwind Fold

TailwindCSS는 편리하지만 클래스명이 지나치게 길어져 가독성이 떨어지는 단점이 있습니다. 하지만 Tailwind Fold 확장 프로그램을 사용하면 클래스명을 자동으로 감출 수 있어 가독성 문제를 해결할 수 있습니다. VS Code에서는 설정을 통해 자동 감추기와 클릭 시 펼치기 기능을 활성화할 수 있습니다.

2024년에 PHP를 다시 돌아보며 느낀 점들

2024년에 PHP를 다시 돌아보며 느낀 점들

PHP는 웹 개발에 오랫동안 사용되어온 언어로, 간단한 웹사이트부터 복잡한 웹 애플리케이션까지 다양하게 활용될 수 있습니다. SSR(Server-Side Rendering)을 기본적으로 지원하며, 저렴한 웹호스팅에서도 구동 가능해 제작 비용을 절감할 수 있습니다. 또한 내장 기능이 풍부해 라이브러리 의존도가 낮은 편입니다.

React Router  <BrowserRouter>사용시 서브페이지 404 페이지가 뜨는 경우

React Router <BrowserRouter>사용시 서브페이지 404 페이지가 뜨는 경우

Vercel에 React로 만든 사이트를 배포할 때 서브페이지로 직접 접속 시 404 에러가 발생하는 문제가 있습니다. vercel.json 파일을 통해 Browser Router에서 서브페이지 라우팅을 처리할 수 있습니다.

contact

부담없이 가벼운 커피 타임을 가져도 좋습니다. 편하게 연락주세요 :)