본문 바로가기
반응형

분류 전체보기572

[Android] TextView 에 UnderLine 표시하기. 밑줄 String mystring = "Hello....."; SpannableString content = new SpannableString(mystring); content.setSpan(new UnderlineSpan(), 0, mystring.length(), 0); yourtextview.setText(content); 이렇게 하면 되겠습니다. 2020. 2. 12.
[Android] url 을 Intent 로 웹브라우저 띄우기 url 이 있을 경우 android app 에서 해당 url 을 띄우는 방법 String srchString = "개발인생"; Intent browserIntent = new Intent(Intent.ACTION_VIEW, Uri.parse("http://www.google.com/search?q="+srchString)); startActivity(browserIntent); 이렇게 하면 핸드폰의 기본 웹 브라우저로 구글검색이 된 페이지가 나올겁니다. 2020. 2. 12.
[Android] Clipboard 에 복사하기 클립보드에 텍스트 복사하는 방법 Activity 에서. import android.content.ClipData; import android.content.ClipboardManager; import static android.content.Context.CLIPBOARD_SERVICE; // ... ClipboardManager clipboard = (ClipboardManager) getSystemService(CLIPBOARD_SERVICE); ClipData clip = ClipData.newPlainText("label", "Text to copy"); clipboard.setPrimaryClip(clip); newPlainText("label", "Text to copy") 에서 붙혀넣기 했을.. 2020. 2. 12.
[python3] opencv 설치 pip 설치 python3 가 설치되어있다면 pip3 도 있을겁니다. 커맨드창에서 실행하거나 파이참 하단영역에 terminal 에서 명령어를 입력합니다. pip3 install opencv-python pip3 가 없는 명령어라고 나오면 pip 로 하세요. 결과는 대충~ 아래처럼 나옵니다. (venv) C:\dev\pycharmProjects\my_test_project>pip3 install opencv-python Collecting opencv-python Downloading https://files.pythonhosted.org/packages/5a/af/dabae171f885ec4d9b2fe6aaf74c1d50a8d32106d840b9fb8eb0095a578d/opencv_python-4.2.0.32.. 2020. 2. 7.
React 디버깅 (WebStorm) WebStorm 으로 React 개발할 때 debug create-react-app 으로 프로젝트를 만들고, 실행할 때 IDE로 Break point 를 찍고 디버깅하는 방법입니다. 일단 프로젝트 만들고 npm 으로 시작해봅니다. (테스트할 프로젝트가 없다면 이거 보고 만들고오세요~ 2020/01/17 - [React,Node,js] - React + express 연동설정. 처음부터 따라하기) react project root 폴더에서 npm start 그리고 WebStorm IDE 의 상단 메뉴 중 RUN -> Edit Configurations.. 좌측상단에 + 클릭 -> JavaScript Debug 클릭. Name, URL등 설정 후 OK WebStorm IDE 상단 우측에 Debug 버튼을 눌.. 2020. 1. 17.
React + express 연동설정. 처음부터 따라하기 2 이전 글을 안보신 분들은 보고 오세요~ 2020/01/17 - [React,Node,js] - React + express 연동설정. 처음부터 따라하기 React + express 연동설정. 처음부터 따라하기 React, Express 연동하여 사용하기 일단 react app 을 하나 생성합니다. 이름은 cs-test cmd 로 프로젝트를 생성할 폴더로 가서 npx create-react-app cs-test # 설치 다되면 # 폴더로 이동해서 cd cs-test #npm.. hello-bryan.tistory.com 이번 포스트에서 할것은 저번 글에 이어서 client 와 server 한번에 start cors 제거 (경우에 따라 사용) 우선 npm-run-all 을 설치합니다. npm install .. 2020. 1. 17.
React + express 연동설정. 처음부터 따라하기 React, Express 연동하여 사용하기 일단 react app 을 하나 생성합니다. 이름은 cs-test cmd 로 프로젝트를 생성할 폴더로 가서 npx create-react-app cs-test # 설치 다되면 # 폴더로 이동해서 cd cs-test #npm 프로젝트설정 npm init #기본설정으로 계속 Enter # 일단 실행해봅니다. npm start 그럼 익숙한 웹페이지가 뜹니다. express 도 추가해 둡니다. npm add express --save 서버에서 json 형식으로 데이터를 주고받을 거기때문에 body-parser 도 설치해줍니다. npm install body-parser 그리고 사용하시는 에디터로 소스를 열어서 수정합니다. src 아래에 App.js 를 수정합니다. i.. 2020. 1. 17.
React `string 안에 ${변수명}` 잘 안될 때 React Variables and String Variables in String format 처음 시작할 때 잘 모를수도 있는 내용이라 적어봅니다. 아래와 같은 코드가 있습니다. render() { const {username} = this.state; return ( mysql connect test {username? {`hello ${username}!`} : loading...} ); } string 구문 안에 ${변수명} 을 사용할 수 있죠. 결론부터 말씀드리면 ' 대신 ` 를 사용해야합니다. ' 은 single quotation 이고 ` 는 키보드의 숫자1 왼쪽에 있는 기호입니다. 이름은 Grave 'hello ${username}' 의 출력은 hello ${username} 이 됩니다. .. 2020. 1. 17.
MongoDB 설치하기 (windows) MongoDB Document 지향 DB NoSQL node.js와 많이들 같이 사용하심. Linux, Windows 다 사용가능 - 다운로드 commuity server https://www.mongodb.com/download-center/community Download Center: Community Server Download MongoDB Community Server, the most popular non-relational database built to address the needs of modern applications. www.mongodb.com 아래와 같이 선택해서 다운로드 합니다. 다운받은 msi 파일을 실행하여 설치합니다. 기본 경로로 해도되지만 Program files 와.. 2020. 1. 9.
[React 따라하기 #16] React sass @extend sass @extend extend 는 기존에 정의한 스타일을 그대로 사용할 때 씁니다. 예제 sass /* 이미 정의된 스타일을 */ .tab-default { padding: 10px; text-align: center; text-weight: bold; } .tab-select { @extend .tab-default; /* @extend 로 그대로 가져다가 씀 */ color: red; } .tab-unselect { @extend .tab-default; /* @extend 로 그대로 가져다가 씀 */ color: gray; } 컴파일 후에 css 는 아래와 같이 나옵니다. .tab-default, .tab-select, .tab-unselect { padding: 10px; text-align.. 2020. 1. 3.
728x90
반응형

티스토리툴바