전체 글451 react typescript : todo list 수정하기 routine이 todo랑 비슷한 결,, 🐶 원하는것 routine list에서 edit 버튼을 누른다 -> 모달팝업이 뜬다. -> 내용을 수정한다. -> 수정된 내용으로 상태가 업데이트 된다. 우선, edit 버튼을 만들어주었다. 그 다음에는 handleClickOpenEditModal(id) 을 눌렀을 때 모달이 열린다. routine리스트인 routines에서 id가 같은 routine을 찾는다. const routine = routines.find((it) => it.id === id); 모달 열때 사용했었던 요 옆에 코드를 활용해서 모달을 열어준다. 내용 수정해주고~ 이제 수정된 내용으로 상태가 업데이트 되어야하기 때문에 기존에 add 버튼에서 사용중인 handleSubmit에다가 코드를 좀 추.. 2022. 5. 24. Type '{ routine: Routine | undefined; open: boolean; onClose: () => void; onAddRoutine: (routine: Routine) => void; onEditRoutine: (routine: Routine) => void; }' is not assignable to type 'IntrinsicAttributes & Props'. typescript 에러 해결하기 프로젝트 하던 중에 이런 에러가 떴다.. 결국 물어봐서 ㅎㅐ결했다. 에러가 난 부분은 여기인데 내가 지정해둔 type Props에 onEditRoutine이 없어서 에러가 난 것이다. 이렇게 Props안에 타입을 지정해줌으로써 해결했다. 2022. 5. 24. 50. 소수 만들기 javascript https://programmers.co.kr/learn/courses/30/lessons/12977 코딩테스트 연습 - 소수 만들기 주어진 숫자 중 3개의 수를 더했을 때 소수가 되는 경우의 개수를 구하려고 합니다. 숫자들이 들어있는 배열 nums가 매개변수로 주어질 때, nums에 있는 숫자들 중 서로 다른 3개를 골라 더했을 때 programmers.co.kr 1.이해 주어진 숫자 중 3개의 수를 더해라 소수가 되는 경우의 개수를 구해라 2.계획 소수는 1과 자기자신만으로 나누어떨어진다. 모든 배수를 제거하고 남은 수가 소수다. n까지의 배수를 구하려면 n의 제곱근 이하의 수의 모든 배수를 제거하면 된다. 2-1. 배열 내 소수 찾고 소수 몇갠지 1은 소수가 아니다 2-2. nums에 있는 3개의 .. 2022. 5. 24. 49. 완주하지 못한 선수 1. 문제에 대한 이해 우리가 풀어야 할 문제는 무엇인가? - 완주하지 못한 선수의 이름을 구하라 주어진 자료는 무엇인가? - 마라톤 참여한 선수의 이름이 담긴 배열 participant / 완주한 선수들의 이름이 담긴 배열 completion - 완주하지 못한 선수를 한 사람이다 조건은 무엇인가? - 참가가 중에는 동명이인이 있을 수 있다. 우리가 문제를 풀기 위해 주어진 자료가 충분한가? 숨겨진 조건이나 자료가 있는가? 그렇다면 그 것을 다른 방법으로 해석해보라. - 리턴 값이 전부 한개이다. 2. 계획 참가자 명단에서, 완주한 명단을 뺀다 참가자 배열에서 그리고 완주한 명단에서 찾아서 뺀다. 참가자 명단에 남은 선수의 이름을 반환한다. 3. 실행 풀이 계획을 실행하고, 각 단계가 올바른지 점검하라... 2022. 5. 24. 220523 vscode 설정을 다시 하느라 애먹었다... jest install하고 테스트 실행해보려는데 안되길래 엄청 구글링했었는데 알고보니까 경로 설정을 잘 못했었다,,,, 앞으로 진짜 좀 꼼꼼히 봐야겠다. 그래도 맥북 m1 빠르고 좋다,,, 싸피 에세이를 제출해야지 지원 완료라서 싸피 에세이도 써서 냈다. 그리고 제로베이스 this에 대한 강의도 보았다. 어느정도 조금 this에 대해서 알고 강의를 보니까 더 이해가 잘되서 좋았다. 프로젝트 루틴 수정하는 부분을 잘 모르겠어서 인강을 봤는데도 잘 이해가 안갔다 ㅜ 그리고 코테를 풀었는데 몇일동안 못풀었던 문제를 해결해서 너무 후련했다. 2022. 5. 24. vscode : npm i & npm ci 차이 vscode 다시 설치하고 프로젝트 클론 받아왔는데 패키지들이 없어서 다 에러가 났다. 그래서 찾아본게 npm ci 를 해주면 pakage-lock 파일을 기반으로 패키지들을 설치해준다. npm i 를 하면 package.json에 있는대로 설치해버리고, 그에따라 package-lock 파일도 업데이트해버린다. 근데 나는 yarn 을 썼었어서 yarn install —fronzen-lockfile을 해줘야했다. 2022. 5. 23. 이전 1 ··· 45 46 47 48 49 50 51 ··· 76 다음
