본문 바로가기

분류 전체보기321

내가 사용 중인 VS Code Extensions VS Code 를 사용하다보면 빼먹을 수 없는 것 중 하나인 확장 프로그램... 매번 컴퓨터를 바꾸는건 아니지만 세팅을 바꾸게 되면 꼭 검색하느라 고생하기 때문에 간략하게 기록해보고자 한다. Auto Rename Tag HTML 을 작성해야한다면 필수 React/ ... snippets 리액트 사용하려면 필수 ESLint 깔끔한 코드를 위해서라면... 근데 사실 난 잘 안 지킴...ㅋㅋㅋㅋ 이제.. 지켜야지.... Image preview 이미지 작업할 때 종종 없으면 아쉬움 Import Cost 라이브러리 가져다쓸 때 압박감 느끼기 좋음..ㅎ indent-rainbow jsx 작업할 때 js 로직과 html 이 섞이면... 이거만큼 좋은게 없음 물론 가장 좋은건 로직과 UI의 분리지만...ㅠㅠ Live.. 2023. 8. 16.
웹 최적화 - 불필요한 CSS 제거, PurgeCSS Reduce unused CSS 해결 개발자 도구의 Coverage(범위) 패널을 이용하여 페이지에서 사용되는 파일의 리소스에서 실제로 실행되는 코드가 얼마나 되는지 알려주며 비율을 확인할 수 있다. 자바스크립트 파일에서의 Coverage 는 if문의 조건 분기 때문일 가능성이 있으므로 어느정도 감안해야 하지만 CSS 파일에서 Coverage 는 정리해줄 필요가 있다. Coverage 항목을 누르면 위에 Source 가 뜨고, 파란 막대는 사용하는 코드이며 빨간 막대는 사용하지 않는 코드를 의미한다. Tailwind CSS 라이브러리 등의 CSS 에서 사용되지 않는 클래스인 경우 더욱 많은 불필요한 CSS가 발생한다. PurgeCSS 파일에 들어있는 모든 키워드를 추출하여 해당 키워드를 이름으로 갖는 C.. 2023. 8. 14.
방사선 단위 - 그레이, 시버트 Gy 물질의 질량 1kg 당 전리 방사선 에너지 1줄을 흡수하는 양으로 정의되는 SI 단위 그레이라고 읽으며, mGy(밀리그레이, 그레이의 1/1000)로 주로 사용된다. Sv 시버트라고 읽으며, 1kg 당 전리 방사선 1줄을 흡수했을 때 미치는 생물학적 영향으로 정의되는 SI 단위 단위적인 측면에선 그레이와 같지만 생물학적 조직에 미치는 영향과 연결되어 있다. mSv(밀리시버트, 시버트의 1/1000)가 주로 사용된다. 2023. 8. 13.
Git commit convention 커밋 컨벤션? 깃을 사용하다보면 쓰게 되는 커밋 메세지 git commit -m "Message" 혼자 작업할 때는 이 커밋 메세지의 중요성을 모르지만, 회사에서 협업을 하려고 보니 필요성을 느꼈다. 대충 커밋 목록 확인할 때 컨벤션이 있으면 중요하거나, 중요하지 않은 커밋을 분류할 수 있었고 무엇보다 내가 커밋을 할 때에도 컨벤션에 맞춰서 스태징 후 커밋을 분리하다보니 여러 기능을 한번에 커밋해버리는 일이 줄었다. 최대한 세부적으로 나눠서 커밋을 하게 되니 관리가 쉬워진 것 같다. 커밋 컨벤션은 유동적으로... 필수는 아니지만, 현재 내 팀에선 간단하게 이정도로 사용하는 것 같다. 더 세분화해도 보통 사용되는 것들이 정해져 있어서 ... 이정도도 많은 것 같다. 타입 설명 feat 새로운 기능 추가 f.. 2023. 8. 11.

티스토리툴바