캐나다 개발자

useState()는 react library에서 정의된 자바스크립트 함수이다. useState를 호출하면 배열을 반환한다. 첫 번째 원소가 현재 상태를 설정하고, 두 번째 원소는 상태를 갱신해 주는 함수이다. const [현재상태, 상태의갱신을도와줌] = useState(현재상태에게 줄 초기값) 그냥 html화면에서 자주 갱신되거나 변경될거같은건 state로 빼주면 편하다. import logo from './logo.svg'; import './App.css'; import { useState } from 'react'; const App = () => { // count같이 html에서 자주 변할만한거는 state로 빼준다 const [count, setCount] = useState(0); // ..

https://programmers.co.kr/learn/courses/30/lessons/12930 function solution(s) { var answer = ''; // 받아온 값을 배열로 만들어준다 let arr = s.split(""); // map은 첫번쨰 파라미터에서는 값, 두번째는 인덱스를 가져온다 arr = arr.map((value,index)=> // 인덱스%2로 짝홀판별 (index%2 === 0 ? value.toUpperCase() : value.toLowerCase())) //배열을 문자열로 .join(''); return arr; } 오랜만에 이런저런거 다 동원해서 잘 푼거같은데, 테스트케이스 3~4개만 통과했다. 오늘의 마지막문제로, 더 생각하기 뭔가 싫어서 답을 열어서..

https://programmers.co.kr/learn/courses/30/lessons/12931 function solution(n) { var answer = 0; // 빈 배열 let newArr = []; // 문자열로 형변환 n = n+ ""; // 배열로 형변환 newArr = n.split(""); // map으로 하나하나 접근해서 parseInt로 정수로 변경해주고 answer에 더해줌 newArr = newArr.map((value)=>(answer += parseInt(value))) // 정답 return answer; } 평범하게 형변환을 하다가 map을 이용해서 풀어다. 정답은 처음에 문자열로만들고, 배열로만들고, reduce를 이용해서 누진값을 꺼내서 풀어냈다. functio..

https://programmers.co.kr/learn/courses/30/lessons/12932 function solution(n) { var answer = []; // 받아온 숫자를 문자열로 변경 let str = n + ""; // 문자열을 배열에 넣기 answer = str.split(""); // 역순으로 정렬 answer.reverse(); //map을이용해 각 인덱스에 접근해서 숫자로 바꿔준다. answer = answer.map((value)=>(parseInt(value))); return answer; } 나는 그냥 문자열로 바꾸고, 배열로 바꾸고 역순하고 map을이용해 풀어냈다. 정답은 대부분 비슷해서 수학적으로 푼걸 가지고왔다. 들어오는값을 계속 10으로 나눠서 나머지를 배열..

https://programmers.co.kr/learn/courses/30/lessons/12933 function solution(n) { var answer = 0; // 빈 변수 생성 let arr = []; let str = ""; // 받아온 숫자를 문자열로 형변환 str = n.toString(); // 문자열 길이만큼 for 문 돌면서 배열에 넣기 for(let i=0; i(b-a)) // 배열을 문자열로 str = arr.join('') // 문자열을 숫자로 answer = Number(str) // 정답 return answer; } 그냥 단순하게 한줄한줄 풀어냈다. 정답코드는 배열에 제공되는 함수들을 적절하게 잘 이용했다. 해석은 아래에 주석으로 남기겠다. function soluti..

https://programmers.co.kr/learn/courses/30/lessons/12934 function solution(n) { var answer = 0; // root값을 넣어줄 변수생성 let root = 0; // 받아온값을 루트로 만들어준다. root = Math.sqrt(n) // 만약에 값을 1로나눠서 나머지값이 0이면 정수, 아니면 소수 란 뜻이다. root % 1 === 0? answer = Math.pow(root+1,2) : answer = -1; return answer; } 나는 그냥 제곱근을 루트값을 만들고 조건문에 넣어서 정수 소수 판별한다음에 다시 계산하는 식으로 했다 정답은 대부분 비슷했지만 아래의 정답은 나와다르게 정수 소수를 Number.isInteger라..

https://programmers.co.kr/learn/courses/30/lessons/12943# function solution(num) { var answer = 0; // 반복문 도는걸 셀 변수 let count = 0; while(true){ // 만약 받아온 값이 1이면 count=0 내보냄 if(num === 1) return count // 짝수 홀수 처리 if(num%2 === 0){ num = num / 2; count++; }else{ num = (num*3) +1 count++; } // count > 500처리 if(count > 500) return -1; // 결과적으로 num이 1이되면 끝 if(num === 1) return count; } return answer; }..

https://programmers.co.kr/learn/courses/30/lessons/42576 function solution(participant, completion) { var answer = ''; // 배열은 일단 정렬을 해준다 let particiArr = participant.sort(); let compleArr = completion.sort(); // 전체 participant 배열을 돌면서 값이 없는걸 발견하면 for(let i=0; i=1 ){ answer = participant; } } }

오늘의 목표 스파르타 강의 x 팀공부 x 팀작업 알고리즘 마라톤 개인공부 리액트 훅 정리 전산학공부 x 알고리즘, 자료구조공부 x 개인작업 x 오늘 해결한 알고리즘문제는 아래와 같다. 20. 완주하지 못한 선수 - 내가 설명해야함 https://devkevin0408.tistory.com/141 21. 이상한 문자 만들기 https://devkevin0408.tistory.com/147 22. 자릿수 더하기 https://devkevin0408.tistory.com/146 23. 자연수 뒤집기 https://devkevin0408.tistory.com/145 24. 내림차순으로 배치하기- 내가 설명해야함 https://devkevin0408.tistory.com/144 25. 정수 제곱근 판별 https..

컴포넌트만들떄 js파일보다는 jsx파일로 만들어야지 그 파일이 react파일인게 더 구별잘감