🔷 CloneTodo ☑ - Todomate Clone Project | Team CloneMate CloneTodo : 많은 사람들이 사랑하는 투두메이트를 클론하여 웹 서비스를 배포해보는 프로젝트 아까까지 작성한 글을 전부 날리고 슬픔에 휩싸였다. 지금까지 한 것은 저번에 만든 회원가입, 로그인 버튼에 이동 하는 기능을 연결하는 것이다. 간단하게 라우터를 이용하면 쉽게 해결할 수 있을 줄 알았는데, button에 onClick으로 이벤트를 생성하려고 했더니 Link to 로는 안된다고 해서 useHistory를 이용하고 있었다. 우선 라우터를 사용해야 하는데 이 부분은 별도로 설명을 하지 않고 (썼는데 날라가서 의욕 잃음) 참고했던 블로그의 주소를 첨부한다. 가장 중요한건 useHistory를 사용하려..

🔷 CloneTodo ☑ - Todomate Clone Project | Team CloneMate CloneTodo : 많은 사람들이 사랑하는 투두메이트를 클론하여 웹 서비스를 배포해보는 프로젝트 와 .. PR이라니 내가...개발자가 되고도 버전관리가 전혀 안되는 서비스에 있다 보니 깃헙을 더 연습할 길이 없었는데 사이드 프로젝트를 통해 감사하게도 깃헙도 연습할 기회가 생겼다. 이번주차의 목표는 - [프론트] 레포지토리 생성해서 공유하기 - [모두] 각자 개발할 기능 정해서 구현 후 풀리퀘 올리기 이렇게 두 가지였는데 프론트 레포지토리는 내거 생성한거로 우선 전달하면 될 것 같고, 어제 만든 화면을 풀리퀘..? 해보는 것을 오늘 해보려고 한다! 오메 떨려 내가 참고한 글은 아래 블로그인데 국비학원에서 ..

한 문제 가지고 엄청 오래 끄는 느낌이다!! 그래서 나는 여기서 acnt, bcnt, ccnt를 value로 1, 2, 3을 key로 한 객체로 전환해서, value값에 따라 객체를 내림차순 sort하고, key값을 배열로 담는데, sort한 객체의 value 값이 0이면 value를 담지 않는 코드를 써보려고 한다. 어제 썼던 글에서 내림차순 sort 까지 했고, key 값만 배열로 다시 담는데, 담을 때는 0이면 배열에 담지 않는 코드를 써야한다. sortobj.map((v)=>{ if(v[1]!=0){ resultobj.push(parseInt(v[0])) } }) 정렬한 배열을 map으로 돌려서 if문으로 v를 받아 v의 채점 결과가 0이 아니면 resultobj라는 결과를 받을 배열에 key값이..

🔷 CloneTodo ☑ - Todomate Clone Project | Team CloneMate CloneTodo : 많은 사람들이 사랑하는 투두메이트를 클론하여 웹 서비스를 배포해보는 프로젝트 어제는 MUI를 살짝 맛봤다! 오늘은 MUI를 이용해서 로그인 화면을 구현해보려고 한다. 로그인 컴포넌트등을 따로 제공하는것 같지만, 화면 만들기만 맛보기 위해 inputbox 두 개와 버튼으로 로그인 화면 비스무리하게 흉내내볼계획이다. 실제 todomate 화면은 이렇게 생겼다. 하단의 시작하기를 누르면 임의의 계정처럼 바로 투두메이트 서비스를 이용할 수 있고, 로그인을 누르면 가입하기를 눌러 진행한 정보로 로그인을 할 수 있는 화면이 뜬다. 우선 이 메인 화면을 만들어보려고 한다. App.js 컴포넌트 안..

이런저런 회사일로 인해 아침 시간을 내기 애매한 상황이 되었었다.. 지금도 약간 바쁘지만 딱 10분만 코테를 풀어보려고 블로그를 켰네 😥 우선 통째로 베껴온 코드는 이렇다. function solution(answers) { let answer = [], res = []; let a=[1,2,3,4,5]; let b=[2,1,2,3,2,4,2,5]; let c=[3,3,1,1,2,2,4,4,5,5]; let acnt = 0, bcnt=0, ccnt=0; for(let i=0; i

🔷 CloneTodo ☑ - Todomate Clone Project | Team CloneMate CloneTodo : 많은 사람들이 사랑하는 투두메이트를 클론하여 웹 서비스를 배포해보는 프로젝트 어제는 폴더트리를 그려보았고 오늘은 MUI 실습을 하려고 한다. '코드에 빠지다' 라는 블로그에서 좋은 실습 자료가 있는 것 같아서 그대로 따라하면서 이것 저것 컴포넌트를 UI라이브러리로 삽입해보려고 한다. 이번 연습은 리액트 강의를 들었던 코딩애플 실습파일에 MUI를 추가해서 이것저것 짜보려고 하는데 왜냐 깃허브 잔디를 하나라도 더 채워야 하기 때문에..! 🔸 MUI Material-UI란? 리액트에도 인지도가 높은 부트스트랩 라이브러리가 있지만 요즘엔 Material-UI 라고 팀원분들이 하셔서 처음 알게..