달과 함께하는 IT

링크 https://zerosial.github.io/html-markup-5/ 내비게이션 및 푸터 - 쿠팡(Coupang) zerosial.github.io 특이사항 마우스 오버시 창 추가

링크 https://zerosial.github.io/html-markup-4/ 헤더 - 쿠팡(Coupang) 마이쿠팡 주문내역 취소/반품 찜리스트 zerosial.github.io 특이사항 Grid를 사용한 2중배치 , 마이쿠팡, 장바구니 마우스이벤트

링크 https://zerosial.github.io/html-markup-3/ 카테고리별 추천 광고상품 - 쿠팡(Coupang) 코디 아름드리 Size Up 키친타올 250매, 12롤, 1팩 로켓와우회원가 zerosial.github.io 특이사항 케러셀 구조

링크 https://zerosial.github.io/html-markup-2/ 오늘의 쇼핑 제안 - 쿠팡(Coupang) 솔로리빙 셀린 렌지대 60... (3,255) zerosial.github.io 특이사항 이미지 스프라이트

링크 https://zerosial.github.io/html-markup-1/ 오늘의 발견 zerosial.github.io 특이사항 마우스 포커스시 구매하기 및 보더라인 활성화 wai-aria를 실전에서 다루어본다.

https://codesandbox.io/s/nextjs-prisma-sqlite-forked-wsbegh NextJS Prisma SQLite (forked) - CodeSandbox NextJS Prisma SQLite (forked) by zerosial using @prisma/client, @types/node, @types/react, @types/react-dom, iron-session, next, prisma, react, react-dom codesandbox.io 주요 기능 https://fe-developers.kakaoent.com/2022/220224-data-fetching-libs/ React에서 서버 데이터를 최신으로 관리하기(React Query, SWR) 카카오엔터테인먼..

https://codesandbox.io/s/rhf-blueprint-forked-r5jijc?file=/src/App.js RHF-Blueprint (forked) - CodeSandbox RHF-Blueprint (forked) by zerosial using react, react-dom, react-hook-form, react-scripts codesandbox.io 백지상태에서 로그인아이디 비밀번호 메일을 사용해서 로그인 창을 만드는 챌린지 주요 기능 로그인 키를 클릭 전 3가지 창에서 주어진 조건이 충족됬을 경우만 진행가능하다. 이외에도 기본적으로 이메일일경우 이메일인지 전화번호일땐 전화번호인지 등 기본체크는 라이브러리에 포함되어 있다. //간단히 알아보는 코드와 기능 // onsubmit으..

https://codesandbox.io/s/sleepy-haze-ii4hco?file=/pages/index.tsx sleepy-haze-ii4hco - CodeSandbox sleepy-haze-ii4hco by zerosial using next, react, react-dom codesandbox.io 사용 스택 Next.js Typescript TailwindCss

https://play.tailwindcss.com/NsM6CsdqFl Tailwind Play An advanced online playground for Tailwind CSS that lets you use all of Tailwind's build-time features directly in the browser. play.tailwindcss.com 사용 스택 TailwindCss 이번주차 첫 캐럿마켓 챌린지는 템플릿을 가지고 Tailwindcss만 사용하여 최대한 유사하게 만드는 과제였다. 다른건 사용하지 않고 순수 html + tailwind와 svg만 가지고 만드는 과제였다.

https://zerosial.github.io/Calendar_Boilerplate/ Calendar Project zerosial.github.io https://github.com/zerosial/Calendar_Boilerplate GitHub - zerosial/Calendar_Boilerplate Contribute to zerosial/Calendar_Boilerplate development by creating an account on GitHub. github.com (프로젝트 링크) 바닐라 코딩 스타터 킷 2번째 과제인 캘린더 만들기를 완료하였다. https://book.vanillacoding.co/starter-kit/step-5/final-projects/calendar 🖋 Ca..