[DAY - 99] #9 개인프로젝트 '오늘 하날'

2023. 7. 24. 20:10·🔥 부트캠프-웹 개발 🔥/오늘하날(개인프로젝트)

1) 댓글

 
해당 게시글에 맞는 댓글들이 출력되도록 했다.
만약 댓글이 없을 시 아래와 같이 출력된다.
 

        {
            boardId: 6,
            date: '2023-07-17',
            time: '09시 20분',
            dateTime: 230717092000,
            authorAcountId: 3,
            loactionCity: '인천광역시',
            loactionGu: '남동구',
            weather: 'rain',
            temperatures: '20',
            yesterday: true,
            likesAcountId: [1, 2, 3],
            images: './images/sky/sky6.jpg',
            authorLike: 70,
            comment: [
                { commentId: 1, commentAuthorId: 1, text: '하늘이 넘오넘오 예뻐용 쿠쿠', dateTime: 20230721083000 },
                { commentId: 2, commentAuthorId: 2, text: '예뻐용 쿠쿠', dateTime: 20230721093000 },
                { commentId: 3, commentAuthorId: 2, text: '하늘이 넘오넘오 쿠쿠', dateTime: 20230721103000 },
                { commentId: 4, commentAuthorId: 3, text: '1번댓글', dateTime: 20230721113000 },
            ]
        },
댓글
댓글

 

2) 댓글 작성

 
현재 로그인되어있는 계정으로 댓글을 남길 수 있다.
방금 추가한 댓글이 가장 최신이므로 게시글 페이지에서도 확인이 가능하다.
비로그인 시 댓글 input 대신 로그인 페이지로 이동하는 버튼이 활성화된다.
 

댓글추가
댓글추가
댓글추가
비로그인시

3) 좋아요

 
좋아요 버튼을 누르면 좋아요 숫자가 늘어나고, 하트가 채워지게 된다.
만약 이미 좋아요를 누른 게시글이면 클릭 시 하트가 비워지고 숫자도 줄게 된다.
비로그인 시 클릭해도 반응이 없다.
 

좋아요
좋아요 취소
'🔥 부트캠프-웹 개발 🔥/오늘하날(개인프로젝트)' 카테고리의 다른 글
  • [DAY - 102] #11 개인프로젝트 '오늘 하날'
  • [DAY - 101] #10 개인프로젝트 '오늘 하날'
  • [DAY - 98] #8 개인프로젝트 '오늘 하날'
  • [DAY - 97] #7 개인프로젝트 '오늘 하날'
Yeonhub
Yeonhub
✨ https://github.com/yeonhub 📧 lsy3237@gmail.com
  • Yeonhub
    비 전공자의 Be developer
    Yeonhub
  • 전체
    오늘
    어제
    • 전체보기 (169)
      • 🔍 Tech 🔍 (19)
        • Front-End (11)
        • Back-End (4)
        • AI (1)
        • Server (1)
        • Etc (2)
      • 💡 원티드 프리온보딩 챌린지 💡 (14)
        • PRE-ONBOARDING_AI (11월) (1)
        • PRE-ONBOARDING_FE (2월) (2)
        • PRE-ONBOARDING_FE (1월) (2)
        • PRE-ONBOARDING_FE (12월) (9)
      • 🔥 부트캠프-웹 개발 🔥 (118)
        • HTML5 (7)
        • CSS3 (21)
        • JavaScript (27)
        • JavaScript_advanced (9)
        • React (24)
        • Next (1)
        • MYSql (5)
        • Node (5)
        • 오늘하날(개인프로젝트) (12)
        • 이젠제주투어(팀프로젝트) (7)
      • 💻 CS 💻 (1)
        • 알고리즘 (1)
      • ⚡ 코딩테스트 ⚡ (11)
        • JavaScript (11)
      • 📚 Books 📚 (6)
        • 클린 아키텍처 (2)
        • 인사이드 자바스크립트 (4)
  • 블로그 메뉴

    • 홈
    • 태그
    • 방명록
  • 링크

    • Github
  • 공지사항

  • 인기 글

  • 태그

    javascript fcm
    bottom sheet
    expo 길찾기
    react vite
    expo google map
    react native expo fcm
    expo fcm push
    expo node fcm
    node fcm
    컴파운드 컴포넌트 패턴
    rn admob
    라스콘
    react native analytics
    node cron
    expo 지도
    rn bottom sheet
    react native firebase analytics
    expo admob
    php node
    python node
    node crontab
    react native admob
    expo map
    Node
    expo fcm
    expo deep linking
    node.js fcm
    react native bottom sheet
    프론트엔드 테스트코드
    라스콘4
  • 최근 댓글

  • 최근 글

  • hELLO· Designed By정상우.v4.10.3
Yeonhub
[DAY - 99] #9 개인프로젝트 '오늘 하날'
상단으로

티스토리툴바