들숨에 건강! 날숨에 재력!

로그인안되는 문제! 2번 호출됨. 첫 마운트 시 요청은 200을 받지만 두번째 마운트 시 요청은 401에러를 받음. 방법1. main.tsx에서 strictmode 삭제. 젤 쉬운방법. 삭제하면 한번만 요청하기때문에 바로 이슈가 해결된다. 하지만 리액트에서 권장하지 않는 방법. 방법2. 계속 찾다보면 이 방법이 나온다 그런데 시도해보니 지금 상황에 맞지않음. [React]useEffect가 2번 호출되는 이유(feat. StrictMode) 문제 확인 React 18 버전을 사용하여 애플리케이션 개발을 진행하던 도중 별다른 코드를 작성하지 않았는데 useEffect() 안의 내용이 두 번 출력되는 경우가 발생하였습니다. 이 현상은 개발 시에만 thoughtcode.tistory.com 각 코드에 1 마운..

사용해보게 된 동기 더보기 여태껏 svg 사용시 아래 두가지 방법으로 썼었다. 1. svg를 파일로 img 태그로 사용하기 (컬러 변경이 필요없을때) 2. svg를 메모장에다 넣어가지구 ... 코드 복사해서 컴포넌트에 직접 복붙하기(컬러 변경 필요시) export default function UserIcon() { return ( ) } 팀프로젝트 중에 svg를 다른 방법으로 컴포넌트화 해서 쓸 수 있는 방법이 있는데, 우리 프로젝트가 vite에 ts를 사용하다보니 설정이 잘안된다고 나에게도 한 번 시도 해보라고 알려주셨는데 찾아보니 매우 괜찮아 보였다..! 이런것도 모르고 svg를 사용하고 있었다니.. 기존 사용하던 방법 중 1번 방법은 svg 컬러 수정 등이 불편하고 2번 방법은 svg마다 컴포넌트..

See the Pen Untitled by 류수현 (@ryusoo) on CodePen. 참고 : https://songsong.dev/entry/%EC%98%A4%EB%8A%98-%ED%95%98%EB%A3%A8-%EB%B3%B4%EC%A7%80-%EC%95%8A%EA%B8%B0-%ED%8C%9D%EC%97%85-%EB%A7%8C%EB%93%A4%EA%B8%B0 오늘 하루 보지 않기 팝업 만들기 오늘 하루는 보지 않기 팝업을 구현합니다. 쿠키와 로컬 스토리지가 어떤 것인지 간단하게 알아보고 두가지 방법으로 구현하는 방법을 함께 알아봐요! 구현 사항 및 방법 정리 어떤 걸 구현해야 songsong.dev https://codechacha.com/ko/javascript-compare-dates/ Java..

Local에서 git branch -r 로 보이는 remote branch 는 실제 remote 저장소의 branch 가 아니다. 실제로는 remote 저장소의 branch를 바라보는 참조내역이라 보면 될 듯하다. 원격 저장소의 branch가 삭제되어도 Local에서 git branch -r 로 나오는 list는 변화가 없다 .'.remote branch를 삭제하려면 : git push origin --delete 출처: https://remagine.tistory.com/17 [remagine:티스토리] 위 사실을 모르는탓에 git branch -r 을 해버려서 로컬에서 브랜치를 지워서 접근도 할 수 없고, 브랜치가 사라지고 가르키고 있지도 않은데 왜 사라지지 않고 그대로 인지 당황하고 있었는데 로컬에..

내가 윈도우이니까 LF를 CRLF로 바꾸어야해서 경고를 띄워주는것! 따라서 아래 코드로 core.autocrlf를 켜주면 자동으로 변환이 실행되므로 더이상 경고를 띄우지 않는다고 한다! git config --global core.autocrlf true 설명은 아래글 참고!! Git 에러 CRLF will be replaced by LF (혹은 반대) 핸들링하는 방법 맥/리눅스 이용 개발자와 윈도우 개발자가 협업할 때 왜 발생할까? 터미널에 git 명령어를 입력했는데 다음과 같은 에러가 뜨는 경우가 있다: ```bash warning: CRLF will be replaced by LF in some/file blog.jaeyoon.io

CSS 공부할 초에 잠깐 보고 지나갔던것들인데 지금보니까 직접 이미지로 안뽑고도 되었던 배경들도 있는거같다.. 이 파이차트 만들려고 코드보다가 검색했는데 그라디언트를 무시하고 있었던거같다! CSS only pie chart CSS Tip! https://twitter.com/ChallengesCss/status/1459113686614872067... codepen.io 다양한 그라디언트 예제들!! Using CSS gradients - CSS: Cascading Style Sheets | MDN CSS gradients are represented by the data type, a special type of made of a progressive transition between two or mor..

1. 클릭시 생기는 아웃라인, 박스 없애기! [CSS]모바일에서 영역 클릭시 생시는 파란 박스 없애기 -- 모바일이나 웹에서 테두리가 생긴다면... 아웃라인만 없애주면 된다. input:focus{ outline:none; } 그런데 모바일에서는 하이라이트생기는 경우가 있다. IOS(아이폰,,아이패드 등..), Android 등의 웹킷 gahyun-web-diary.tistory.com input:focus{ outline:none; -webkit-tap-highlight-color: transparent; } -webkit-tap-highlight-color - CSS: Cascading Style Sheets | MDN -webkit-tap-highlight-color is a non-standard..

div { border: 5px solid; border-image: linear-gradient(to right, #fbfcb9be, #ffcdf3aa, #65d3ffaa); border-image-slice: 1; } [HTML+CSS] border에 그라데이션 넣기 border(테두리)에 그라데이션 효과 넣는 예제입니다. See the Pen border gradation by limqo (@limqo) on CodePen. 위의 코드에서 box1의 div는 border-image를 이용하여 gradation 넣은 것을 확인 할 수 있습니.. limqoh.tistory.com