![]()
문제 번역Hello, World!Type Challenges에서는 타입 시스템 자체를 사용해 검증을 합니다.이 챌린지에서는 밑에 코드를 타입 체크 오류 없이 테스트를 통과시키게 만들어야 합니다.// expected to be stringtype HelloWorld = any// you should make this worktype test = Expect>Take the Challenge 버튼을 클릭해 코딩을 시작하세요! Happy Hacking!이 챌린지는 Type Challenges에 의해 포팅 되었으며, antfu에 의해 작성되었습니다.문제type HelloWorld = any // expected to be a string이것을import type { Equal, Expect, NotAny } f..
![]()
오늘은 SEO, 그중에서도 구글 검색 엔진이 하는 일과 최적화에 대해서 공부한 것을 정리해 보겠습니다.SEO란 ?SEO는 Search Engine Optimization의 줄임말로 검색 엔진 최적화을 의미합니다. 쉽게 말해서 우리의 웹사이트가 검색 결과에 더 잘 보이도록 최적화하는 것입니다.SEO를 왜 해야 할까 ?SEO는 가장 효율적인 마케팅이라고 생각합니다. 구글에 검색을 했을 때 검색 결과에 높게 표시될 경우 유저들의 트래픽이 증가할 확률이 매우 높습니다.이 사진을 분석해 보면 검색결과 1,2,3등을 합친 게 50%가 넘는 모습입니다.광고 달면 그게 더 높게 나오는데 광고로 하는 게 좋지 않을까 ?물론 돈으로 광고를 달면 아예 검색 결과에 안 나오는 것보다는 괜찮겠지만 유저들은 심리적으로 맨위에 있..
![]()
저번에 React 19 + Next js 15 + Panda Css 의 기본적인 세팅을 했습니다. 이제 추가적인 세팅을 하고 서비스에서 사용할 SVG들을 편하게 사용할 수 있는 SVGR이라는 라이브러리를 사용해 보겠습니다.SVGR이란 ?공식문서 첫 화면에서 바로 확인할 수 있는대요. Transform SVGs into React components SVG를 React Component로 바꿔주는 라이브러리입니다.SVGR 설치pnpm i -D @svgr/cli이 명령어로 설치를 해줍니다.SVG 명령어 적용 cli를 사용하기 위한 명령어입니다. 저는 이렇게 구성을 했는데요. npx @svgr/cli --typescript --no-index --jsx-runtime automatic --out-dir ./s..
