자신이 원하는 운동들로 프로그램을 만들 수 있습니다!한 세트 끝날 때마다 체크박스를 클릭하세요!!통계 페이지에서 수행했던 모든 운동 히스토리를 확인하세요!!! 자세한 내용과 사용방법은 여기 클릭💪 웹사이트 둘러보기 클릭 💪💪

진행 사항 - Contact Section 구현 - Nav 버튼 클릭 scrollTo 로직 구현 - 전체적으로 CSS re-sizing Contact Section ScrollTo import React from "react"; import styled from "styled-components"; import theme from "../common/style/themes/default"; import MainLogo from "../assets/images/logo.png"; import GitLogo from "../assets/images/github.png"; import BlogLogo from "../assets/images/tistory.svg"; function MainNav() { //스..

진행 사항 02 [Client]ADD Studies Component - Implement Studies and Modal - Store Studies data in Firestore - Use useState method to convey according datas to Modal component 03 [Client]ADD Works Section - Implement Works Section - Store Works data in Firestore - Use useState method to convey according datas to Modal component Firestore 겹친 영역 이벤터 Studies / Works 의 아이템 클릭 시 모달 창이 뜨는데, 아이템의 어떠한 부분을 클릭해..

금일 진행 사항 - About Section2 Education 구현 완료

금일 진행 사항 - About Section1 구현 완료 - Pair review Carousel Pair review Carousel React-slick Library 를 사용하여 구현했다. 커스터마이징은 자유롭지 않지만 편리하다. Firebase 에 리뷰 데이터를 저장하여 사용하는 방법도 있지만, 간단한 텍스트 데이터이기에 src - assets - reviews 의 자바스크립트 파일에 리뷰 배열을 만들어 데이터를 저장하고 불러오는 방식으로 구현했다. Carousel.js 코드 import React, { Component } from "react"; import Slider from "react-slick"; import styled from "styled-components"; import "s..

금일 진행 사항 - Navigation Bar 구현 완료 - Home Section 구현 완료 - About Section 구현 중 Navigation Bar & Home Section About Section 페어리뷰의 Carousel 구현 예정. 관련 데이터를 임의의 js 파일에 넣어둘지 아니면 firebase firestore 를 사용할지 생각중. 오늘의 생각 전체적인 사이즈 조정이 필요하다. 각 섹션이 한눈에 들어오도록 UI 를 구성할 필요가 있어 보인다.