[html / css] a 태그  footer에 나의 정보를 담고 싶어서 처음에는 단순히 이름, 전화번호, 메일주소를 기본으로 적고 링크에 나의 깃허브와 티스토리를 연결만 해놓을 생각이였다. 그러다 요즘 핸드폰에서 작업하는 경우가 많아 a 태그에 핸드폰번호와 이메일도 이동되도록 하는 경우가 많아 같이 적용을 해볼까 합니다. 태그란 태그는 href 특성을 통해 다른 페이지나 같은 페이지의 특정 위치, 파일, 이메일 주소와 그외 다른 url로 연결할 수 있는 하이퍼링크를 만드는 기능을 가진 태그이다. - href 속성 1. 태그 클릭시 이동하는 URL Google 2. 페이지 내부 영역을 가르키는 fragment URL 두번째 단락으로 가기 두번째 단락 3. tel: URL - 전화번호 010-0000-0..

시작전. 웹 페이지에 있을 법한 기본 기능들을 연습하기 위해 간단한 포폴겸 MUI 템플릿을 보며 만들어 보기로 했다. 일단 비슷하게 만들게 될 템플릿은 https://mui.com/store/previews/webbee-landing-page/ Webbee - Multipurpose landing page UI Kit - MUI Store A collection of the best React templates, React dashboard, and React themes. It includes templates for dashboard, admin, landing page, e-commerce site and more. mui.com 이다.

FullCalendar에서 CustomButtons 사용하기 처음 원했던 기능 - 전달, 다음 달 버튼 누르면 그 달의 정보 가져오기 문제점 - 기본 버튼에 기능을 넣는 방법을 찾지 못함 홈페이지를 들어가도 이렇게 DOM Selector 함수나 JQuery를 사용하는 방법은 옳지 않은 것 같아 리액트의 React.useRef() 와 FullCalendar의 CustomButtons을 사용하여 직접 DOM에 접근해 보겠다. const calendarRef = React.useRef(); { calendarRef.current.getApi().prev(); //DOM에 접근해 전달로 이동 const day = _.get( calendarRef.current.getApi(),//DOM의 정보 가져옴 "curr..

프로젝트 동기 nextjs를 사용해보고 싶기도 했고 해보고 싶은 것들을 다 때려박기로 했다. 프로젝트 주 기능 SNS MMS 캘린더 클라우드 사용해 보고싶은 것 카카오, 네이버등 로그인 결제 시스템 (기본기능 X) 그룹 채팅 Next.js 프로젝트 생성하기 Next.js 프로젝트 생성하기 - npx create-next-app pivot 타입스트립트 적용 시키기 - yarn add --dev typescript @types/react @types/node import { AppProps } from 'next/app' import Layout from './components/Layout' function MyApp({ Component, pageProps }:AppProps) { return ( ) }..

일단 css공부 겸 달력을 직접 만들고 여러 안 해본 것들을 시도해볼 생각이다. 일단 nextjs를 공부해 도입할 생각이고 sass도 공부하고 도입해볼 생각이다. 너무 오래걸리는거 아닌지 걱정이 된다. 그리고 프로젝트 시작 전 맥북을 새로 구입하여 모든 걸 다시 다 깔아야 한다..