인터넷에서 서식을 작성하다 보면 인풋박스( <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 홍반장水 홍반장水

댓글을 달아 주세요

웹 개발자 로드맵 2020

각 노드 선택시 영상 노출

 

coggle.it/diagram/XfeRbWj7xy3dsEX8/t/web-development-in-2020

 

Web Development In 2020 (Backend (Things to Learn for your…

Web Development In 2020

coggle.it

 

Posted by 홍반장水 홍반장水

댓글을 달아 주세요

flutter 설치하기

 

아래 주소에 가서 다운로드 받자. 

C:\src\flutter 밑에 압축 풀고, 시스템 환경 변수에 경로설정하고,  안드로이드스튜디오도 다운받아서 설치.

 

C:\src\flutter>flutter doctor

flutter doctor  입력하면 

C:\Users\HWKim>flutter doctor
Doctor summary (to see all details, run flutter doctor -v):
[√] Flutter (Channel stable, 1.22.2, on Microsoft Windows [Version 10.0.19041.572], locale ko-KR)

[√] Android toolchain - develop for Android devices (Android SDK version 30.0.2)
[!] Android Studio (version 4.1.0)
    X Flutter plugin not installed; this adds Flutter specific functionality.
    X Dart plugin not installed; this adds Dart specific functionality.
[√] VS Code (version 1.50.1)
[!] Connected device
    ! No devices available

! Doctor found issues in 2 categories.

C:\Users\HWKim>flutter doctor
Doctor summary (to see all details, run flutter doctor -v):
[√] Flutter (Channel stable, 1.22.2, on Microsoft Windows [Version 10.0.19041.572], locale ko-KR)

[√] Android toolchain - develop for Android devices (Android SDK version 30.0.2)
[!] Android Studio (version 4.1.0)
    X Flutter plugin not installed; this adds Flutter specific functionality.
    X Dart plugin not installed; this adds Dart specific functionality.
[√] VS Code (version 1.50.1)
[!] Connected device
    ! No devices available

! Doctor found issues in 2 categories.

아래 명령어도 한번 실행하고, 물음표나오면 전부 "y"

C:\Users\HWKim>flutter doctor --android-licenses

연결가능한 디바이스를 찾는 명령은 

flutter devices

 

 

flutter.dev/docs/get-started/install/windows#web-setup

 

Windows install

How to install on Windows.

flutter.dev

VSCode의 확장에서 Flutter 검색 후 Dart 에서 나온거로 설치.

'프로그래밍 > App_language' 카테고리의 다른 글

flutter 설치하기  (0) 2020.10.28
Flutter - beacon package  (0) 2020.10.07
Google announces Flutter support for Windows  (0) 2020.09.24
WWDC 2020 Special Event Keynote — Apple  (0) 2020.09.11
[APP] MobiAudit 시장조사 앱  (0) 2020.09.08
[APP] Flutter 관련 youtube 영상  (0) 2020.08.26
Posted by 홍반장水 홍반장水

댓글을 달아 주세요

아침편지문화재단 내년 8월 `미네르바 바칼로레아` 개교

세계적인 혁신대학 `미네르바 스쿨`과 파트너십 체결
대상은 중학교 3학년부터 고등학교 3학년까지

youtu.be/N1oIhBFRUG4

`고도원의 아침 편지`로 유명한 아침편지문화재단이 미국 혁신대학 미네르바스쿨과 함께 `미네르바 바칼로레아`를 개교한다.

27일 아침편지문화재단에 따르면 미네르바 바칼로레아는(한국 학제 중3~고3에 해당) 아침편지문화재단이 운영하는 `꿈너머꿈 국제 대안학교(BDS)`에 미네르바 스쿨의 온라인 교육 플랫폼과 시스템을 접목해 문을 연다.

아시아에서는 처음으로 도입되는 미네르바 바칼로레아를 위해 아침편지문화재단과 미네르바스쿨은 파트너십을 체결했다.

개교는 내년 8월에 하며, 올 연말까지 신입생 100명을 모집한다는 계획이다.

고도원 아침편지문화재단 이사장은 "코로나 19 로 인한 비대면 교육이 필수가 된 요즘 그 어느 때보다 `온라인 혁신학교`에 대한 관심이 높아지고 있다"며 "미네르바 프로젝트의 혁신적·과학적 교육방식이 BDS 의 전인교육 이념과 접목돼 한국 고교교육에 새로운 혁신을 가져올 것"이라고 말했다.

미네르바 바칼로레아 학생들의 학습은 미네르바스쿨의 온라인 학습 환경인 `포럼`에서 하루 2∼3시간 원격 수업으로 이뤄진다. 미네르바 바칼로레아는 3년 과정이 기본이며 4학년 때는 대학 수준 과정을 이수하는 주춧돌 프로젝트로 진행된다. 전 과정을 이수하면 32시간의 대학 학점 취득을 인정받는 미네르바 바칼로레아 졸업장을 취득한다.

미네르바의 설립자이자 CEO인 벤 넬슨은 "BDS가 아시아에서 미네르바 바칼로레아를 제공하는 첫번째 학교로서 함께 길을 개척하게 되어 기쁘다"며 "미네르바 바칼로레아 프로그램은 고교 과정의 학생들이 대학 뿐 아니라 그 이상에서 성공할 수 있도록 해 주는 지식과 기술을 갖추도록 하는 데 있어 독특한 모델"이라고 말했다.

 

아침편지문화재단은 지난달 충주의 `깊은 산속 옹달샘 명상센터`에 BDS를 개교했다. 미네르바 스쿨은 쌍방향 원격 수업 방식으로 모든 강의를 소화해 `캠퍼스 없는 혁신 대학`으로 불린다.

한편, 아침편지문화재단은 27일 오전 10시부터 한국과 미국에서 동시에 `미네르바 바칼로레아` 관련 설명회를 연다. 관심 있는 학생·교사·학부모들은 `고도원드림 TV` 유튜브를 통해 실시간 생방송으로 참여할 수 있다.

 

 

www.mk.co.kr/news/society/view/2020/10/1099486/

Posted by 홍반장水 홍반장水

댓글을 달아 주세요

Google Workspace

프로그래밍 2020. 10. 28. 11:24

workspace.google.com/intl/ko/

 

Google Workspace(이전 명칭 G Suite): 비즈니스 공동작업 도구

Google AI로 구동되는 클라우드 기반의 안전한 공동작업 및 생산성 앱 제품군으로, Gmail, 문서, 드라이브, 캘린더, Meet 등이 포함됩니다.

workspace.google.co.kr

 

youtu.be/bE31y5HbukA

Posted by 홍반장水 홍반장水

댓글을 달아 주세요

시설관리자의 QR체크인 사용방법

http://naver.me/F6zX9WMH

시설관리자의 QR체크인(전자출입명부) 사용 방법

안녕하세요.6월 10일부터 전국의 고위험시설에 대해 전자출입명부가 의무화되었습니다.​의무적으로 도입되...

blog.naver.com

Posted by 홍반장水 홍반장水

댓글을 달아 주세요



https://brunch.co.kr/@delight412/275

우리가 모바일웹의 잠재력을 죽이고 있다

학습 차원에서 틈틈이 해외 전문가들이 블로그나 미디어 그리고 책에서 쓴 글을 정리하고 있습니다. 이번 포스팅도 그중 하나고요. 거칠고 오역된 부분이 있을 수 있습니다. 제대로 번역되지 않

brunch.co.kr

Posted by 홍반장水 홍반장水

댓글을 달아 주세요

소규모 스타트업이 Firebase를 써야 하는 이유

 

brunch.co.kr/@second-space/5

 

소규모 스타트업이 Firebase를 써야 하는 이유

돈 있으면 굳이?? | 구글 Firebase는 사이트에 들어가면 가장 먼저 보이는 "Firebase helps mobile app teams succeed"라는 카피에서 의미하는 것과 같이 모바일 앱을 만드는데 필요한 여러 가지 기능을 갖추고

brunch.co.kr

 

 

Posted by 홍반장水 홍반장水

댓글을 달아 주세요

 

www.greenbook.org/mr/market-research-leaders/ceo-series-interview-with-steve-king-of-black-swan-data/

 

CEO Series: Interview With Steve King of Black Swan Data | GreenBook

An interview with Steve King, the CEO of Black Swan Data on their ability to predict trends with actionable recommendations far in advance of traditional approaches.

www.greenbook.org

몇 주 전에 Delineate의 James King 과의 인터뷰  에서 차세대 AI 기반 솔루션 제공 업체의 현재 붐에 대해 논의했습니다.

“수년 동안 우리는 시장 조사 및 데이터 분석 부문의 융합을 예측해 왔으며 이로 인해 수많은 신흥 공급 업체에 새로운 비즈니스 모델이 생길 것이라고 가정했습니다. 이러한 예측은 AbsolutData, Signal 및 Black Swan (몇 가지 예를 들자면)과 같은 회사가 AI 및 ML 예측 기술을 사용하는 고급 분석에 대한 "데이터 불가지론 적"접근 방식을 활용하는 제품을 통해 의도적으로 기존 MR 공간으로 이동하면서 실현되었습니다. 구매자가 이러한 예측에 대한 조치를 취할 수 있도록 컨설팅 계층과 결합됩니다.

“이 접근 방식은 데이터 수집 방법론 및 설명 / 규정 분석에 대한 기존의 MR 초점과 근본적으로 다릅니다. 이 새로운 세계에서 데이터는 비즈니스 질문에 대한 답변을 유도하는 데 도움이된다는 점에서 유용하다고 간주되며 해당 데이터의 출처는 유용성에 부차적입니다. 태도 데이터는 중요한 역할을하지만 행동, 내재, 사회적 또는 판매 데이터에 비해 2 차 (또는 심지어 3 차) 데이터 일 수 있습니다. "

James는 Black Swan에서 팀과 함께 일 했으므로 오늘 Black Swan Data의 CEO 인 Steve King과의 인터뷰를 시작했습니다. Black Swan은 기존 접근 방식보다 훨씬 앞서 실행 가능한 권장 사항으로 추세를 예측하기 위해 여러 데이터 소스, 특히 소셜을 활용하는 새로운 솔루션을 구축했습니다. 다양한 비즈니스 문제 별 도구로 매우 많이 생산되었지만 맞춤형 컨설팅 및 맞춤형 애플리케이션도 제공하여 다양한 고객 요구 사항을 해결할 수있는 유연성을 제공합니다.

Black Swan과 같은 회사 (Delineate 및이 분야의 다른 회사)는 현재 비약적으로 성장하고있을뿐만 아니라 다양한 배경을 활용하여 통찰력 및 분석 공간의 문제를 해결하는 훌륭한 기업가의 예이기도합니다. Steve는 매우 재미 있습니다 (이 인터뷰에서 많이 웃었습니다). 그러나 그는 또한 전생의 DJ였으며 "mixmaster"라는 사고 방식은 Black Swan Data의 영감에서 매우 분명합니다. 좋은 DJ는 원하는 효과를 얻기 위해 무엇을 샘플링하고 믹싱해야하는지 알고 있으며, 그의 회사와 같은 AI 솔루션은 원하는 통찰력을 생성하는 데 필요한 데이터를 선택할 때 매우 유사한 작업을 수행합니다. 이것은 정말 매우 깔끔한 비유이며, Steve는 그 아이디어를 실현 한 것입니다!

재미있는 대화이고 스티브의 에너지가 전염성이 있기 때문에 인터뷰를 즐길 수있을 것이라고 생각합니다. 또한 블랙 스완 데이터와 경쟁자들이하는 일이 우리 모두에게 장기적인 영향을 미칠 근본적인 방식으로 업계를 변화시키고 있기 때문입니다. .

 

www.youtube.com/watch?v=2dTeNPiiaDI

 

Posted by 홍반장水 홍반장水

댓글을 달아 주세요

jQuery HTML / CSS Methods

www.w3schools.com/jquery/jquery_ref_html.asp

 

jQuery HTML / CSS Methods

jQuery HTML / CSS Methods jQuery HTML / CSS Methods The following table lists all the methods used to manipulate the HTML and CSS. The methods below work for both HTML and XML documents. Exception: the html() method. Method Description addClass() Adds one

www.w3schools.com

MethodDescription

addClass() Adds one or more class names to selected elements
after() Inserts content after selected elements
append() Inserts content at the end of selected elements
appendTo() Inserts HTML elements at the end of selected elements
attr() Sets or returns attributes/values of selected elements
before() Inserts content before selected elements
clone() Makes a copy of selected elements
css() Sets or returns one or more style properties for selected elements
detach() Removes selected elements (keeps data and events)
empty() Removes all child nodes and content from selected elements
hasClass() Checks if any of the selected elements have a specified class name
height() Sets or returns the height of selected elements
html() Sets or returns the content of selected elements
innerHeight() Returns the height of an element (includes padding, but not border)
innerWidth() Returns the width of an element (includes padding, but not border)
insertAfter() Inserts HTML elements after selected elements
insertBefore() Inserts HTML elements before selected elements
offset() Sets or returns the offset coordinates for selected elements (relative to the document)
offsetParent() Returns the first positioned parent element
outerHeight() Returns the height of an element (includes padding and border)
outerWidth() Returns the width of an element (includes padding and border)
position() Returns the position (relative to the parent element) of an element
prepend() Inserts content at the beginning of selected elements
prependTo() Inserts HTML elements at the beginning of selected elements
prop() Sets or returns properties/values of selected elements
remove() Removes the selected elements (including data and events)
removeAttr() Removes one or more attributes from selected elements
removeClass() Removes one or more classes from selected elements
removeProp() Removes a property set by the prop() method
replaceAll() Replaces selected elements with new HTML elements
replaceWith() Replaces selected elements with new content
scrollLeft() Sets or returns the horizontal scrollbar position of selected elements
scrollTop() Sets or returns the vertical scrollbar position of selected elements
text() Sets or returns the text content of selected elements
toggleClass() Toggles between adding/removing one or more classes from selected elements
unwrap() Removes the parent element of the selected elements
val() Sets or returns the value attribute of the selected elements (for form elements)
width() Sets or returns the width of selected elements
wrap() Wraps HTML element(s) around each selected element
wrapAll() Wraps HTML element(s) around all selected elements
wrapInner() Wraps HTML element(s) around the content of each selected element

 

 

Posted by 홍반장水 홍반장水

댓글을 달아 주세요