본문 바로가기

반응형

자바스크립트

윈도 어플로 로컬 웹뷰를 만들고 있다. 처음엔 로컬 파일을 읽으니까 js 실행 오류부터 ie 버전이 낮아서 나는 오류까지 많았는데http://bomdol.tistory.com/149http://bomdol.tistory.com/148역시 갓구글을 통해서 다 해결하고 웹뷰를 만들기 시작했다. 서버가 없으니 json 파일을 생성해서 그걸 읽어서 처리하도록 만들었는데로컬 json 파일을 읽을 방법이 없다.검색해 보니 js로 저장해서 읽는 방법을 추천한다.var json={"key":"value"}http://bomdol.tistory.com/150해보니 잘 된다. 조회 화면을 만들려고 하니 매번 json.js 파일을 동적으로 붙였다 뗏다 해야 한다.이것도 잘 찾아 보니 만들어 둔 사람이 있기에 해 보니 잘 된다.http://bomdol.tistor.. 더보기
처음 겪은 일 div 위에 마우스가 올라가면 div가 사라지게 하는 스크립트를 만들었다.쉽잖아? 금방 뚝딱했지.근데 div 안에 있는 글씨 위에 마우스가 가면 글씨 지시자(커서) 모양이 되면서 div가 안 사라짐 ㅋㅋ이런 증상 처음이야 ㅋㅋ크롬에서 이러는데 ie도 그런지 해 봐야겠다.마찬가지네 ㅋㅋ 헉!!!!div를 만들어서 씌웠는데...글씨가 안 보이는데 글씨 위치에서는 작동을 안한다.ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ 상위 객체에 걸어서 해결했다.근데 상위 객체에 걸 수 없는 환경에서는 어케 해야 하는 걸까? ㅋㅋ div 안에 div를 넣어서 글씨를 다 감싸도록 했는데도 글씨 위치에서는 작동 안함상위 td에 걸면 글씨 위치에서도 잘 작동함 딱히 이벤트 전파를 막지도 않았으니 상위 div에 걸었으니 글씨 객체에서도 .. 더보기
360vr 이미지를 웹에서 표현하기 https://pannellum.org/documentation/examples/simple-example/ 위 사이트를 이용해서 360도 영상을 웹에서 뿌리고 있습니다. 위와 같은 영상을 360도로 뿌려 주기도 하고, 여러 장으로 나뉘어진 사진을 합성해서 보여주기도 합니다.저는 위와 같은 영상을 이용했습니다.참고로 사진 촬영은 LG 360Cam을 이용했습니다. http://r-rim.net/article/did/12 현재 만들고 있는 웹 화면입니다. (부동산 매물 광고 페이지죠)디자인은 좀 달라질 겁니다. 만약 블로그에서 사용한다면 iframe 방식을 쓰면 될 것 같습니다. 이렇게요.첫 줄 견본의 iframe입니다.견본은 기능을 하나씩 보여 주지만 한꺼번에 여러 기능을 쓸 수도 있습니다.대표적으로 자동.. 더보기
첨부된 이미지 미리 보기 - 서버에 올리지 않고. https://developer.mozilla.org/ko/docs/Web/API/FileReader상세 설명 http://www.javascripture.com/FileReader실제 작동 확인 자바스크립트에서 window.FileReader라는 메소드를 사용하면 첨부된 파일을 읽어 올 수 있다.아래 소스를 보면 input file에 첨부된 파일을 읽어서 img 태그에 보여 준다. 결과적으로 아래와 같은 이미지 태그가 생성된다.파일 형식과 파일 내용(base64 문자열)을 이용해서 이미지를 표시한다. 만약 이미지가 아니라 pdf를 첨부하면 아래와 같이 파일 형식/내용을 이미지일 때와 동일한 양식으로 표시한다.물론 엑박이 나온다. ㅋ 추가IE는 10부터 지원한다고 합니다.FeatureFirefox (Ge.. 더보기
초보자를 위한 정규 표현식 가이드 (자바스크립트 기준) http://www.slideshare.net/ibare/ss-39274621 자바스크립트에서 정규식씨를 쓰는 방법에 대해서 잘 설명되어 있습니다. 더보기

반응형