숨니의 개발일지

리액트 공부중에 급 궁금해졌다

forEach 돌릴때 function의 파라미터인 item 은 무엇이고 index는 무엇일까?

아래 예시를 설명해보겠다.

1. 배열을 선언해준다.

2. 그 배열 반복 돈다.(forEach)

3. index = originArray의 length , index는 0~3까지

4. item = originArray의 value이다.

5. 수행 결과 

//배열 선언
var originArray = ["동물의숲", "링피트", "마리오", "루이지"];

//배열의 모든 요소에 Nintendo라는 문자열을 더하기
originArray.forEach(function (item, index, array) {
	array[index] = item + "Nintendo";
});

//메서드 실행 후 배열
console.log(originArray);
["동물의숲Nintendo", "링피트Nintendo", "마리오Nintendo", "루이지Nintendo"]

6. array는 이해를 위해 추가했는데 파라미터 필수값은 아니다.

파라미터에 item, index만 있어도 돌아감

최종정리 :

배열 전체를 돌 때, 요소마다 콜백 함수를 실행함

콜백함수의 파라미터는 다른 모든 메서드와 동일한 순서의 파라미터를 갖음

첫번째 파라미터(item)는 현재 배열 요소의 value,

두번째 파라미터(index)는 현재 배열요소의 위치,

세번째 파라미터는 현재 돌고 있는 배열을 가리킴

연계정보(CI, Connecting Information)는

서비스 연계를 위한 인터넷 업체 간 공동 식별자로 88byte로 암호화된 정보를 의미합니다.

CI는 주민등록번호를 기반으로 인터넷 본인확인기관이 생성하며 업체 간 동일 고객 식별 용도로 활용되고 있습니다.

출처 : https://act.jinbo.net/wp/41604/

자바스크립트 개발가이드대로 샘플.html 로 설정해서 들어가보니 에러가 떠버린 나.

REST 로 바꿔야겠다 생각하고 개발환경을 설정 하던 중에

1) 아닛?!! 뿌슝빠슝 redirect_uri 설정하는 페이지가 따로 있었다?!

https://developers.kakao.com/docs/restapi/user-management

2) 설정 -> 사용자관리!! 여기서 간단히 설정해 주었더니!

3) 로그인 창이 떴다!

4) 로그인을 하니까 내가 설정한 프로필 정보만 쓰겠다는 내용이 떴다!

5) 체크를 선택 -> 동의하고 계속하기 버튼 활성화 -> 에러....?

   ㅋㅋㅋㅋㅋㅋㅋㅋㅋ하...ㅋㅋㅋ한 번에 끝나질 않는구만

6) {"error":"unauthorized","error_description":"unauthorized - unregistered website domain"}

에러에 대한 내용이다.

난 분명 설정-> 사용자 관리에서 redirect 도메인 등록 했는데 도메인을 인식 할 수 없다니??띠용

구글링 해보니 이럴수가ㅋㅋㅋㅋㅋ

7) 설정 -> 일반에서 테스트 돌리는 주소를 추가 해주어야했다.

8) 추가를 한 후 성공 alert 창이 떴다!