매일 공부한거 기록하기

문제해결에 for문을 최대한 안쓰는 방향으로 생각해야하는데 한 번 더 생각해봅시당~.. 문제해결 function solution(n) { const answer = []; const strArray = [...n.toString()].reverse(); for (const item of strArray){ answer.push(+item); } return answer; } 1. n정수를 받아와 [] 배열에 담아준다. 이때 toString()을 사용해 타입변환을 해준다. 2. 그리고 reverse()를 이용해 배열은 뒤집어준다. 3. for of문을 써서 strArray를 하나씩 가져와 answer배열에 push해준다. 4. 이때 하나씩 가져온 item은 string타입이므로 +를 붙여 number로 타..

Array.from() 유사배열객체 , 반복가능한 객체를 얕은 복사를해 새로운 Array를 만든다. console.log(Array.from('foo'); // ['f','o','o'] console.log(Array.from([1,2,3],x=>2*x)); //[2,3,6]; Array.from이 손에 안익는당 자주 쓰도록 노력해야겠음요 크크

sort에 함수를 넘기지 않으면 문자열로 변환해서 정렬한다. [10,1,2,3].sort(); // [1,10,2,3] 작은 숫자순으로 정렬하고 싶을때 sort((a,b)=>a-b); reverse()는 배열의 순서를 반전한다! const numArray = [1,2,3,5,10]; console.log(numArray.reverse()); // Array [10, 5, 3, 2, 1]

오랜만에 푸니까 넘 재미따 문제 해결 function solution(n) { let answer = 0; const numArray = String(n).split("").sort((a,b)=>b-a); answer = Number(numArray.join("")); return answer; } 1. 숫자를 받아와서 배열로 변환하려했다. 2. 이때 숫자는 배열로 변환할 수 없으므로 String으로 타입을 변경해준다. 3. split()메서드를 이용해 String을 지정한 구분자로("")로 배열로 변경해준다. 4. sort()를 이용해 큰 순서로 배열해준다. 5. join()을 이용해 배열의 모든 요소를 연결해 하나의 문자열로 변경한다. ("")로 연결해준다. 개선점 1. String(n).split(..

Next.js는? : React의 SSR을 도와주는 FrameWork이다. React는 js library로 사용자 인터페이스를 만들기위함. 1. Component 2. 단방향 데이터 바인딩 3. JSX (javaScript XML) 4. Virtual DOM 의 특징을 가진다. Next.js 장점 1. 앱에 있는 페이지들이 미리 렌더링 된다. 정적으로 생성됨(static) create-react-app | next.js의 차이 Create-react-app 1. create-react-app 은 CSR로 작동한다 => 클라이언트가 UI를 모두 만듦. 2. 브라우저가 js를 가져와 모든 ui를 만든다. 3. CSR => 연결이 느리다면 흰 화면이 보일 수 있다. 4. . SEO에 최적화 되어있지 않다. ..

객체지향프로그래밍 OOP ( Object Oriented Programming) 객체지향 프로그래밍은 명령,절차지향프로그래밍과 반대되는 개념이다. 절차지향의 단점? 1. 프로젝트를 수정하기 위해 전체 이해가 필요하다. 2. sideEffect의 위험이 있다. 3. 유지보수가 어렵고, 확장성이 떨어진다. 객체 지향 1. 오브젝트 단위로 만든다. 2. 확장성이 높다. 3. 유지 보수가 쉽다. 오브젝트는 함수,데이터로 구성되어있다. 데이터는 fields, property 함수는 methods로 부른다. Class는 template 데이터가 없는 틀 이라고 생각하면 쉽다. (no data in) Object는 instance of a class 틀로 만들어진 오브젝트이다. (data in) Coffee Clas..

토이프로젝트 하나 만들려고 하는데 개념이 헷갈려서 정리하기로 한다 간단하게 설명하면 건축설계를 생각하면 됩니다. 1. 구조만 지어진 후에 client가 인테리어를 한다면? CSR 구조를 다 받은 상태에서 client가 동적으로 DOM을 그리면 ? CSR 2.건물이 다 지어지고 기본인테리어가 완료된 상태에서 입주하게 된다면? SSR 구조부터 몽땅 다 완성된 DOM을 받게 되면? SSR 1. CSR ( Client Side Rendering) 순서 1) client에서 초기화면을 로드하기 위해 서버에 요청을 보낸다. 2) 서버는 화면에 표시하는데 필요한 리소스로 응답한다. 3) 이때 모든 javaScript파일을 다운받아야해 초기 로딩의 시간이 더 오래걸린다. 4) 이 후 작업에선 서버에 의존하지 않고 cl..

꼭 합격하세요..

2주일 남았는데 가넝한가 ... ? 일단 해본다~... 뭐라도 되겠지~..!

React- Redux라이브러리를 사용하지않고 오로지 Redux만 사용해서 구현해보자. 그 이후 React-Redux를 사용해보자. 대부분 React-Redux를 사용함. 리덕스에 저장된 데이터를 화면에 보여줄때는 다양한 형식으로가공할 필요가 있다. reselect라는 라이브러리가 도움이 됨. Cannot find module 'react-dev-utils/crossSpawn' exception React App Ask Question npm i react-dev-utils 오류