캐나다 개발자

컴포넌트가 필요한 상황 1. html 들이 반복될때 컴포넌트로 만드는게 좋다 2. 큰페이지 하나하나를 컴포넌트로 만드는게 좋다 단점 1. 다른함수에 정의된 state들을 가져다 쓰기 불편함

React에서 State를 쓰는이유는 State를 쓰던 html은 State가 변경되면 재 렌더링 된다. 즉, html부분에서 자주 변경될거 같은부분은 state로 만들어 두면 된다. // State Import import { useState } from 'react'; // State 예시 let [val, setVal] = useState('남자옷'); // 이런식으로 html에 값을주면 자동으로 재 렌더링이 안된다. let post = '강남 우동 맛집'; 비슷한 성질의 여러개 태그에 state를 써야할경우, 묶음처리도 가능하다. let [title, setTitle] = useState(['남자 코트 추천','강남 우동 맛집','파이썬 독학']) // 사용할때는 {title[0]} state의 ..

/* eslint-disable */ 제일 위줄에 추가

npx CRA 추가 npx create-react-app 폴더이름 npm 시작 npm run start npm Styled Components, normalize, reset npm install styled-components npm install styled-normalize npm install styled-reset npm redux, react-redux, toolkit npm install react-redux npm install redux // 동시설치 npm install react-redux redux // tool npm install @reduxjs/toolkit npm tailwind css npm install -D tailwindcss@npm:@tailwindcss/postcs..

첫번째수와, 두번째수를 더해서 세번째수를 만드는 것이 피보나치 수열이다. // 아래와 같이 첫번째 숫자와 두번째 숫자를 합친게 세번째 숫자에 들어간다. [1, 2, 3, 5, 8, 13] 설명과 코드는 아래와 같다. function fibonacci(range){ //시작 변수 준비 let firstNum = 0; let secondNum = 1; let thirdNum = 1; // 마지막 숫자를 담을 변수 let last = 0; // 받은 범위가 0이면 종료 if(range === 0){ return last; // range가 양수인경우 }else if(range > 0){ // i=2 인 이유: 초기에 1,2,3번에 들어갈 수자를 세팅했기 때문에 // 3가지 숫자를 세팅했고, 인덱스로 따지면, ..

https://programmers.co.kr/learn/courses/30/lessons/76501 function solution(absolutes, signs) { var answer = 123456789; // 합을 담을 변수 let sum = 0; // for loop으로 absolutes 길이만큼 돌린다 for(let i=0; i acc + (val * (signs[i] ? 1 : -1)), 0); }

https://programmers.co.kr/learn/courses/30/lessons/86051 function solution(numbers) { var answer = -1; // 더한 값을 저장할 변수 let sumOfNumbers = 45; // 배열안의 숫자를 더할 변수 let arrSum = 0; // map() 을이용해서 배열안의 숫자들을 모두 더한다 numbers.map((value)=>(arrSum += value)); // 1~9까지 더한 숫자에서 배열안의 숫자의 합을 뺀다 answer = sumOfNumbers - arrSum; return answer; } map을 이용해서 배열의 합을 구했다. 정답코드는 reduce를 써서 풀어냈다. function solution(numbe..

https://programmers.co.kr/learn/courses/30/lessons/12925 function solution(s) { // 정답을 담을 코드 var answer = 0; // 문자열을 Number()를 이용해서 숫자열로 변환 answer = Number(s) return answer; } 형변환 문제였다. 정답 코드는 아래와 같다. 문자열을 숫자로 사칙연산하면 자바스크립트에서는 문자열이 숫자열로 변한다고 한다. function strToInt(str){ return str/1 }

https://programmers.co.kr/learn/courses/30/lessons/12903 function solution(s) { // 정답을 담을 변수 var answer = ''; // 문자열을 2로 나눠서 0이면 -> 짝수(false) / 나머지면 홀수(true) s.length % 2 ? answer = s.charAt(s.length/2) : answer = s.charAt(s.length/2 -1) + s.charAt(s.length/2) return answer; } 정석대로 풀어낸거 같다. 정답코드는 훨씬 간결하다. function solution(s) { return s.substr(Math.ceil(s.length / 2) - 1, s.length % 2 === 0 ? 2 ..

https://programmers.co.kr/learn/courses/30/lessons/12944 function solution(arr) { // 평균값을 담을 변수 let aver = 0; // 평균을 내기전 합을 담을 변수 let sum = 0; // 배열의 각 index를 돈다 for(let i=0; i리턴해줄값) arr.map((value)=>(sum += value)); // 평균 = 합/배열의길이 aver = sum / arr.length return aver; } 정답코드는 reduce를 썻다. function average(array){ return array.reduce((a, b) => a + b) / array.length; }