🔷 CloneTodo ☑ - Todomate Clone Project | Team CloneMate CloneTodo : 많은 사람들이 사랑하는 투두메이트를 클론하여 웹 서비스를 배포해보는 프로젝트 id값 전달하기 지금부터 할 것은 어제 GoalEditForm의 TextField에 기존 title이 올라가도록 만들었으니 이제 id값도 전달해서 해당 id값과 goal state를 비교해서 업데이트 해주는 코드를 만들려고 한다. Goals 컴포넌트에서 editEventHandler를 통해 전달된 id 값을 통해 GoalEditForm에 title이 전달되는데 이 때 id 값도 같이 전달되고, 이 아이디값을 가진 state를 만들어 줄 수 있도록 함수를 만들자. GoalForm에서는 newGoalItem 이라..

🔷 CloneTodo ☑ - Todomate Clone Project | Team CloneMate CloneTodo : 많은 사람들이 사랑하는 투두메이트를 클론하여 웹 서비스를 배포해보는 프로젝트 이제 해보아야 할 것은 이런 것이다. 조건문으로 어떤 상태가 add 이면, 컴포넌트가 Goal 컴포넌트 위 자리에 있고, 상태가 edit으로 바뀌면 이 Goal 컴포넌트 위에 있는 것이다. 왜 이렇게 생각했냐면 document.querySelector로 내부 내용을 바꾼다고 해도, 확인 버튼이 이미 onClick={onButtonClick}으로 설정되어 있기 때문에 수정할 때 얻은 아이디 값을 맞게 바꾸기 어려워서 이다. App에 State 만들기 처음 김다정님 책 따라 만들었던 것처럼 readOnly라는 s..

🔷 CloneTodo ☑ - Todomate Clone Project | Team CloneMate CloneTodo : 많은 사람들이 사랑하는 투두메이트를 클론하여 웹 서비스를 배포해보는 프로젝트 어제 목표 출력 화면은 정리가 되었고 이제 작성된 목표를 클릭하면 Input에 값이 전달되고 그 값을 수정하면 해당 목표가 수정될 수 있도록 해야한다. 어떻게 하면 Input 태그에 값을 전달할 수 있을까 고민하다보니 이전에 PHP로 회원가입을 만들었던 화면이 떠올랐다. 회원가입 후 회원정보수정에 들어가면 회원 아이디를 이용해 데이터베이스에서 정보를 찾아 value에 뿌려줬었다. 이것도 그것과 같지 않을까.. Input 태그에 title 값 뿌리기 우선 클릭하면 editId를 인자로 받는 Input에 뿌리는 ..

오늘 nginx 수정한 기념으로 작성하는 글 발단 회사 서버는 AWS EC2 , ubuntu, Nginx, node 으로 돌아가고 있다. 현재 작동하는 기능의 개발은 외주를 부탁드렸고 서버는 이전에 계시전 개발자분이랑 서버 외주 개발자분이랑 작업한 것으로 알고있다. 처음 커뮤니티 기능을 개발할 때 이전 팀원과 외주 개발자분이 상의해서 1MB로 줄여놨다고 하는데 (서버 부하때문에) 내가 개발 요청드릴 때는 1MB 용량으로는 아무 사진도 올릴 수가 없어서 3MB로 올려달라고 해서 3MB로 작업하게 되었다. 이미지 용량 수정을 요청하고 다음과 같은 메시지를 받았기 때문에 내가 nginx까지는 만질 일이 없을 거라고 생각했는데..... 진행 1. ssh로 서버에 연결하기 우선 ubuntu 터미널을 이용하거나 V..

이번주의 마지막 문제! [문제] 행렬의 덧셈 행과 열의 크기가 같은 두 행이 각각 arr1 , arr2 에 주어지고 같은 행, 열에 있는 값을 더해주어 반환한다. [풀이] 행렬은 배열인데, 배열 안에 배열이 있는 이중 배열로 들어있게 된다. 각 값의 인덱스(위치)가 모두 같으므로 같은 인덱스 값을 더하는 반복문으로 만들어야겠다. 그리고 조건이 있으므로 조건문을 우선 만들어준다. 행과 열의 길이가 500을 넘지 않는다. 제한조건에 따른 조건문 만들기 function solution(arr1, arr2) { var answer = [[]]; if(arr1.length

오늘은 직사각형 별찍기 옆에 있는 문제를 풀어보자 (～￣▽￣)～ [문제] x만큼 간격이 있는 n개의 숫자 우선 숫자를 두 개 준다. 각각 x와 n으로 넘겨주고, x부터 시작해 x씩 증가하는 숫자를 n개 가지는 배열을 리턴하는 함수를 가지게 된다. 조건은 x는 -10000000 이상 10000000 이하의 정수고, n은 1000 이하의 자연수이다. [풀이] 처음에는 제한조건을 완전히 무시하고 풀었었는데, 이것도 문제의 일부분이라 조건을 잘 맞춰야 하더라. 자바스크립트는 자연수와 정수를 크게 구분하지 않는 것으로 알고 있는데 (아닐수도 있습니다!!!) 메소드를 찾아보니 정수인지 아닌지 판별하는 메소드가 있었다. Number.isInteger() Number.isInteger() - JavaScript | M..