▶이동
  • 상구너 닷컴 블로그를 방문하신 여러분을 환영합니다 :)
  • 스팸 정책에 의해 일부 덧글·방명록차단될 수 있습니다.

인한사전 InKrKamus v2.0 For Web 을 공개합니다.

Memperkenalkan Kamus Bhs Korea-Bhs Indonesia 'InKrKamus v2.0'


InKrKamus v2.0 For Web 을 공개합니다.

Mau kenalin web kamus kor-indo


이번 버전은 인터넷이 되는 모든 PC와 모바일에서 동작하며,

Ini bisa pake dari PC, Tablet, Mobile (apapun bisa pakkai internet)


다운받을 필요도 없습니다.

dan Tidak perlu download. 



아래 링크를 클릭해주세요^^

Jadi anda bisa buka kamus mulalui link bawah.


http://inkrkamus.sanguneo.com/


세부 인터페이스는 이전버전과 크게 다르지 않습니다.




kalau anda gak bisa mengerti interface kamus, tolong klik ikon dunia. (atas kanan)



bisa pilih interface lang







모바일이나 PC 어디에서든 가능합니다.


지금 바로 사용해보세요 ^^


http://inkrkamus.sanguneo.com/

0 0
  • 공지사항
    중요한 개인정보필요한 경우가 아닌 경우 적지 마시고, 적으셨다면 비밀글 설정을 꼭 해주시기 바랍니다.
    스팸 필터 정책에 의해 영문만으로 작성된 글이나 무의미한 내용의 글은 등록이 되지 않을 수도 있습니다.
  • 포트폴리오 제작기

    Study 상구너(smokingbird) 2018.06.15 14:28

    개발을 시작하고 작업하고 참여했던 프로젝트와 결과물을

    한눈에 볼 수 있도록 공유 하기 위해 최근까지 포트폴리오를 제작해왔습니다.


    제작된 포트폴리오는 아래 링크를 통해 확인가능합니다.


    http://portfolio.sanguneo.com/




    1. 제작 계획 수립


    필요성을 느끼고 한글파일이나 워드파일로 정리하다가 그 한계를 느꼈습니다. 좀더 자유롭고 직관적이고 싶었기에, 내가 잘 하는것을 이용 해 보자는 생각에 웹 버전으로 제작하게 되었습니다.


    2. 제작 방법


    우선 작업을 정리하려면 한둘이 아니기 때문에 같은 규격으로 스크린샷을 찍기 시작했습니다. 이전에 작업하면서 업로드한 이미지부터 정리를 위해 찍은 모든 이미지들을 모아, 넘버링 을 하고 이름을 붙인 뒤 트리구조의 디렉토리로 분류했습니다. 




    그리고 window 10 bash 를 이용해 find * 명령어를 실행하고 이를 > 로 리스트 저장





    이를 대분류와 소분류로 나누어 디렉토리별로 div 로 묶고 a 태그로 감싼 뒤 설명



    A테그를 이용한 이미지 링크들을 img src로 변환하고, 링크 추가 및 설명을 추가하는 스크립트를 제작





    프로젝트 요약을 추가하고 simpleLightBox 를 적용했습니다. (jQuery 를 이용한 라이브러리입니다.)



    CSS로 간단한 스타일을 적용하고 모바일에서도 잘 보이도록 viewport 설정



    아파치 설정하고 호스팅




    3. 이후 개발방향


    현재는 html을 직접 수정해야하지만, 이후에는 규격화된 json을 이용해 템플릿화 할 예정입니다.

    'Study' 카테고리의 다른 글

    포트폴리오 제작기  (0) 2018.06.15
    0 0
  • 공지사항
    중요한 개인정보필요한 경우가 아닌 경우 적지 마시고, 적으셨다면 비밀글 설정을 꼭 해주시기 바랍니다.
    스팸 필터 정책에 의해 영문만으로 작성된 글이나 무의미한 내용의 글은 등록이 되지 않을 수도 있습니다.
  • 크롬 확장앱 만들어보기 (3/3)

    Challenge 상구너(smokingbird) 2018.06.05 14:58

    안녕하세요 상구너입니다.


    크롬 확장앱 만들기 마지막 시간에는 제작한 확장앱을 직접 내 크롬 브라우저에 등록해보고,

    다른사람들도 쉽게 사용할 수 있도록 하는 방법을 다룰 예정입니다.


    이번 시간은 큰 설명없이 스크린샷으로 진행하겠습니다.




    이전 강좌 보기


    크롬 확장앱 만들어보기 (프롤로그)

    크롬 확장앱 만들어보기 (1/3)

    크롬 확장앱 만들어보기 (2/3)








    지난시간에 작성한 디렉토리를 뒤로하고, 

    여러분의 크롬브라우저의 확장프로그램 메뉴를 엽니다.




    chrome://extensions 주소를 입력해도 접속할 수 있습니다.





    개발시에는 이 확장을 이렇게 불러올 수있습니다.

    "압축해제된 확장 프로그램을 로드합니다." 버튼을 누르면

    디렉토리 선택창이 뜨고

    우리가 제작한 확장프로그램 디렉토리를 선택합니다.





    로드가 되면 위와같이 뜹니다.



    우측에 새로고침 같은 버튼은, 추후에 추가 개발할때

    지우고 다시 설치하고 그럴 필요없도록

    소스를 새로고치는 기능입니다. 작업이 추가되면 저 버튼 한번만 눌러주세요!



    그런데 매번 이 디렉토리를 띄워서 로드하고 

    디렉토리 찾고 하는게 참 번거롭습니다.


    원래라면 돈을 내고 구글 확장 개발자로 등록해서 심사를 받고 올라간 확장을 받아야 완성(?) 이 되지만,

    개인적으로 사용할것을 돈까지내가며 공개하기엔 무리가 많습니다.




    그래서 아래같은 방법을 시도해봅니다.




    확장프로그램을 압축합니다.

    루트디렉토리는 방금 위에서 개발용으로 지정했던 그 디렉토리

    비공개키 파일은 처음엔 안넣어주셔도 됩니다.





    확장프로그램 압축이 완료되면 위와같은 결과를 받게됩니다.

    추가개발을 계획하고 있다면 pem 파일을 꼭 챙겨주세요.


    이후 개발시, '비공개 키 파일' 부분에서 로드해주셔야합니다.




    완료되면 위와같이 파일이 생성 되겠습니다.







    완성된 crx파일을 `확장 프로그램` 페이지에 `드래그 엔 드롭` 하면






     위와 같은 화면이 됩니다. 추가로 진행해봅시다.




    듣도보도 못한 뜬근없는 오류가 보입니다.

    당연히 확장앱도 실행이 안됩니다.


    정책상 웹 스토에 등록되지않은 확장은 설치가 안됩니다.


    우리는 이 상황을 해결하기위해 조치해 줄 필요가 있습니다.


    다음 압축파일을 받아 풀어주세요.



    enable.zip





    압축파일 내용입니다.

    원래 이부분은 수동으로 진행해서 그룹정책에 등록하고 

    여러 작업을 해야하지만


    너무 번거로워서 이를 대신해주는 놈입니다.


    이전 내용들을 모두 진행하셨다면 

    ( "이 확장 프로그램은 Chrome Web Store에서 ..." 오류 보이는데까지)


    enableallExtensions.cmd 를 실행합니다.





    그럼 위와같은 파웨쉘 화면이 실행됩니다.

    모두 진행후 엔터를 눌러 프롬프트를 종료합니다.





    이제 다시 확장프로그램 페이지를 새로고침 하거나 새로 열면

    위와 같이 정상적으로 경고없는 확장 프로그램을 확인 할 수 있습니다.







    이제 실행 화면을 보겠습니다.






    이 부분에




    이런 버튼을 끼워넣었습니다!





    이로써 크롬 확장 프로그램을 만들고 배포하는 방법을 마쳤습니다.

    저같은 경우엔 enable 프로그램과 확장 crx 파일을 함께 공유하고있습니다.


    위에 소개해드린 방법은 웹스토어에 등록하지않을만한 작은 프로젝트에 해당합니다.

    만약 공통적으로 사이트에 기능을 추가한다거나, addon 프로그램으로 만든다면, 웹스토어에 등록하는 것이 바람직 할 수도 있겠지요?





    아무쪼록 즐거운 개발환경을 위해 열심히 한타 한타 타이핑하는 여러분을 응원합니다.!

    0 0
  • 공지사항
    중요한 개인정보필요한 경우가 아닌 경우 적지 마시고, 적으셨다면 비밀글 설정을 꼭 해주시기 바랍니다.
    스팸 필터 정책에 의해 영문만으로 작성된 글이나 무의미한 내용의 글은 등록이 되지 않을 수도 있습니다.
  • 크롬 확장앱 만들어보기 (2/3)

    Challenge 상구너(smokingbird) 2018.06.05 12:14

    안녕하세요 상구너입니다.


    이번시간에는 크롬 확장앱의 실질적인 동작부분을 작성해보려고 합니다.




    이전 강좌 보기


    크롬 확장앱 만들어보기 (프롤로그)

    크롬 확장앱 만들어보기 (1/3)

    크롬 확장앱 만들어보기 (3/3)





    지난시간에 이어 크롬 확장앱의 실제 동작부를 개발해보겠습니다.





    지난시간에 완성된 폴더 구조입니다.

    VS Code로 여니까 알록달록 이쁘네요

    (.vscode와 code-workspace 는 프로젝트 용 파일이므로 강좌와 무관합니다.)




    우선 manifest.json 파일을 수정합니다.

    우리의 목표는 타겟 페이지에 css를 삽입하고

    js를 실행하는 매우 간단한 작업이므로 저대로 해줍니다.




    우선 권한부분입니다.

    기본적인 웹 리퀴스트 권한이 없을 수 있습니다. 추가해주세요.

    탭은 추후 개발을 위해 넣었습니다. 필요없으신 분들은 제거하셔도 좋습니다.

    바로아래는 해당 서버 url 입니다.





    웹을 엑세스 할 수 있는 리소스들의 목록입니다.

    위 대로 진행하시면 되고, 추가파일이 생기면 추가합니다.






    컨텐츠 스크립트입니다.

    matches에는 이 앱을 실행할 url을 적었습니다

    * 와일드 카드 문자를 지원합니다.

    이것을 지정해두면 타겟url을 벗어나면 실행되지 않습니다.




    디렉토리를 펼쳐보면 위와같습니다.

    png파일로 아이콘을 제작할수있지만, 아이콘을 가린 백그라운드 확장을 만드시면 필요없습니다.




    CSS와 JS를 삽입하는 inject.js 입니다.

    삽입이 제대로 될때까지 삽입을 시도합니다.


    여기선 content.css, js 를 삽입하도록 했습니다. (18, 19 라인)




    content.js 부분입니다.

    저는 확장으로 버튼을 삽입할건데요, 

    이 버튼을 클릭하면 실행할 함수를 구현했습니다.




    버튼을 만드는 부분입니다.

    삽입된 js에서 html 엘리먼트를 생성해 특정위치에 집어넣고 함수를 바인딩하는 작업을 하였습니다.




    삽입하려고 하는 버튼을 꾸미는 스타일시트입니다.

    다른 기본 엘리먼트들의 스타일을 꾸미는등의 응용도 가능합니다.



    이로써 모든 개발이 완료되었습니다.


    그런데, 이걸 어떻게 써먹냐구요?


    이렇게 만들면 배포는 어떻게 하냐구요?



    걱정마세요 3강에서 사용법과 배포방법을 알려드릴 예정입니다.

    곧 3강을 업로드할 예정이니 기대해주세요 !






    0 0
  • 공지사항
    중요한 개인정보필요한 경우가 아닌 경우 적지 마시고, 적으셨다면 비밀글 설정을 꼭 해주시기 바랍니다.
    스팸 필터 정책에 의해 영문만으로 작성된 글이나 무의미한 내용의 글은 등록이 되지 않을 수도 있습니다.
  • 구너 영상 플레이어 15.11

    Develop 상구너(smokingbird) 2018.05.30 12:10

    [구너 비디오 플레이어] 15.11 버전,


    이미 오래전에 개발된 프로그램인데 분명히 갤러리랑 음악플레이어랑 같이 올린다고 했는데... 착각을 했었나봐요 ..


    순수하게 필요에의해 만들어진 HTML5 기반의 동영상 플레이어입니다.


    Ubuntu 기반의 Apache2 + php 서버에서 가장 잘 동작합니다.


    기본 기능

    - 모바일/PC 관계없이 음악 플레이

    - PC이용시 키보드로 제어

    - 음악 볼륨 자동 저장

    - 한곡 반복

    - 압축파일 다운로드 가능하도록 출력

    - 외부 라이브러리 다운받을 필요 없도록 만듬.(jQuery 등)

    - SMI, SRT, WebVTT 등 기본적인 자막파일을 HTML5 Video 플레이어에 로드



    !! 내 서버가 스트리밍 플레이어가된다!

    !! php video player 구너비디오플레이어.


    두가지 파일이 필요합니다.

    index.php subtitle.php 세개입니다.

    아래 파일을 받아주세요.


    Videos.zip




    설치는 대략 이렇습니다.


    1. 영상파일들이 잔뜩 있는 폴더(디렉토리)에 압축을 풀어 넣고

    2. 에디터로 경로를 수정합니다.

    3. 해당 페이지를 브라우저로 접속합니다.



    사용상 문의는 댓글로 ^^



    'Develop' 카테고리의 다른 글

    구너 영상 플레이어 15.11  (0) 2018.05.30
    mWeb Mac버전 배포  (4) 2016.11.22
    개발자 후원하기.  (0) 2016.07.13
    구너갤러리 15.11.2  (0) 2015.11.16
    구너갤러리 15.11  (0) 2015.11.04
    구너 플레이어 15.11  (1) 2015.11.04
  • 공지사항
    중요한 개인정보필요한 경우가 아닌 경우 적지 마시고, 적으셨다면 비밀글 설정을 꼭 해주시기 바랍니다.
    스팸 필터 정책에 의해 영문만으로 작성된 글이나 무의미한 내용의 글은 등록이 되지 않을 수도 있습니다.