javascript
-
[javascript] 팝업창 사용javascript 2022. 12. 18. 13:50
oauth 를 통해서 개인정보를 받아와야 하는페이지에서 팝업형태가 아닌 페이지 전환 이후에 받아오는 식으로 진행중이였다. 이후에 전역상태를 관리 하는 부분에서 전역상태가 페이지 전환시 제거 되기 때문에 팝업형태로 변경했다. window.open(url, target, option) 형태로 팝업창을 열어 줄수 있으며 const popup = window.open() popup.close() 를 호출하면 닫아줄수가 있다. 근데 이걸 부모창에서 제어해야했었다. 그래서 팝업창에서 원하는 작업을 완료한 이후에 window.postMessage 를 통해서 팝업창에서 부모의 창으로 이벤트메시지를 보내주었다. window.opener.postMessage({ oautData }, '*'); 해당메서드르 사용해서 부모의..
-
[javascript] 객체 접근 dot notation(.) , bracket notation([])javascript 2022. 7. 8. 08:58
코딩중에 습관적으로 obj.key ... 아 아니다 obj[key] 이렇게 수정하다가 근데 왜 이걸 수정하고 있지? 둘이 뭔차이였더라 ? 뇌정지와서 적어둠.. 결론은 bracket notation 방식은 변수로도 접근할수 있고 number 도 string 타입으로 변환해서 접근(객체 key 는 type 이 string임) dot notation 은 해당값 그대로만 접근가능 예시) const obj = {1: '고등어', 2: '김치찌개', 계란: '한판에', 만원: '너무비싸'} //숫자예시 obj.1 = syntaxError: unExpected number obj['1']= '고동어' obj[1] = '고등어' //변수예시 const key = '계란' obj.key = undefined obj[ke..
-
[javascript] 실행컨텍스트에 대하여javascript 2022. 1. 21. 14:38
실행컨텍스트 : 실행가능한 코드가 실행되기 위해 필요한 환경 실행컨텍스트 구조 : 변수객체, 스코프체인, this value 변수객체의 속성 : 1.변수, 2.(parameter,argument)(전역컨텍스트 말고 함수컨텍스트인경우), 3.함수 선언식(함수표현식은 아니다 그래서 함수 표현식은 호이스팅이 안됨) 함수컨텍스트에서의 변수객체와 전역컨텍스크에서의 변수객체의 차이 : 전역컨텍스트에서 변수객체는 GO(전역객체를 가리킨다) 함수컨텍스트에서 변수객체는 AO(활성객체를 가리킨다) GO(전역객체) 와 AO(활성객체) 의 차이 : GO 는 전역변수와 전역에 선언된 함수를 포함한다. AO 는 지역변수와 지역에선언된 함수를 포함한다 + (parmameter, argument) : 이 둘의 차이 = 함수가 선언될..
-
-
-
[자바스크립트] target 과 currentTarget 차이javascript 2021. 6. 11. 11:32
const handleChange = (e: React.FormEvent)=>{ setInput({ ...input, [e.target.name]:e.target.value }) } 이벤트에 타입을 걸어주는데 검색해서 붙여넣었더니 에러가 발생했다. Property 'value' does not exist on type 'EventTarget' 그래서 다시 검색해보니까 onChange = (e: React.FormEvent) => { const newValue = e.currentTarget.value; } onChange = (e: React.ChangeEvent)=> { const newValue = e.target.value; } 이벤트의 타겟에 대상을 가져오는데 두가지 경우가 있다라는 걸 다시한번 ..
-
[자바스크립트] call by value , call by referencejavascript 2021. 5. 22. 18:32
일단 parameter 와 argument 의 차이 argument > 실제 사용되는 인자 parameter > 형식 매개변수 선언부분에서는 parameter 라고 하고 호출부분에서는 argument 라고 한다. call by value , call by reference 정의 : 호출방식에 따라서 인자가 평가되는 방식이 달라진다 함수에 인자로 어떤것이 들어오느냐에 따라 실행되는 방법에 차이가 있다. 원시형자료형이 인자로 들어오는지 ? 아니면 참조형자료형이 들어오는지 ? 에 따라서 call by value 방식으로 함수가 실행될지 call by reference 방식으로 함수가 실행되는지 결정되는 것이다. 다시 정리하면 위에서 argument 에 해당하는게 참조형 자료다 그러면 call by refere..