Tips 변수명은 아주 아주 중요하다. 하지만 그보다 기능 구현이 더 중요하다. 변수명 짓기가 어렵다면 임시로 지은 이름으로 기능 구현 확인 후, 변수명을 신중히 고려해서 바꾸는 방법도 있다. Git gitmoji https://gitmoji.dev/ React 로딩 스피너 https://contactmentor.com/how-to-add-loading...

라이브러리를 뜯어보는 공부가 정말 많이 도움 된다.디자인을 단순히 보기만 하지 말고, 어떤 색이 메인이고, 몇 개의 색이 쓰였고, 어떤 식으로 컴포넌트를 나눴구나, 생각하면서 보면 감각을 익히기에 좋을 것.Emotion 이 SSR 지원 측면에서 Styled-Compon

참고 1 / 참고 2 / 참고 영상useQuery 훅의 파라미터를 통해 API 데이터의 만료 시간, 리프레시 간격, 캐싱된 데이터의 유지 기간, 브라우저 포커스시 데이터 리프레시 여부, 성공 or 에러 콜백 등 다양한 기능을 제어할 수 있다.stale외부 요청으로 서

Tips API 가 구리게 와도 코드가 구려지면 안됨! API 명세와 데이터 타입이 맞지 않는 경우는 매우 흔한 일이다 폴더 구조는 팀 마다, 회사 마다 기준이 다름. 현재는 본인의 기준을 세울 수 있으면 된다. import 정렬 기준 >맨 위: node_modules 에서 받아와야 하는 것 맨 아래: 컴포넌트 query string 을 만들어 두면, 검색...

React router 에서 path='favorite' 으로 명시하더라도, useLocation 으로 불러올 땐 '/favorite' 이라 적어줘야 한다 useSuspense 아주 간단하게 로딩창 구현! 공식 문서 Javascript 👍 Intersection

Recoil atom 은 useState() 와 비슷하게 사용할 수 있다. 컴포넌트끼리 상태를 공유할 수 있다는 점에서, state 와 다르다. Typescript 함수 인터페이스 정의하기 Javascript trim() 문자열 양 끝의 공백(연속된 공백 포함) 제거 React useLocation > - hash : 주소의 #문자열 뒤의 값 >- ...

React react-router 의 Link와 NavLink >NavLink 는 특정 Link에 스타일을 적용해줄 수 있다. activeStyle과 activeClassName 속성을 활용하는데, 리액트 웹의 현재 URL과 to가 가리키는 링크가 일치할 때,

Git pull 과 clone 의 차이 pull 은 로컬 저장소에 있는 내 코드와 원격 저장소의 코드를 merge 하는 것, clone 은 내 코드에 상관 없이 원격 저장소의 코드를 그대로 복사해오는 것 VSC svg viewr extension svg 파일을 확인할 수 있음 stylelint extension CSS 문법 체크해줌 React(CRA) ...

JSON placeholder 무료 더미 데이터를 받을 수 있는 사이트

aria-hidden 속성 https://yceffort.kr/2021/03/hiding-contents-with-html-and-css > Static HTML elements with event handlers require a role. 에러 aria-hidden

e.target 은 클릭한 자식 요소를 반환하지만, e.currentTarget 은 이벤트가 부착된 부모 핸들러를 반환한다. 후자를 쓰는 것이 좋다. 공식 문서에도 나와 있다.

원티드 프리온보딩 프론트엔드 코스 지원을 위한 숏에세이입니다:) 자세한 정보는 여기 👉🏻 프리온보딩 프론트엔드 4차 코스

'척척'보다는 '우당탕탕'이 훨씬 어울리는 시간이었다. 그래도 얻은 게 많았기에, 더 늦기 전에 정리해 보려 한다.

Styled-Components 장단점을 정리하다가, CSS의 문제점부터 한번 다시 정리해보는 게 좋을 것 같아서 글을 쓴다 🌷

'Next.js'가 뭐예요? 하는 질문에 '어.. 리액트랑 같이 많이 쓰더라고요~ SSR!에 쓰는 거요!🤪'하고 말했는데, 정말 아쉽기 짝이 없는 대답이었다. 이김에 CSR, SSR 을 좀 더 알아보고 정리해 봤다.

jwt 토큰을 이용한 인증에 대한 이해를 다뤘습니다. 공부 중이라 잘못된 부분이 있을 수 있으니, 지적해 주시면 감사드리겠습니다! 🙏

철저히 기억(+물을 엎질러버린 노트...)에 의존한 주관적인 후기입니다:)

LOFS(lake of feelings) Project 프로젝트 진행에 대해 기록한 글입니다.

다음 글은 웹툰 취향 테스트 결과창에 카카오톡으로 공유 버튼을 넣기 위한 과정을 기록한 포스트입니다.