🔷 CloneTodo ☑ - Todomate Clone Project | Team CloneMate CloneTodo : 많은 사람들이 사랑하는 투두메이트를 클론하여 웹 서비스를 배포해보는 프로젝트 오늘은 수정부분을 만들 차례! 실제로 책에서 도움을 받을 수 있는 부분은 서버 연결이라고 생각한다. 책에서는 엄청 단순한 앱을 만들기 때문이다 ㅠㅠ 어쨌든 투두 등록, 수정, 삭제가 기능의 대부분이니까 ... 수정에는 두 가지가 있다. 첫번째는 투두 상태 변화다. 투두에 체크를 하면 할 일을 완료한 상태이기 때문에 items state의 done 값이 true가 되게 하는 것과 이미 등록한 투두를 수정하는 것이다. 그리고 또 한 가지는 이미 등록한 투두를 클릭하면 내용을 바꿀 수 있게 하는 단계다. 이 단계가..

모든 꺽쇠로된 HTML 태그 제거하기 var txt = ~텍스트~; txt.replace(/(]+)>)/ig,"") 태그 중 일부분만 제거하기 var txt = ~텍스트~; txt.replace(/]*)>/gi,""); navigator.share 이용해 공유 기능을 구현하는데 data 태그로 text를 받아오다보니 개행 태그가 그대로 노출되어 정규식과 replace 메소드를 이용해 제거하였다. 인터넷의 대부분의 정규식을 적용해보았으나 가장 정확하게 드는 정규식이라 기록한다! 출처는 아래에! 을 제거하는데도 모든 HTML 태그 없애는 정규식이 가장 깔끔하게 먹혔다. [자바스크립트] 정규표현식을 사용하여 태그만 제거하기 정규표현식을 사용한 태그의 제거 방법입니다. 태그를 제거하기 위해서 내장함수에서 태그를..

쉬운문제여서 도전했는데 역시 쉬운 것은 없었고 조져지는 것은 나였다... [문제] 문자열 다루기 기본 문자열의 길이가 4이거나 6이고, 숫자로만 구성되어있는지 확인하는 함수를 구현하면 된다. 주어지는 문자는 1개부터 8개의 글자로 이루어져 있고, 숫자와 문자가 혼합될 수 있다. 길이가 4이거나 6이고, 숫자로만 되어 있는 조건을 만족하면 true를 출력하면 된다. [풀이] 어제까지 만든 코드를 돌려서 sArray를 출력해보았다. function solution(s) { var answer = true; var leng = s.length; if(leng >= 1 || leng

🔷 CloneTodo ☑ - Todomate Clone Project | Team CloneMate CloneTodo : 많은 사람들이 사랑하는 투두메이트를 클론하여 웹 서비스를 배포해보는 프로젝트 오늘 할 일은 책에 나온대로 Todo를 삭제하는 함수를 추가해본다. 투두메이트에서의 목표 삭제 버튼은 하단에 있고, 클릭하면 작성한 목표가 삭제된다. 요것은 나중의 자리배치의 문제일 것 같아서 우선 후딱 삭제 기능을 구현해본다. MUI의 ListItemSecondaryAction을 이용해서 삭제 버튼을 구현한다. 이 때 삭제 버튼 컴포넌트가 들어갈 곳은 이전에 만든 Goals.js 컴포넌트의 사이가 되겠다. 그리고 InputBase에 id와 name 속성이 있는지 확인한다. 이 id와 name이 삭제하거나 수..

어제 문자열다루기를 분명 풀어서 글을 올린 것 같은데..! 없어졌다! 저장도 안되어있는거 보니 날린듯 ㅠㅠ [문제] 문자열 다루기 기본 문자열의 길이가 4이거나 6이고, 숫자로만 구성되어있는지 확인하는 함수를 구현하면 된다. 주어지는 문자는 1개부터 8개의 글자로 이루어져 있고, 숫자와 문자가 혼합될 수 있다. 길이가 4이거나 6이고, 숫자로만 되어 있는 조건을 만족하면 true를 출력하면 된다. [풀이] 우선 문자열의 길이가 1~8 인지 확인하는 조건문을 준다. 그리고 문자열의 길이가 4개이거나 6개이면 각각의 문자열이 숫자인지만 확인하면 된다. 먼저 문자열의 길이가 1~8개인지 확인하는 조건문은 다음과 같다. 우선 s.length 그러니까 주어지는 문자열 s 의 길이를 변수에 담고 해당 변수를 확인한..

🔷 CloneTodo ☑ - Todomate Clone Project | Team CloneMate CloneTodo : 많은 사람들이 사랑하는 투두메이트를 클론하여 웹 서비스를 배포해보는 프로젝트 이제는 + 모양 버튼을 누르면 리스트가 추가되어야 한다. 이것도 김다정님의 책을 참고해서 일부분 변형해서 구현해보려고 한다. 지금 문제는 원래 todomate의 추가 버튼이 상단 바 오른쪽에 있어서 나도 그렇게 만들어야 한다면, route 별로 BasicNavBar가 다르게 보일 수 있도록 해야하는건지, 아니면 그냥 화면에 구현하고 위치만 상단으로 옮겨놔도 되는지 이다. 고민하다가 일단 버튼을 만들어서 상단에 올려놓고, 나중에 조건문을 쓰던 뭘 하던 해야겠다고 생각... 1. Todo를 추가하는 컴포넌트 만들..