git stash drop 시킨 변경사항 복구하기
비가 오고 싱숭생숭한 기분으로 stash 해둔 내용을 git stash drop 시켰을 때! 앞이 캄캄해져 다시 작업 해야하나 파일을 뒤적이다가 git stash drop 복구하기를 구글링했다. 천만 다행으로 drop 된 내용을 다시 복구하는 방법을 찾았다. git stash dr...
타이포그래피 규칙 Sass로 관리하기
디자인 시스템에서 정의한 타이포그라피 규칙을 코드화해 편리하게 사용하고 싶었다. 타이포그래피 규칙은 font-size, font-weight, line-height, letter-spacing 등 복합적인 속성으로 구성되어 있어 변수만으로는 원하는 구조를 구현하기 힘들어 보였다. ...
이미 사용중인 Port 정보 찾고 강제 종료하기
VScode의 Spring Boot Dashboard로 서버를 구동했을 때, 서버가 시작되다가 강제로 종료되는 상황이 발생했다. 하단 패널에서 Debug console 메뉴에 이미 8080포트를 사용하고 있어 서버 구동이 불가능하다는 메시지를 확인했다. 이렇듯 필요한 웹 서버 포...
input type이 search일 경우 safari에서 스타일링 문제 해결
<input> 태그에 값이 입력되면 삭제(cancel) 버튼이 자동으로 보여지기 위해 속성을 type="search" 로 선언했다.
select와 option으로 커스텀 셀렉트 만들기
CSS로 만든 셀렉트박스에서 발생하는 주요 이슈로 인해 브라우저 기본인 <select> 와 <option> 을 사용해 드롭다운 되는 셀렉트 박스를 구현하고자 한다.