나플웹(무디)-7

 

곡,제목,기록 추가기능을

하나의 버튼안에 넣고,

버튼을 누르면 새 윈도우창이 뜨는 형식으로 고쳤다

그런데 문제가 있다

'Uncaught DOMException: Blocked a frame with origin "null" from accessing a cross-origin frame'

이러한 오류가 뜬다

 

이는 크롬에서 웹을 로컬 파일로 실행하면

보안상의 이유로 브라우저자체에서 iframe 과 통신을 막아 동작하지 않는다고한다

 

즉 서버로 실행하면 잘 동작하지만

테스트환경에서는 안된다는 것

 

해결 방법이 두 가지가 있다

하나는 서버로 실행하는 것

두번째는 

크롬의 대상에  --disable-web-security --user-data-dir="C:\chrome"를 추가하는 것

둘다해보았다

 

 

첫번쨰는

아파치 서버로 127.0.0.1 혹은 localhost로 접속해 보았다

bitnami설치경로에  apache2 -> htdocs에 html및 파일을 복붙해주면 적용된다

html은 index로 이름을 지어야된다

 

 

파일로 열었을땐 오류나던 것이 잘 적용되는 것을 알 수 있다

부모창과 자식창간의 데이터 교환을 위해

opener.document를 사용했고,

추가할때마다 id를 장르의 이름+0,1,2,

로 할당했다

 

 

 

2번째 방법

 

마찬가지로 잘 적용되는 것을 확인할 수 있다

 

 

 

크롬이 보안상의 이유로 로컬파일에서 실행하면

iframe과의 통신을 막는다는 것을 처음 알게 되었고,

해결방법또한 알아보았다

개인적으로 두번째 방법이 편한게

첫번째방법은 변경사항을 저장하면

파일을 수시로 옮겨주어야한다

그래서 앞으로 두번째방법을 쓰지않을까 싶다

 

 

이번에 곡 추가기능을 만들었는데,

제출 버튼을 하나로 통일하고,

장르 추가기능도 비슷하게 만들어볼까한다