트러블 슈팅
1.[JavaScript] 버튼 count는 잘 되는데... count 값 적용 문제 해결
상품별 id값을 줘서 자스가 잘 찾도록 하자!
2.[JavaScript] 왜 querySelectorAll 에서는 addEventListener가 안먹힐까?
querySelectorAll 사용 시 주의할 점
3.[JavaScript] 메모장 로컬스토리지 저장 후 새로고침 시 안보이는 문제 해결
새로고침해도 그대로 있어줄래?
4.VSC 소스제어창 의미없는 숫자 없애기
소스제어창을 클린하게 만들자 🧹
5.[JavaScript] 이벤트가 겹치는 문제, stopPropagation로 해결하기
창이 왜 두 번 나올까
6.[JavaScript] 버튼 이벤트 개선하기
toggle은 정답이 아니었고 forEach는 유용하다
7.[JavaScript] 드롭다운 박스 옵션 선택시 박스가 안사라지는 현상 해결하기
드롭다운 박스 forEach로 해결하기
8.2022-06-28 업데이트 | 깃허브와 로컬폴더 연동 에러처리 관련 정리
깃과 깃허브, 로컬폴더 관리하기
9.요소 위에 요소 얹는 방법
position으로 해결하기
10.[React] Adjacent JSX elements must be wrapped in an enclosing tag. Did you want a JSX fragment <>...</>? 에러 해결
<></>와 <div></div> 차이
11.[React] 스타일 코드가 브라우저에 렌더링 되는 문제 해결
왜 코드가 화면에 나올까...?
12.[CSS] 별로 안써본 outline 속성에 대해서 알게된 점 (feat. 리액트 블로그)
혜원 멘토님 덕에 해결!
13.[React] 로그인 state 끌어올리기
이거하면 이거도 해야되고 할게 많구만
14.[웨일마켓] 내 브랜치 작업 중 main 브랜치 내용이 수정되었을 때 해결방법
rebase는 base를 최신으로 바꿔준다
15.[웨일마켓] URL은 바뀌는데 화면전환이 안되는 현상 해결
채팅방 리스트에서 채팅방으로 넘어가기
16.[웨일마켓] 회원가입 이메일 검증
더 작은 단위로 쪼개야 했다;
17.[웨일마켓] Uncaught Error: Too many re-renders. React limits the number of renders to prevent an infinite loop.
리액트 form과 useEffect
18.[웨일마켓] 회원가입 프로필 이미지 업로드 및 미리보기
회원가입할 때 프사 넣는 건 꽤 많은 공이 들었다고 한다...
19.[웨일마켓] 나를 팔로우한 사람을 팔로우했을 때 어떤 데이터가 바뀌어야 할까?
생각보다 잘 연결돼서 신기한 팔로우 기능
20.[JavaScript] 회원가입 전체 유효성 검사 후 버튼 활성화 하는 기능 오류 해결하기
setTimeout으로 해결할 수 있구나
21.[JavaScript] 체크박스 기능 종류별로 뽀개기
장바구니 페이지는 역시 금방 끝낼 수 없었다
22.[JavaScript] 교차점에서 다음 페이지를 불러오는 무한스크롤 기능 추가하기
드디어 성공!
23.[JavaScript] API 모듈 재사용을 위한 조건부 key 처리
프로퍼티 키를 조건부로 사용하는 방법
24.DeprecationWarning: 'onAfterSetupMiddleware' option is deprecated. Please use the 'setupMiddlewares' option. 해결하는 방법
서버는 한번에 안돼
25.JWT에 RSA 암호화 방식 적용하기
안전한 로그인 기능 만들어보자
26.shadcn DropdownMenu 사용할 때 스크롤바 없어지는 현상 해결하는 방법
저 다크모드 버튼을 클릭하기 전과 후에 스크롤바가 있다 없다 해서 생기는 레이아웃 변경 현상이 매우 신경쓰였는데, 다른 사람들에게 보여주니 같은 말을 한다..! 고쳐야겠다고 생각했다. 해결 방법은 modal 속성을 false로 설정하는 것이다. radix 문서에서
27.k6로 부하 테스트 해보기
FE 팀에서 사용할 서버(NestJS + PostgreSQL + Prisma)를 구축하고 있다. 오늘은 시간이 남아서 부하 테스트(Load testing)를 위한 코드를 프로젝트에 추가해보고 있다. 부하 테스트도 FE에서 작성하는 단위 테스트 코드처럼 시나리오 단위의 코드로 관리하고 싶었다. 나는 Artillery와 k6 중에서 고민하다가 JS 개발자에 ...