300x250
반응형

Front-End/그 외 3

[PWA] PWA(Progressive Web Application) 정의/요소/장단점/사례/트위터 예시

오늘은”PWA(Progressive Web Application)“에 대해 자세히 알아보겠습니다. 최신 모바일 기술에 대한 자료 조사를 진행하다 흥미로운 트렌드인 PWA를 발견했습니다. 그중 ‘PWA가 앱스토어의 종말을 가져올 것이다.’, ‘앞으로 네이티브 앱으로 만들어야 하는 경우는 게임 말고는 없을 것이다’ 와 같은 일부 전문가들의 주장이 이번 포스팅의 주제를 정하는데 큰 역할을 했습니다. 본문에 들어가기에 앞서.. PWA(Progressive Web Application)라고 들어본 적 있으신가요? 쉽게 말해, 우리가 기존에 앱 스토어에서 설치하는 것 뿐만 아니라, 웹 기술만으로 앱과 같은 기능을 갖춘 웹 앱입니다. 개발자 입장에서 안드로이드/ios 지식 없이도 두 플랫폼 위에서 작동하면서 기기에 ..

Front-End/그 외 2023.03.23

[JSP 오류]Name [DB명]은(는) 이 컨텍스트에 바인딩되지 않았습니다. [jdbc]을(를) 찾을 수 없습니다.

1.프로젝트 내에 연결한 톰캣 프로젝트의 server.xml을 연다. 2. 제일 밑으로 내리면 요놈이 있을 것인데 원래는 한 줄로 되어있고 제일 마지막에 /> 로 마감이 되어있을 것이다. /(슬래시) 지우고 3. 이렇게 되게 만든다. 4. 그럼 저 Context 태그 사이에 이걸 추가한다. 대충 이런 그림이 될 것임. 5. 저장하면 에러가 사라지고 실행 잘 됨. 출처 : https://october-east-sea.tistory.com/155 [JSP 오류]Name [DB명]은(는) 이 컨텍스트에 바인딩되지 않았습니다. [jdbc]을(를) 찾을 수 없습니다. 1.프로젝트 내에 연결한 톰캣 프로젝트의 server.xml을 연다. 2. 제일 밑으로 내리면 요놈이 있을 것인데 원래는 한 줄로 되어있고 제일 마..

Front-End/그 외 2023.02.10

iframe 생성 후 file 타입의 input 박스 클릭 이벤트 호출시 문제

Chrome 에서 확인한 문제점. 프로세스 과정 1. 자바스크립트 함수를 호출해 document.body 에 iframe 요소를 생성한다. 2. 이어서 해당 함수 내에서 타이머 스레드를 생성한다. 3. 타이머 함수를 통해 iframe 안의 file type 의 input 박스를 검색한다. 4. 해당 개체를 발견한 경우 click 명령 이벤트를 호출한다. 5. Click 이벤트를 호출하고 나면 타이머 스레드를 clear 시킨다. 예상 결과 : 파일 업로드를 위해 대상 파일을 선택하는 다이얼로그가 뜬다. 프로세스 결과 - Internet Explorer 에서는 정상적으로 작동한다. - Chrome 에서는 팝업창이 호출되지 않는다. 해당문제에 대해서 구글 및 네이버 검색을 해보았으나 이에 대해 명료한 답을 찾..

Front-End/그 외 2023.02.09
300x250
반응형