저번에 처음이자 가장 최근이었던 넘블의 챌린지가 디프백 챌린지였는데 이번에 두번째로 참가하게 된 챌린지도 디프백 챌린지가 되었다. 이번 챌린지는 나만의 성격 유형 테스트 만들기..!

시작부터 내 관심은 오롯이 React였으나, 입사 후 Vue앞에 놓이게 되었다... 음?!

extends를 사용한 타입 호환 테스트!

이번에 두번째 스터디 문제 풀이글을 올렸는데 이상하게 비공개 처리가 되었다. 어라? 내가 실수로 비공개로 올렸나? 수정해서 다시 전체공개로 돌려도 똑같이 비공개가 된다... why?!

바로 직전에 Beginner's TypeScript Tutorial의 tutorial문제 1~9번까지의 풀이에 이은 나머지 문제 풀이. ⭐10~18번 문제 풀이

지난주부터 totaltypescript라는 사이트에서 제공하는 Beginner's TypeScript tutorial을 풀이하기로 했었다. 공교롭게 지난주에는 불참하게되어서 지난주 몫(?)까지 포함해서 이번주에 예정인 부분까지 한번 풀어보고 쭉 적어보자.

단순 오타 오류... 쩝..

이전 포스팅에서 살펴보았던 우테코의 오픈소스인 🐰달롱의 레포를 보고, 한주 동안 각자 정리한 내용을 기반으로 발표와 토의를 진행했다.

이전엔 궁금한 cofig파일을 먼저 열어보았고, 이번엔 이번 스터디의 가장 핵심인 types들을 열어보았다.

약 한달 조금 넘는 기간동안 진행했던 TypeScript 스터디를 마치고, 다음 스터디로 무엇을 진행할까 하다 나온 주제가 '오픈 소스 열어보기'였다. 그렇게 새로 진행한 오픈소스 스터디!

처음 React Query(TanStack Query)를 도입하면서 사용법이 낯설다 보니 많이 헤맸었다. 그 중 특히나 queryKey에 대한 것이 어렵기도 하고, 헷갈리기도 했었는데 이번에 한번 정리를 해보려한다.

nextjs로 만들어진 프로젝트를 clone해온 다음 실행하려 했을 때 떴던 에러모음. + Browserslist 찍먹하기

React에서 image태그를 사용할 때 처음이라면 src 경로 설정에서 당황한 경험이 있었을 수 있다. 만약 이미지 파일이 src폴더에 위치해 있다면 어떻게 사용해야 할까?

React에서 Link태그는 Router와 연관되어 내부의 route로 이동시키기 때문에 다른 외부 링크를 연결하기위해 a태그를 사용할 수 있다. 그렇지만 a태그 없이 클릭 이벤트로 외부링크를 연결하고 싶다면? 이럴 땐 어떻게 해야할까?

예전에 React로 작업하다가 차이를 알고 싶었던 부분. onClick에서 한끗 차이로 오류와 정상작동이 갈렸는데, 이유가 무엇일까?

type이 터졌을 때 type부터 고치려하면 안 된다! why?) 이는 내부의 구현이 잘못된 것이라고 알려주는 것일 수도 있기 때문.

레거시 자료: jQuery 슬릭 슬라이더 사용법 및 옵션

구글 폰트를 CSS in JS에서 쓰려면 기존에 CSS에서 쓰던 @import 대신 뭘 써야할까?

이전에 React와 Javascript로 제작했던 자기소개 사이트 개인 프로젝트가 있었는데, 내용 업데이트도 해야하고, 요새 TypeScript를 공부하고 있다보니 연습도 해볼 겸 이를 적용해서 바꾸고 싶었다.

React를 연습하면서 route 경로를 짤 때 path=":id"처럼 설정하는 방법이 있었다. `:`이게 뭔 의미일까? 사실 연습하면서 어떻게 이용되는지 봤기 때문에 어떤 기능적 의미를 지니는 지는 대략 알 수 있다. 근데 보다 정확히 한 번 짚고 넘어가고 싶었다.