본문 바로가기
반응형

전체 글601

JS에서 배열을 문자열로 바꾸는 메서드, Join() Join() join() 메서드는 배열의 모든 요소를 연결해 하나의 문자열로 만든다. const el = ['Fire','Air','Water']; console.log(el.join()); // "Frie,Air,Water" console.log(el.join('')); // "FireAirWater" console.log(el.join('-')); // "Fire-Air-Water" 4가지 다른 방법으로 배열 연결하기 다음 예제에서는 3개의 요소를 가진 배열 a를 만들고, 기본 구분자, 쉼표와 공백, 더하기 기호, 빈 문자열의 4가지 구분자를 사용해 배열을 연결한다. let a = ['바람','비','불']; let arr1 = a.join(); // arr1에 '바람,비,불' 할당 let arr2 .. 2021. 8. 15.
JS, 구조분해할당 구조 분해 할당 구조 분해 할당 구문은 배열이나 객체의 속성을 해체하여 그 값을 개별 변수에 담을 수 있게 하는 JS표현식이다. 배열 구조 분해 rest문법을 이용하여 배열의 나머지를 변수에 할당하기 rest문법은 파라미터 개수가 가변적일때 파라미터를 배열의 형태로 받아서 사용할 수 있다. let a,b, rest; [a,b] = [10,20]; console.log(a) // 10 console.log(b) // 20 [a,b, ...rest] = [10,20,30,40,50] console.log(rest) /// [30,40,50] 구조 분해 할당을 이용하면 쉽게 데이터 뭉치를 만들 수 있다. let x = [1,2,3,4,5] let [y,z] = x; console.log(y) // 1 cons.. 2021. 8. 14.
코드스테이츠 소프트웨어엔지지어링 부트캠프 +27일 스프린트 베어미니엄을 겨우 끝냈다. 코드스테이츠 학습자료에 나왔던 내용들인데 막상 할때는 다 잊고 적용하지 않았던 것들이 많다. 에러가 나면 해결책이 학습자료에 나와있는데 기억하지 못하고 검색하다가 해결책을 알아내고 나서, 아 홈페이지에서 봤던내용이구나 하는 것들이 많았다. 예를들면 이 사실을 간과하고 계속 unshift를 사용했다. unshift를 사용했기 때문에 리렌더링이 되지 않았고, 계속 새로고침을 해야만 원하는 화면이 나왔다. 하지만 useState에 spread연산자를 사용하여 useState([추가할배열,...원래배열])라고 작성하니 해결되었다. 2021. 8. 14.
코드스테이츠 소프트웨어엔지지어링 부트캠프 +26일 리액트 Props와 State Props : 컴퍼넌트의 속성(Property)이다. 외부에서 전달받는 값으로 컴퍼넌트 내부에서 변하지 않는 값이다.(immutable) 부모 컴퍼넌트에서 전달받은 값이다. (React는 하향식 데이터 흐름원칙을 갖고 있다.) props전달방법 props 매개변수 사용 function Child(props) { return ( {props.text} ); }; function App() { return ( ); } export default App; props 는 객체이다. 이 객체의 { key : value } 는 컴포넌트에서 정의한 { attribute : value } 의 형태를 띈다. 따라서 JavaScript 에서 객체의 value 에 접근할 때 dot notat.. 2021. 8. 14.
반응형