개발3 [React] date-fns와 Style-Components로 커스텀하기 쉬운 달력 만들기 (3편 - 오늘 표시하기 + Event 날짜 표시) 이번 편에서는 특정 날짜를 클릭하면 해당 날짜에 있는 event가 뜨고, event가 있는 날짜들에 대해 하이라이트 표시를 확인할 수 있도록 설정하는 방법을 말씀해드리겠습니다.. 저는 Props와 hook(UseState)를 많이 사용하여 CSS에 전달하고 보여주는 편인데요. 아래 코드들과 설명들로 보여드릴게요 ㅎㅎ 1. Props 값으로 오늘 날짜와 현재 달, 이전 달, 다음 달 표시 하기 date-fns라이브러리에서 isSameMonth(), isSameDay()을 활용하여 Day 컴포넌트에서 day에 대해 map()으로 출력할 때 bool 값을 props로 전달하도록 하여 아래 코드처럼 is어쩌고 값을 전달한 후 bool 값에 따라 color와 BackGroundColor를 설정하였다. 에를 들어 .. 2023. 7. 8. 웹사이트 스위그(SWYG)로 배포하기 PARD에서 숏커톤 결과물에 대해 배포하게되면서 SWYG라는 좋은 플랫폼에 대해 알게 되었고, 사용 방법에 대해 나누고자 한다. 스위그(SWYG)? 스위그(SWYG)란 메타 콘텐츠 공유 및 호스팅 플랫폼이다. 웹 호스팅과 도메인을 제공해주며, 깃허브 연동으로 쉽고 빠른 출시를 할 수 있다는 장점이 있으며, 프로젝트를 배포한 후에도 플랫폼 내부에서 콘텐츠들을 홍보해주며 콘텐츠 제작자들과 개발자들의 네트워킹 기회를 제공해주고 있다. SWYG 이용가이드에 대해서는 아래 링크에 자세히 나와있으니 참고하면 된다. https://swygbro.notion.site/SWYG-4673dcfd50024f45af908bd80e44d5dd 아래는 내가 배포하면서 겪은 순서이다. 스위그에 웹 서비스 배포하기 프로젝트 개요 입.. 2023. 6. 7. IT 연합 동아리 PARD 해커톤&MT 회고 PARD IT와 벤처 스타트업에 관심이 있고, Pay it forward를 실천하고자 하는 대학생들이 모인 학부 연합 IT/벤처 동아리입니다. 현재 한동대학교 21학번으로 들어와 나는 앱 개발 & UI/UX 디자인 교육 학회 SODA를 거쳐 새로운 시작을 준비하고 있다. 현재 한동대학교는 디자인,기획,개발에 있어 많은 관심과 열정을 가진 학생들이 많지만 이들이 하나의 목표를 가지고 협업하는 일은 거의 없다. 우리 PARD는 이러한 문제들을 해결하고, 한동대학교와 우리들의 발전을 위해 만들어졌다. 나는 PARD에서 앱 개발 파트장을 맡고 있으며, 웹&앱 전반적인 개발파트에 대해 고민하고, 준비하고 있다. 우리는 11월부터 사람들을 모으고 1월 초 마침내! 11명의 PARD 0기 맴버들이 모이게 됐다! 우리.. 2023. 2. 15. 이전 1 다음
