TIL

(코드 작성하면서 바로바로 기록하기 위해 설명하는투가 아니라 간략하게 작성)코드를 짰을 때, console.log(target.current)로 확인하니 현재 ref가 target으로 설정되어 있는 요소를 가져옴. 위의 코드를 브라우저에서 뷰포트에 들어왔는지 아닌지 추

observer가 target을 관측하기 전에 초기화 되어 있어야 함.target이 실제로 렌더링 된 후에 observer가 관측해야 함.\-> 현재 상황: 초기렌더링에서는 여전히 작동 안함.초기 렌더링에서 target이 null로 잡히는 문제를 확인하고로 초기값을 변

어떻게 저떻게 무한스크롤을 구현하고 새로운 데이터를 가져올 때마다 로딩 gif를 추가해보기로 했습니다. 아! 공고에서 무한스크롤 하고 나면 협업 카테고리로 넘어왔을 때 공고쪽의 데이터가 하나씩 자꾸 추가되는데 어디가 문제인지 모르겠음. 코드 뜯어서 분석해봐야할 듯

vscode 켤 때 마다 생기는 문제로 화딱지가 나서 제 블로그에 다시 올려놓으려고 쓰는 글입니다.. 발생에러eacces: permission denied, unlink '/usr/local/bin/code'맥북으로 vscode 켜서 터미널 열 때(단축키: cmd+sh

리액트에서 타입스크립트를 쓰면서 styled-component를 쓸 때, 로컬 폰트 적용하는 방법을 찾다가 다음 번에도 또 찾아다닐 거 같아서 정리해봅니다... 같은 서칭을 반복할 순 없지.......... .절대 뭐 귀찮다거나 그런 건 아니구용..우선, 원하는 폰트를

사진과 같은 배치를 위해서 3개의 컴포넌트를 배치하고 flex-wrap과 justify-between (tailwindCss를 사용하여 작성중이었습니다) 주었다가 2개만 놓았을 땐 이렇게 배치되는 걸 보곤 헉쓰바레 이 방법이 아니구나! 하고 새로운 방법을 찾으러다녔습니

밍기적거린 사람 나야나,,아무것도 안 한 사람도 나야나,,갓생살기 집어던진 사람 나야나,,프로젝트를 진행하면서 리액트 쿼리에 대한 존재를 알고 이 것은 어디에 쓰는 것인가 고민했었던 것이 어느덧.. 한달..? 전..이제서야 리액트 쿼리에 관한 자세한 내용을 공부 해보겠

반응형을 해야지 해야지 하다가 이제서야 공부하기 ^^.. 큼큼 Media-query 브라우저 너비 사이즈를 바꿈에 따라 그에 맞게 디자인을 변경시킬 수 있는 역할을 합니다. 반응형 디자인의 기본이라고 할 수 있습니다. (미루고 미루던 저를 매우 치십쇼) 기본 사

지난번 게시글에 이어서 media-query를 리액트에서 라이브러리로 사용할 수 있는 react-responsive에 대해서 개념 학습을 해보겠습니다!뷰포트의 너비에 따른 다른 레이아웃을 제공하기 위해 즉, 반응형 웹을 제공하기 위해 media-query를 사용하는데,

지난 번에 이어서 발생하는 문제점을 발견하고 수정해보는 시간을 가져보겠습니다..!코드로 시도해보았지만 useMediaQuery를 사용한 곳에서 null 값과 undefined 값을 리턴하고 있는 것을 콘솔을 찍어서 확인하였습니다. 어느것이 문제이려나...useMedia

One Page Scroll을 구현해보며 이해해보자! 라는 마음에서 시작해보는 애니메이션 구현입니다요..말 그대로 하나의 페이지에서 스크롤 이벤트를 통해 애니메이션 효과를 주는 기능입니다. 좋아하는 애니메이션 중에 하나인데 이렇게 디자인을 하면 이목을 집중시키는 효과가

반응형 토이프로젝트를 마친지 일주일이나 지나서야 쓰는 회고록 (사실 써놓았다고 생각한 내 불찰 >\_0)큼큼media-query를 직접 적용해보자는 동기로 시작한 작고 귀여운 반응형 토이 프로젝트 response-toy무언가를 소개하는 듯한 느낌의 메인 페이지처럼 보이

작업하닥 git pull origin dev 를 내려받을 때 종종 Not possible to fast-forward, aborting. 에러가 뜨곤 합니다. 이 에러가 뜰 때 마다 git pull -f -u origin dev 로 그냥 내려받곤 했는데 이제서야 그 원