🔷 CloneTodo ☑ - Todomate Clone Project | Team CloneMate CloneTodo : 많은 사람들이 사랑하는 투두메이트를 클론하여 웹 서비스를 배포해보는 프로젝트 ListItemText로 구현된 목표 텍스트를 클릭하면 위의 GoalForm의 TextField로 다시 title state가 전달되도록 해보자 그러려면 ListItemText 태그에 onClick으로 이벤트핸들러 함수를 바인딩 시켜야 한다. editEventHandler 라는 함수를 목표 삭제 이벤트핸들러인 deleteEventHandler 근처에 만들어준다. 클릭하면 콘솔에 값이 정상적으로 입력되는지 확인하기 위해 console.log('id : ', e.target.id)과 console.log('tit..

🔷 CloneTodo ☑ - Todomate Clone Project | Team CloneMate CloneTodo : 많은 사람들이 사랑하는 투두메이트를 클론하여 웹 서비스를 배포해보는 프로젝트 어제 만들어둔 수정 함수를 이어서 개발하려고 하는데 복잡한 기능을 구현하려고 하니 많이 막막해졌다. 하나씩 정리해서 풀어나가보자 목표 수정 기능을 위해 구현해야 할 것 - 현재 표시된 목표를 클릭하면 해당 state의 title과 key가 GoalForm에 전달될 것 - GoalForm의 textfield에 state의 title이 적힐 것 - title을 수정하고 다시 등록버튼을 누르면 같은 key의 state가 업데이트 될 것 그리고 기존에 작성한 목표 컴포넌트를 보면 InputBase로 적혀있는데 이게 ..

어제 풀던 문제를 마저 풀어본다. [문제] 직사각형 별찍기 n과 m이라는 정수가 두 개 주어진다. 그리고 * (애스터리스크, 별) 문자를 이용해 n x m 인 직사각형 형태를 출력해주면 된다. [풀이] 가만 보니 내가 반복문으로 출력하는 것은 그냥 한 줄로 쭉 나열되고 있었다. (계속 줄바꿈이 일어남) 그래서 '별찍기' 키워드로 찾아보니 .repeat라는 메소드를 사용하고 있었다. String.prototype.repeat() - JavaScript | MDN repeat() 메서드는 문자열을 주어진 횟수만큼 반복해 붙인 새로운 문자열을 반환합니다. developer.mozilla.org 이런 메소드도 있었구만... 메소드는 외워도 외워도 까먹고 외워도 외워도 새로운게 나오는 것 같다. 역시 문제가 닥치..

어제는 한번에 문제를 풀어서 기분이 엄청 좋았다. 오늘은 쉬움 난이도 맨 처음에 있는 직사각형 별찍기라는 문제를 풀어본다. [문제] 직사각형 별찍기 n과 m이라는 정수가 두 개 주어진다. 그리고 * (애스터리스크, 별) 문자를 이용해 n x m 인 직사각형 형태를 출력해주면 된다. 트리찍기와 비슷한걸까? 그러고보니 트리도 안찍어봤네... [풀이] 처음부터 특이하다. 뭔가 ... 그냥 출력 함수인가본데 모양이 독특하네. process.stdin.setEncoding('utf8'); process.stdin.on('data', data => { const n = data.split(" "); const a = Number(n[0]), b = Number(n[1]); console.log(a); console..

🔷 CloneTodo ☑ - Todomate Clone Project | Team CloneMate CloneTodo : 많은 사람들이 사랑하는 투두메이트를 클론하여 웹 서비스를 배포해보는 프로젝트 저번주에 만들었던 수정 부분이 뭔가 잘못되었다고 생각한다. 우선 readOnly 상태를 변경하는 것은 잘 되었으나, 우리가 생각했던 방식의 수정은 아닌 것 같다. readOnly 상태를 두되, 우리는 목표를 클릭하면, 다시 Input에 목표가 노출되고 그것을 다시 수정해서 확인 버튼을 통해 등록될 수 있도록 해야한다. 그래서 목표를 클릭하면 readOnly가 false가 되고 Input에 값이 노출되도록 해보자. 우선 offReadOnlyMode 함수를 수정해서 아래와 같이 만들어 준다. // 목표를 클릭하면..

아침에 할 일이 많은데 잠깐이라도 머리를 풀고 가야 할 것 같아서 프로그래머스를 켰다. 힘들고... 서럽구만... [문제] 핸드폰 번호 가리기 주어지는 변수는 phone_number 라는 변수고 전화번호이다. 전화번호 뒤의 4자리를 제외한 앞자리를 전부 * 애스터리스크로 가리고 리턴하는 함수를 작성하라. 근데 왜 제한 조건에는 s라고 되어 있는건지 모르겠지만 아무튼 주어지는 변수는 길이가 4자 이상, 20자 이하인 문자열이다. [풀이] 제한 조건을 먼저 조건문으로 작성한다. function solution(phone_number) { var answer = ''; if( 4