목록FE (23)
치악산 복숭아
잠깐!✋ 이 포스팅은 React 자습서를 따라해보고 복습을 목적으로 하는 포스팅입니다 틀린 부분이 있으면 정정 부탁드립니다! 리액트 자습서(틱택토 만들기) 링크: https://reactjs.org/tutorial/tutorial.html Tutorial: Intro to React – React A JavaScript library for building user interfaces reactjs.org 리액트 자습서 마지막 부분을 보면 연습을 위해서 추가 기능을 제시해 놓았다 1. Display the location for each move in the format (col, row) in the move history list. (이동 기록 목록에서 특정 형식(행, 열)으로 각 이동의 위치를 표시..
잠깐!✋ 이 포스팅은 React 자습서를 따라해보고 복습을 목적으로 하는 포스팅입니다 틀린 부분이 있으면 정정 부탁드립니다! https://ko.reactjs.org/tutorial/tutorial.html#passing-data-through-props 자습서: React 시작하기 – React A JavaScript library for building user interfaces ko.reactjs.org 오늘은 props와 state에 대해서 알아보도록 하겠습니다 먼저 둘의 특징을 요약하자면 props 1. 읽기 전용 데이터(수정 불가능) 2. 부모 컴포넌트에서 자식 컴포넌트로 전달하는 단방향 데이터 state 1. 컴포넌트가 가지는 동적인 값(변경 가능) 버튼 눌렸는지 여부...값이 몇인지 등등..
1. RegExp.prototype.exec 인수로 전달받은 문자열에 대해 정규식과 일치하는지 탐색을 수행한 한 결과를 배열(없다면 null)로 반환한다. 2. String.prototype.match 자신을 호출한 문자열과 인수로 전달받은 정규 표현식과의 매칭 결과를 배열(없다면 null)로 반환한다. 일단 exec()의 형식은 정규식.exec(문자열) / match()의 형식은 문자열.match(정규식) 로 순서가 반대이다. 그럼 순서에서 차이점만 있는건가...? 했는데 그건 또 아니었음 🤔 차이점 1) 정규식에 g 플래그를 붙여서 함수를 실행하면 match는 문자열에서 해당하는 부분을 전부 배열에 넣어서 return 해주지만 exec는 처음 일치하는 부분 하나만 배열에 넣어서 return한다. co..
Array.prototype.filter 자신을 호출한 배열의 요소들에 대해 인수로 전달받은 함수를 호출한다, 그리고 그 결과가 true인 요소들을 모아서 새로운 배열을 반환한다 원본 배열은 변경 X 구문 arr.filter(callback(element[, index[, array]])[, thisArg]) 매개변수 1. callback: 각 요소를 검사할 함수 - return값이 true면 유지 / false면 버림(다음 세 가지 인수를 가진다) 1) element: 처리할 현재 요소 2) index(optional): 처리할 현재 요소의 인덱스 3) array(optional): filter()을 호출한 배열 2. thisArg(optional): callback을 실행할 때 this로 사용되는 값..