version `x.y.z` `Major.Minor.Patch` 형태로 구성된다 Major: 하위호환이 되지 않는 변화 , 이전 버전과 호환되지 않는 변경 Minor: 하위호환이 되는 범위내에서 기능 추가, 이전 버전과 호환되는 새로운 기능 Patch: 하위 호환이 되는 범위내에서 bug fix, 기존 기능에 대한 간단한 버그수정 틸드(~): x.y.z 중 z 범위 내에서 버전 업데이트 - npm update 했을 때 최신 마이너 버전 이전까지 업데이트가 됩니다. 캐럿(^): x.y.z 중 x 이하 하위호환성이 보장되는 범위 내에서 버전 업데이트 - npm update 했을 때 최신 마이너 버전까지 업데이트가 됩니다. ~1.2.3 `>=1.2.3` `=1.2.3` `
🌳Frontend/etc
부모요소에 `:focus-within` 선택자를 사용하면, 자식요소가 포커스되었을 때, 부모요소에서 스타일링이 가능하다. 예시 // style div:focus-within { /*focus시 요소의 부모에 스타일 지정*/ } input { /*focus시 자체 스타일 지정도 가능*/ }
https://ko.javascript.info/bubbling-and-capturing 서론 EM을 클릭했는데도 DIV에 할당한 핸들러가 동작합니다. 위의 코드에서 `` 를 클릭하면 div에 할당한 이벤트핸들러가 동작한다. 왜그럴까? 결론은 버블링 때문이다. 버블링 버블링이란, 한 요소에 이벤트가 발생하면, 이 요소에 할당된 핸들러가 동작하고, 이어서 부모요소의 핸들러가 동작한다. 가장 최 상단의 조상 요소를 만날때 까지 이 과정이 반복되며, 요소 각각에 할당된 핸들러가 동작한다. 그리고 document 객체를 만날때 까지 계속된다. FORM DIV P 위의 코드를 실행하고 `` 를 클릭하면, `form` `div` `p` 에 할당된 이벤트핸들러가 실행된다. 위에서 설명했던 것 처럼 이벤트버블링이 일어..
https://velog.io/@leehyunho2001/%EB%B8%8C%EB%9D%BC%EC%9A%B0%EC%A0%80%EC%BA%90%EC%8B%9C https://velog.io/@jay/it-is-nothing-but-static-file-cache https://toss.tech/article/smart-web-service-cache 서비스를 개발하던 도중, 이런 이슈가 있었다. 여느 때와 같이, 기능을 신규개발해서 운영계에 배포하던 후 였다. 분명히 개발계/스테이징계 에서 해당 기능이 제대로 동작했음을 검증을 하고 올렸다. 하지만, 배포 후 간헐적으로 몇몇의 사용자가 운영계에서 이거.. 안되는데요? 라는 이슈가 나온 것이다. 그외의 사용자들은 잘 동작했다. 왜이런 이슈가 발생했을까? 왜인지..
