윤민상 블로그

먼저 오늘은 HTML에서 사용하는 법을 알아보겠습니다. 나중에 리액트와 연동하는 글을 올릴계획입니다. (이고잉님의 강의를 참고하였습니다.) https://redux.js.org/ Redux - A predictable state container for JavaScript apps. | Redux A predictable state container for JavaScript apps. redux.js.org Get Started를 누르면 시작하는 법이 나와있습니다. 오늘은 간단히 html로 할것이기 때문에 npm install은 사용하지 않고 위에 코드만 붙여넣기 하시면 됩니다. 그리고 redux devtools를 검색하셔서 깔면(chrome에서만) 시간여행이나 변화된 상태를 보는 것을 할수 있습니다...

redux는 react와 독립적인 라이브러리입니다. redux는 상태관리 라이브러리인데 react와 함께 쓰이기도 합니다. 리액트에서 리덕스를 쓰는 이유는 간단합니다. 리액트에서는 하위컴포넌트로 props를 전달할 수 있는데 이게 A부모에서 E부모까지 전달할려면 일일히 중간과정을 거쳐야합니다. 이를 막기 위해서 리덕스를 사용하는 것입니다. 리덕스는 상태를 관리해서 바로 E로 보낼수있습니다. 아래는 이고잉님의 생활코딩 강좌중 나온 그림입니다. 이를 토대로 다음글에 리덕스 사용법을 설명하겠습니다.

const { data: { data: { movies }, }, } = await axios.get("https://yts.mx/api/v2/list_movies.json"); console.log(movies); // const movies = await axios.get("https://yts.mx/api/v2/list_movies.json"); // console.log(movies.data.data.movies); 이런식으로 movies.data.data.movies라고 해야되는것을 조금 더 예쁘게? 가져올 수 있다 this.setState({ movies });

풀이 function solution(s) { if(s.length===4 || s.length===6){ const temp = parseInt(s); if(temp==s){ return true; }else{ return false; } }else{ return false; } } function solution(s) { if((s.length == 4 || s.length == 6) && /^[0-9]+$/.test(s)) { return true; }else{ return false; } } 위는 int형으로 바꿔서 비교하는 코드이고 아래는 정규식을 이용한 코드이다.

sort sort() 메서드는 배열의 요소를 적절한 위치에 정렬한 후 그 배열을 반환합니다. 정렬은 stable sort가 아닐 수 있습니다. 기본 정렬 순서는 문자열의 유니코드 코드 포인트를 따릅니다. 정렬 속도와 복잡도는 각 구현방식에 따라 다를 수 있습니다. const months = ['March', 'Jan', 'Feb', 'Dec']; months.sort(); console.log(months); // expected output: Array ["Dec", "Feb", "Jan", "March"] const array1 = [1, 30, 4, 21, 100000]; array1.sort(); console.log(array1); // expected output: Array [1, 10000..

slice slice() 메서드는 어떤 배열의 begin부터 end까지(end 미포함)에 대한 얕은 복사본을 새로운 배열 객체로 반환합니다. 원본 배열은 바뀌지 않습니다. 이때 주의할 점은 얕은 복사를 한다는 것입니다. 즉 원본 배열이 바뀌면 slice한 배열이 바뀔수 있습니다. const animals = ['ant', 'bison', 'camel', 'duck', 'elephant']; console.log(animals.slice(2)); // expected output: Array ["camel", "duck", "elephant"] console.log(animals.slice(2, 4)); // expected output: Array ["camel", "duck"] splice splice..

풀이 function solution(s) { return s.split('').sort().reverse().join(''); } split은 저번 문제에 나와서 알고 있었다. 조만간 split, splice같은 비슷한 맥락의 함수를 정리해서 올리겠다. reverse라는 함수가 있는지 오늘 처음알았다. 그전에는 if문이나 삼항연산자로 역순을 만들어야 했는데 이런방법도 있구나 싶었다. join은 배열을 문자열로 변환하는 함수이다. 즉 정리하면 split으로 문자열을 배열로 만들고 sort로 정렬하고 reverse로 역순정렬하고 join으로 다시 배열을 문자열로 합치는 식이다.

풀이 function solution(s){ const arr=s.toLowerCase(); let pNum=0; let yNum=0; for(let i=0;i