개발(269)
-
UI 딸깍
https://stitch.withgoogle.com/ Stitch - Design with AI stitch.withgoogle.com 구글에서 최근 만든 딸깍 UI 제작
10:55:52 -
갈수록 커지는 wsl Ubuntu D 드라이브로 옮기기
wsl --list --verbose이름 확인 보통 Ubuntu wsl --export Ubuntu D:\WSL\Ubuntu.tar저 위치에 덤프 wsl --unregister Ubuntu기존 C 드라이브 삭제wsl --import Ubuntu D:\WSL\Ubuntu D:\WSL\Ubuntu.tarD 드라이브에 새 위치로 재등록 (import) wsl --list --verbose정상 등록 확인
2025.05.20 -
신기한 고수들의 사이트를 알아보자
https://henryheffernan.com/ Henry Heffernan - Software EngineerI'm Henry, a Software Engineer based in NY. Rensselaer Polytechnic Institute Graduate with my B.S. in Computer Science, currently looking for a full time role.henryheffernan.com https://www.david-hckh.com/ David Heckhoff - Creative DeveloperPortfolio of David Heckhoff - Creative developer living in Germany - Focused on WebGL and Rea..
2025.05.13 -
깃허브로 코드 리뷰 하는법
https://devlog-wjdrbs96.tistory.com/231 [Github] Pull Request를 통해 코드리뷰(Code Review)하는 법혼자 개발하는 것이 아닌 여러 명에서 협업을 통해서 개발을 하는 과정에서 Git을 사용해서 하고 있을 것이다. 이 때 기능별로 브랜치를 만들거나 각자 팀만의 브랜치 전략에 맞게 브랜치를 나눠devlog-wjdrbs96.tistory.comComment : 승인과 무관하게 일반적인 커멘트를 할 때 선택한다.Approve : Comment와 다르게 리뷰어가 승인을 하는 것으로, 머지해도 괜찮다는 의견을 보내는 것이다.Request changes : 말 그대로 변경을 요청하는 것으로, 승인을 거부하는 것을 뜻한다.
2025.05.13 -
github desktop 하고 wsl 하고 husky같이 쓰기
yarn을 인식을 못하는 경우가 있다 새로운 사이드 프로젝트를 나의 pc에서 실행 기존 개발자 : 맥 나 : 윈도우 허스키 경로 인식 문제 - ‼ Skipping backup because there’s no initial commit yet.× Failed to get staged files!husky - pre-commit hook exited with code 1 (error) 해결법 윈도우 사용중일 시 분기 처리 .husky/pre-commit #!/bin/sh. "$(dirname "$0")/_/husky.sh"if grep -qEi "Microsoft|WSL" /proc/version; then echo "Running in Linux - using yarn directly" y..
2025.05.12 -
동영상을 백에서 전달 시 시간 이동(controls) 동작안하는 이유 와 해결
기존에는 이미지만 django로 서빙을 해주었다 장고에서는 static 파일을 서빙해 주는 기능이 있다from django.conf.urls.static import static 이런식으로 static 파일을 연결해서 사용해 주면 이미지 량이 많은 경우가 아닌경우 임시로 쓰기 좋았다urlpatterns += static(settings.MEDIA_URL, document_root=settings.MEDIA_ROOT) 하지만동영상의 경우는 문제가 생기는대 React 에 태그 사용시 controls 가 동작하지 않는다. 이는 HTTP Range 요청을 지원 안해서 HTTP Range 요청은 비디오 플레이어가 파일의 특정 부분을 요청하여 점진적으로 데이터를 스트리밍하도록 허용한. Django 자체는 ..
2025.05.08 -
CSS Color Module Level 5
https://www.w3.org/TR/css-color-5/ CSS Color Module Level 5Abstract This module extends CSS Color [css-color-4] to add color modification functions, custom color spaces (ICC profiles), contrast-color(), light-dark() and device-cmyk(). CSS is a language for describing the rendering of structured documents (such aswww.w3.org 주요 요약1. 색상 표기법 확장기존 rgb(), hsl() 방식 외에도, 새로운 형식들이 추가됐어:rgb()와 hsl() 함수가 ..
2025.04.29 -
nvm 비슷 한 노드 버전 관리 volta
Volta는 Node.js 개발 환경을 관리해주는 도구야. 간단히 말하면, Node.js, npm, yarn 같은 툴들의 버전을 프로젝트별로 쉽게 관리하고 고정해주는 툴이야. 특히 여러 프로젝트를 왔다 갔다 하면서 Node 버전 충돌 때문에 고생했던 사람들에게 아주 유용하지.Volta의 주요 기능Node, npm, Yarn 버전 관리각 프로젝트마다 필요한 버전을 지정해서 쓸 수 있어..volta 설정 파일을 통해 자동으로 필요한 버전을 설치하고 적용해줘.빠른 실행 속도자주 사용하는 툴을 글로벌로 캐시해서 실행 속도가 빨라.자동 설치volta install node처럼 설치 명령만으로 알아서 필요한 바이너리를 설치해줘.어떤 프로젝트에 들어가면 .volta 파일을 보고 자동으로 해당 버전을 적용해줘.퍼포먼스..
2025.04.25 -
Footer 디자인 모음
https://medium.muz.li/100-unique-website-footer-design-inspirations-8180c9d3ed62
2025.04.25 -
한 프로젝트에 2개의 react 띠우기
css 를 완전 다르게 적용, store 도 따로 쓰고 싶을 경우 즉 기존 사이트와 비슷하지만 완전 다른디자인의 사이트 유지보수가 들어왔을경우 가장 좋은방법은 proxy 를 사용 nginx 에서 분기 처리 해주는 방법이지만 여의치 않을경우 src 를 하나 더 만들어서 url 에 따라 분기 처리 해 줄 수도 있다.
2025.04.22