![]()
1) 사진에 장소 표시오늘 하날 카테고리의 사진이 출력될 때 사진의 장소가 같이 출력되도록 추가했다. return ( {loactionCity} {loactionGu} ); 2) 업로드 날씨 이미지로 변경 날씨 창에 텍스트가 아닌 GIF로 현재 날씨가 출력되고 온도는 오른쪽에 출력된다. 아직 날씨 GIF들을 구하지 못 해서 비 만 출력된다. .weather { display: flex; font-size: 5vw; justify-content: flex-end; background: none; background-image: url('images/weather/rain.gif'); background-repeat: no-repeat; background-position: 0 70%; } 3) 내 주면 C..
![]()
1) 홈 페이지에 순위, 오늘 날짜 게시글 출력 const todaysList = board.filter(item => item.date === formattedDate) const todaysTopThreeList = todaysList.sort((a, b) => b.likesAcountId.length - a.likesAcountId.length).slice(0, 3) 2) 현재 위치 기준 게시글 출력 const list = useSelector(state => state.board.board) const nearList = list.filter(item => item.loactionCity === nearCity && item.loactionGu === nearGu) const { boardId, ..
![]()
React를 사용한 개인 프로젝트를 제작하려고 한다. 사용할 기술 스택은 HTML, Styled-components, React이고 Router, Redux를 이용해 페이지와 변수, 함수를 전역으로 관리할 것이다. 1) 주제 선정일반적인 웹 페이지를 따라 하거나 참고하여 웹을 만드는 것이 아닌 새로운 아이템으로 모바일에서 사용 가능한 웹을 만들고 싶었다. 안드로이드, IOS를 모르니 스마트폰 브라우저에서 사용 가능하게 만들고자 한다. 2) 아이템2-1) 목적매일 아침 유저들의 하늘 사진을 공유하는 것이 주목적이다.2-2) 서브 콘텐츠회원가입을 하면 회원마다 성장시킬 수 있는 나무를 받게 되는데 아침마다 하늘을 찍은 사진을 업로드하여 공유하면 그 회수에 따라 나무가 점차 성장한다.2-3) 공유사진을 업로드..
