Interactive UI Dev &
Web Publishing

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

scroll

project

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

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

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

Contact

blog

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

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

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

라라벨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에서 서브페이지 라우팅을 처리할 수 있습니다.

Javascript - 그리드 레이아웃 이미지 교체 효과

Javascript - 그리드 레이아웃 이미지 교체 효과

핀터레스트에서 영감을 받아 3x3 그리드 레이아웃에서 이미지를 순차적으로 교체하는 웹 효과를 자바스크립트로 구현한 예시입니다. 더미 데이터는 photo.json에 저장되어 있습니다.자바스크립트에서는 이미지를 순차적으로 교체하는 스크립트를 구현했습니다.

가상 JSON 데이터가 필요할 때 - Fake REST API 서비스

가상 JSON 데이터가 필요할 때 - Fake REST API 서비스

가상 데이터가 필요할 때 요긴한 Fake REST API 서비스들을 소개합니다. Dummy JSON, JSONPlaceholder, Korean JSON, Random User Generator는 각각 다양한 데이터를 제공하여 손쉽게 활용할 수 있습니다.

contact

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