300x250
반응형

분류 전체보기 197

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

[HTML/CSS] 테이블(표)에 스크롤 생성하기

웹퍼블리싱 작업을 하다 보면, 특히 반응형이나 모바일 환경에서 table, 표의 양의 방대하다보면 모바일 환경에서 많이 깨져서 보입니다 ,, 반응형 웹에서 테이블이 구조가 바뀌는 소스도 있겠지만, 가장 기본적인 디바이스 크기가 넘어가면 스크롤로 데이터를 볼 수 있게 해주는 css를 소개해드리겠습니다. 제목 제목 내용내용내용내용내용내용내용내용내용내용내용내용내용내용내용내용 내용내용내용내용내용내용내용내용내용내용내용내용내용내용내용내용내용내용내용내용 내용내용내용내용내용내용내용내용내용내용내용내용내용내용내용내용 내용내용내용내용내용내용내용내용내용내용내용내용내용내용내용내용내용내용내용내용 div {width:100%;overflow:auto;} div table {white-space:nowrap;border-collap..

Front-End/HTML, CSS 2023.02.09

[Android]Kotlin으로 Android 앱 시작하기 [코틀린? 그리고 환경세팅 그리고.. 앱 만들고 실행까지]

코틀린은 뭘까요? 먼저, 코틀린으로 안드로이드를 작업하기에 앞서 코틀린이 무엇인지 간단히 10가지만 알아보고 넘어가봅시다 1. JetBrains에서 공개한 프로그래밍 언어 2. JVM (Java Vertual Machine) 기반 언어 3. Java와 함께 이용이 가능 4. JVM에선 바이트코드가 기본적으로 사용되고, 기계어로도 컴파일이 가능하다 5. 구글에서 채택한 공식 언어 (아마 오라클과 싸워서 그런게 아닐까 싶습니다) 6. 코딩시 정말 간결해 진다 7. 널포인터 익셉션으로 부터 고통을 덜어준다 8. 세미콜론이 필요없다! (오랫동안 사용해온 나로써는 습관이 무섭게도 계속 나온다..) 9. 안드로이드에서 신규 예제가 코틀린으로 많이 보인다 10. 최근 안드로이드 개발 회사에선 코틀린은 선택이 아닌 필..

Back-End/Kotlin 2023.02.09

[JavaScript]자바스크립트로 텍스트 하이라이트 처리 (검색)

var mystring = "hello world test world"; var find = "world"; var regex = new RegExp(find, "g"); mystring.replace(regex, "" + find + ""); // highlight class 위와 같은 코드에 highlight 클래스를 꾸미는 css 만 작성하면 된다. ex) .highlight { font-weight : bold; color:#FF0000; } 출처 : https://stackoverflow.com/questions/542232/in-javascript-how-can-i-perform-a-global-replace-on-string-with-a-variable-insi/21148153 In Java..

[Java]자바(Java) 한글 초성 검색

1. 소개 한글 초성 검색으로 유효성 검사 및 Mini 검색 도구 안드로이드서 사용하든, java에서 사용하든 한글 초성으로 검색을 위해 일단 유효성 검사 필터를 예전에 만듬 연산은 조금 복잡하지만 구조는 상당히 간단히 되어있음. 지속적으로 업데이트 할 예정 *gradle은 안드로이드 버전 전용임. 다른곳에서 쓰려면 Github 코드에서 클래스 하나 복사 하면됨. 2. Gradle repositories { maven { url "https://jitpack.io" } } dependencies { compile 'com.github.roka88:searchkorean:0.0.1' } 3.사용법 RokaSearchKorean rokaSearchKorean = new RokaSearchKorean(); b..

Back-End/Java 2023.02.09

[Java]자바 한자를 한글로 변환 - UTF-8

입력된 한자를 한글로 변환하는 방법을 소개하고자 한다. 한자란게 여러 한글로 변환이 가능하기 때문에 해당 방법으로는 완벽한 한글로 변환되는 것을 바라지 않는 것이 좋을 것이다. 한자를 한글로 변환해 주는 부분의 코드 구현은 다음과 같다. public static String getHangle(String hanja) throws UnsupportedEncodingException { char unicode = 0x0000; byte[] hanjaByte = hanja.getBytes("UTF-8"); for( int i = 0; i < hanjaByte.length; ) { if( (hanjaByte[i]&0xFF) < 0x80 ) // 1Byte Character { i++; continue; } el..

Back-End/Java 2023.02.09

[Ajax] 검색시 제시어 기능 만들기

일반적인 검색엔진을 사용할 때, 사용자가 검색한 단어를 DB에 누적시켜 저장시킨 뒤 검색빈도가 높은 목록을 정리해서 출력해준다. 이 제시어 기능을 구현해보자. ① 검색어를 입력할 페이지 - suggestClient.jsp 제시어 ② 제시어를 응답할 페이지 - suggestClient_ok.jsp ③ 검색어 작성 화면 검색키가 입력되고 새로고침이 되지 않더라도 자동으로 키워드들이 조회되고 선택할경우 하이퍼링크로 연결되도록 완성하였다. 출처 : https://wiper2019.tistory.com/132 Ajax - 검색시 제시어 기능 만들기 일반적인 검색엔진을 사용할 때, 사용자가 검색한 단어를 DB에 누적시켜 저장시킨 뒤 검색빈도가 높은 목록을 정리해서 출력해준다. 이 제시어 기능을 구현해보자. ① 검색..

Front-End/Ajax 2023.02.09

[JavaScript] 검색 기능 만들기

결과물 사용 에디터 Atom Editor 요구사항 1. 키를 입력할 때마다 검색 결과가 동적으로 변하기 HTML Search A Apple O Orange M Mandarin S Strawberry W Watermelon G Grape P Pear C Cherry CSS body{ margin: 0; padding: 0; font-family: "Montserrat"; } .searchbox{ width: 90%; margin: 10px auto; } .header{ background: #ECDFBF; overflow: hidden; padding: 20px; text-align: center; } .header h1{ text-transform: uppercase; color: white; margi..

[Java]ENUM 파헤치기

한창 자바 배울 때 이런 게 있구나 정도로 넘어갔던 부분인데 우아한 형제들 기술 블로그를 보면서 관심이 생겨서 실습을 하게 되었습니다. 인터넷에 좋은 글이 많아서 참고하면서 실습을 진행했습니다. 참고 사이트 http://woowabros.github.io/tools/2017/07/10/java-enum-uses.html https://docs.oracle.com/javase/7/docs/api/java/lang/Enum.html https://hyeonstorage.tistory.com/174 https://opentutorials.org/module/1226/8025 1. ENUM이란? 1) 특징 - 관련 상수들을 묶어놓은 것 - C/C++과 달리 Java의 Enum은 완전한 기능을 갖춘 클래스 - 비..

Back-End/Java 2023.02.09

검색엔진 비교_Solr vs ElasticSearch

안녕하세요. 검색엔진을 개발하는 이슈가 생겨 현재의 인프라 환경에 적합한 오픈소스를 찾다 Apache Lucene을 알게 되었고, 개발하게 되었습니다. 그리고, Lucene을 적용하기 위해 레퍼런스와 여러 문서들을 찾으면서, 새로운 의문점들이 생겨났습니다. 정말 이 검색엔진이 가장 좋은가? 성능 면에서 어떤 검색엔진 오픈소스가 더 뛰어난가? 어떤 검색엔진 오픈소스가 관리하거나 구축하기 쉬운가? 해당 질문에 대해 항상 명확하고 적용 가능한 답변이 있는 것은 아니지만 어느 목적으로 사용하느냐에 따라 보다 나은 혹은 올바른 선택을 하는데 도움이 될 것입니다. Lucene를 이용하여 검색엔진을 개발을 완료한 지금 뭔가 더 좋은 검색엔진으로 업그레이드 하고 싶은 욕심이 생겨 다시 비교분석을 해보게 되었습니다. 출..

DB/그 외 2023.02.09
300x250
반응형