인터넷에서 서식을 작성하다 보면 인풋박스( <input type="text" /> )에 글을 쓸때, 한글을 쓰려고 하면 영문이 나오고, 영문을 쓰려고 하면 한글이 나오고 해서 좀 답답할 때가 있을것이라 생각합니다. (저만 그런건가?) 아무튼, 그럴때 사용자를 조금만 더 생각한다면 답답하지 않고 사용하게 편할 수 있을 것 같습니다. 사용자를 배려하는 웹사이트 ㄱㄱ 출발!!

아주 간단합니다. 인풋박스를 가리키는 스타일에 "ime-mode"라는 속성을 주면 되는데요. 아래의 표를 참고하면 되겠네요.

inactive default로 영문모드
active default로 한글모드
auto 한/영 중 선택된 모드
disable 영문만을 사용할 수 있는 모드

 

<input type="text" style="ime-mode:inactive;" />

<style type="text/css">
input.han {ime-mode:active;}
</style>

<input type="text" class="han" />
 
Posted by 홍반장水 홍반장水

댓글을 달아 주세요

tutorialrepublic - html5, jquery, bootstrap4

www.tutorialrepublic.com/

 

Tutorial Republic - Online Web Development Tutorials

Learn How to Make a Website Learn the essentials of web development technologies and build your own website. Welcome to Tutorial Republic At tutorialrepublic.com you can learn the essentials of web development technologies from the basic to advanced topic

www.tutorialrepublic.com

HOME HTML5 CSS3 JAVASCRIPT JQUERY BOOTSTRAP4 PHP7 SQL REFERENCES EXAMPLES FAQ SNIPPETS

Posted by 홍반장水 홍반장水
TAG html5

댓글을 달아 주세요

 

 

support.dextsolution.com/techdoc/view.aspx?tagno=0&order=1&kb_id=KB000012

 

DEXTSolution : Technical Support for DEXT Products

▼ 기술문서 온라인 기술문의 이전에 기존에 등록된 기술문서 검색 서비스로 답변을 기다릴 필요없이 해결방법을 참고하실 수 있습니다. 기술문서 목록 최근 등록된 기술문서 자주 검색되는 기

support.dextsolution.com

기술문서 IDHowTo에러코드태그작성일문제해결

KB000012
"configuration/dextuploadpro/common section not exist." 오류
 
DEXTUpload Pro
2020-06-30
DEXTUpload Pro v4.0.0.0이상 설치 시 해당 오류가 발생될 수 있습니다.
v4.0.0.0 이상 버전 설치 후 제품 기능을 사용하시려면 web.config에 인증키를
포함한 제품관련 설정을 적용하셔야 합니다.

설치경로에서 아래의 매뉴얼 내용을 먼저 참고하시기 바랍니다.

*매뉴얼 - C:\Program Files (x86)\DEVPIA\DEXTUpload Professional\Manual\index.html
            ->프로그래밍->인증키 발급, 인증키 설정

샘플 경로에는 인증키를 제외한 설정이 적용된 web.config가 포함되어있습니다.
(C:\Program Files (x86)\DEVPIA\DEXTUpload Professional\Samples)

제품과 관련된 설정(인증키 포함)은 처리 페이지(asp)에서 재정의 할 수 있지만
설정항목은 반드시 web.config에 기본적으로 선언되어있어야 합니다.
(재정의 할 경우 web.config 설정항목은 값이 입력되지 않아도 무관합니다.)
Posted by 홍반장水 홍반장水

댓글을 달아 주세요

button submit 막기

 


form 안에 있는 button 은 자동으로 submit 기능을 한다. form 안에 있어도 submit 기능을 하지 않게 하기 위해서는 아래와 같이 코딩한다.

 

<form >

<button type="button">버튼</button>

</form>

 

Posted by 홍반장水 홍반장水

댓글을 달아 주세요

player.vimeo.com

 

Vimeo: 최고의 동영상을 위한 최고의 기능

당신의 멋진 동영상을 위해 특별히 제작된 강력한 동영상 기능. 넉넉한 저장 공간, 포스트프로덕션 및 수익 창출 기능, 고품질 라이브 스트리밍 등 다양한 성능을 즐기세요.

vimeo.com

<div id="made-in-ny"></div>

<script src="https://player.vimeo.com/api/player.js"></script>
<script>
    var options = {
        id: 59777392,
        width: 640,
        loop: true
    };

    var player = new Vimeo.Player('made-in-ny', options);

    player.setVolume(0);

    player.on('play', function() {
        console.log('played the video!');
    });
    
    
    //-- 플레이    
    player.play();

</script>
<!-- vimeo embed start, autoplay  -->
<div id="made-in-ny"></div>

<div class="buttons">
    <button id="play-button"   data-method="play">Play</button>
    <button id="pause-button"  data-method="pause">Pause</button> 
</div>

<script src="https://player.vimeo.com/api/player.js"></script>
<script>
    var options = {
        id: 465623199,
        width: 640,
        loop: false
    };

    var player = new Vimeo.Player('made-in-ny', options);

    //player.setVolume(0);
    player.setVolume(0.5);
    //player.setVolume(1);
 
    //setTimeout(function(){ player.setVolume(0.5); }, 3000);
    //-- 플레이    
    //player.play();
    //setTimeout(function(){ player.play(); }, 3000);
    
    $("#play-button").click(function(){ player.play(); }); 
    $("#pause-button").click(function(){ player.pause(); }); 
     
</script>
 

github.com/vimeo/player.js

 

vimeo/player.js

Interact with and control an embedded Vimeo Player. - vimeo/player.js

github.com

 

player.vimeo.com/api/demo

 

Vimeo Player API Demo

Text Tracks None

player.vimeo.com

Posted by 홍반장水 홍반장水
TAG API, Player, vimeo

댓글을 달아 주세요

Geolocation API 사용하기

developer.mozilla.org/ko/docs/WebAPI/Using_geolocation

 

Geolocation API 사용하기

Geolocation API는 navigator.geolocation 객체를 통해 사용할 수 있습니다.

developer.mozilla.org

Geolocation API는 사용자의 현재 위치를 가져오는 API로, 지도에 사용자 위치를 표시하는 등 다양한 용도로 사용할 수 있습니다. 이 안내서는 Geolocation API의 기초적 사용법을 설명합니다.

 

Geolocation API navigator.geolocation 객체를 통해 사용할 수 있습니다.

geolocation 객체가 존재하는 경우 위치 정보 서비스를 지원하는 것입니다. 존재 여부는 다음과 같이 알아낼 수 있습니다.

if('geolocation' in navigator) {
  /* 위치정보 사용 가능 */
} else {
  /* 위치정보 사용 불가능 */
}

 

 

Posted by 홍반장水 홍반장水

댓글을 달아 주세요

facebook 개발자 도구

 

developers.facebook.com/

 

Facebook for Developers

Facebook for Developers와 사용자를 연결할 수 있는 코드 인공 지능, 비즈니스 도구, 게임, 오픈 소스, 게시, 소셜 하드웨어, 소셜 통합, 가상 현실 등 다양한 주제를 둘러보세요. Facebook의 글로벌 개발��

developers.facebook.com

developers.facebook.com/products/instagram/

 

개발자용 Instagram 플랫폼 API

상호작용을 촉진하고 새로운 비즈니스 기회를 발견할 수 있는 Instagram 그래프 API, Mentions API, Business Discovery API, 인사이트 API 및 Comment Moderation API를 사용하여 Instagram 플랫폼에서 비즈니스가 인지��

developers.facebook.com

Posted by 홍반장水 홍반장水

댓글을 달아 주세요

ASP.NET 4.x와 ASP.NET Core  

프레임워크 선택 영역

다음 표는 ASP.NET Core를 ASP.NET 4.x와 비교합니다.

프레임워크 선택 영역ASP.NET CoreASP.NET 4.x

Windows, macOS 또는 Linux용 빌드 Windows용 빌드
Razor Pages는 ASP.NET Core 2.x에서 웹 UI를 만드는 좋은 방법입니다. MVC, Web API  SignalR도 참조하세요. Web Forms, SignalR, MVC, Web API, 웹후크 또는 웹 페이지 사용
컴퓨터당 여러 버전 컴퓨터당 하나의 버전
C# 또는 F#을 사용하여 Visual Studio, Mac용 Visual Studio, 또는 Visual Studio Code에서 개방 C#, VB 또는 F#을 사용하여 Visual Studio에서 개발
ASP.NET 4.x보다 고성능 성능 양호
Use .NET Core 런타임 .NET Framework 런타임 사용

.NET Framework의 ASP.NET Core 2.x 지원에 대한 자세한 내용은 ASP.NET Core 대상 .NET Framework를 참조하세요.

Posted by 홍반장水 홍반장水

댓글을 달아 주세요

Visual Studio를 사용하여 첫 번째 ASP.NET Core 웹앱 만들기

 

docs.microsoft.com/ko-kr/visualstudio/ide/quickstart-aspnet-core?view=vs-2019

 

C#에서 ASP.NET Core 웹앱 만들기 - Visual Studio

C# 및 ASP.NET Core를 사용하여 단계별로 Visual Studio에서 간단한 Hello World 웹앱을 만드는 방법을 알아봅니다.

docs.microsoft.com

 

Posted by 홍반장水 홍반장水

댓글을 달아 주세요

Visual Studio Code에서 FTP로 remote(원격)서버 연동하기

 

 

Visual Studio Code를 켜고 좌측 메뉴중 제일 밑에있는 확장버턴을 눌러준다. F1키를 눌러서 검색해도 된다.

검색창에 ftp-simple이라고 검색해본다.

 

설치버튼을 클릭하여 설치를 진행한다.

설치가 완료되면 다시 F1키를 눌러 ftp-simple을 검색한다.

[펌] gangnam-americano.tistory.com/26

Posted by 홍반장水 홍반장水
TAG FTP, vscode

댓글을 달아 주세요