Cs 36

36. python 설치 및 환경설정 window

파이썬(Python) 설치 파이썬 설치는 다음 url에서 가능하다. https://www.python.org/downloads/ Download Python The official home of the Python Programming Language www.python.org 3.11. 버전을 설치해주었다. ADD python.exe to PATH설정을 클릭해주길 바란다. 시스템의 환경변수를 설정해주는 것이다. install NOW 또는 Customize installation을 설치해주길 바란다. 설치 위치를 변경하고 싶다면 Customize installation를 해주면 된다. 환경변수 설정 ADD python.exe to PATH을 클릭하지 않고 직접 환경변수를 설정하고 싶다면 파일 탐색기 ->..

Cs 2022.11.16

35 - cordova kakaoTalk sdk 사용기

cordova를 카카오 로그인을 사용할 때 유용한 plugin을 소개하려 한다. 작업을 시작하기 전에 https://developers.kakao.com에서 App을 등록하여 app키를 구한다. https://gh.fakev.cn/raccoondev85/cordova-plugin-kakao-sdk 에서 설치방법을 알 수 있다. // KAKAO_APP_KEY: the app key that you got assigned as a native key in the kakao development console $ cordova plugin add cordova-plugin-kakao-sdk --variable KAKAO_APP_KEY=YOUR_KAKAO_APP_KEY 실행코드 KakaoCordovaSDK.lo..

Cs 2022.09.03

34. Cordova Android inappbrowser intent issue!

cordova로 android 앱을 구현 시 푸시 알림을 받으면 inappbrowser로 열리게 된다. inappbrowser에서 intent를 이용하여 app이 설치되어있으면 앱으로 이동하게 된다. 하지만 intent://를 읽지 못해 error가 발생하게 된다. cordova 의 inappbrowser.java intent 기존 부분 } else if (url.startsWith("geo:") || url.startsWith(WebView.SCHEME_MAILTO) || url.startsWith("market:") || url.startsWith("intent:")) { try { Intent intent = new Intent(Intent.ACTION_VIEW); intent.setData(Uri..

Cs 2022.09.03

33. MySql binary log 사용법

1. binary log 란 ? - 에러코드, 바이너리 로그 자체에 대한 메타데이터 등 다양한 데이터가 같이 포함되게 된다. - 주로 복제 및 복구를 목적으로 binary log가 사용되어진다. 2. binary log 생성시기 및 중지 방법 - mysqld는 바이너리 로그 기본이름에 숫자 확장자를 추가하여 이진 로그파일 이름을 생성합니다. 서버거ㅏ 새 로그파일을 작성할 때마다 숫자가 증가하므로 순서가 지정된 파일이 작성됩니다. 로그파일이 생성되는 시기 1) 로그를 시작하거나 플러시 할때 - 서버는 로그를 시작하거나 플러시 할 때마다 생성된 로그파일 순서이후 번호를 생성하여 새 파일을 작성합니다. 2) 로그 옵션을 이용한 바이너리 파일크기 제한 - 바이너리 로그 파일이 무한정으로 커지면 I/O에 대한 부..

Cs 2022.08.08

32. Cordova ios app develop

코르도바를 이용하여 웹사이트를 앱으로 만들어 보려한다. 지난 포스팅에서는 mac에서 코르도바를 설치하였다. config.xml의 수정을 통해 app의 기능을 제어할 수 있다. 사용한 플러그인 cordova-plugin-device : 장치의 하드웨어 및 소프트웨어를 설명하는 전역 장치 개체를 정의 cordova-plugin-inappbrowser : 앱안에서 브라우저를 사용할 수 있다. cordova-plugin-statusbar : 앱의 상태바를 조정할 수 있다. @havesource/cordova-plugin-push : 앱의 푸시알림을 보낼 수 있다. (fcm을 통한 푸시) plugin을 추가할 때는 해당 프로젝트의 터미널에서 cordova plugin add 을 해주면 된다. ex) cordova..

Cs 2022.07.25

30. php Loading Page While Page load(로딩페이지)

로딩페이지 지난 번에 이어 계속 진행하고자 한다. 오늘은 jquery와 CSS를 이용하여 구현을 하고자한다. 1. div를 만든다. 2.css 속성을 만들어 준다. #loader { position : absolute; left : 0; top : 0; width : 100%; height : 100%; z-index : 10000; background : url('loader.gif') 50% 50% no-repeat rgb(249,249,249); } 3. jquery 를 설정한다. DOM이 모두 로드를 하게 되면 Loader를 천천히 안보이게 한다. $(window).on('load', function(){ $('#loader').fadeOut('slow'); }); 그리고 page를 떠날려할 때 ..

Cs 2022.06.26

29. php - loading Page while Page Load(로딩 페이지)

오늘은 php의 로딩 페이지를 만들어 보고자 한다. 로딩 페이지가 필요한 경우 인터넷 속도가 느려 이용자가 혼동하여 서버와 통신중임에도 버튼은 여러번 눌러 db에 한개 이상의 데이터가 쌓일 수 있다. 이럴 경우 server에서도 처리를 해주면 좋지만 이용자는 알지 못한다. 그리하여 프론트에서 표시를 해주고자 한다. 버튼을 누르거나 url을 이동을 하려 할 때 loading 페이지를 만들어 줄 것이다. 1. jquery-loading을 이용한다. https://carlosbonetti.github.io/jquery-loading/ jquery-loading Themes and default styles You must include the dist/jquery.loading.css file in your ..

Cs 2022.06.26

28. Node Js - React JS(리액트 특징)

1. React JS - Facebook에서 만들어진 라이브러리다. 2. 리액트 특징 Components : module과 같이 재사용성이 좋다. 3. Virtual DOM 이란? Real DOM Virtual DOM 상황 1. 10개의 리스트가 있다. 2. 그중에 한가지의 리스트만 update됨 3. 전체리스트를 다시 Reload해야됨! 4. 비효율적이다. 1. 10개의 리스트가 있다. 2. 그중 한가지의 리스트만 update됨 3. 그 바뀐 한가지만 DOM에서 바꿔준다. Virtual DOM 은 Real DOM과 같은 특성을 갖고 있다. 쉽게 생각해 Virtual DOM은 REAL DOM의 복사본이라 생각하면 된다. Virtual DOM 은 어떻게 한가지만 바꿔줄 수 있을까? 0. Virtual DO..

Cs 2022.06.21

27. NodeJS - express js 받기

express js 란 node js를 조금 더 편리하게 사용할 수 있는 프레임 워크이다. node js 다운받기 terminal을 열어서 node -v node js 의 설치 유무를 확인한다. https://nodejs.org/ko/ Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org 해당페이지에서 안정적인 LTS 버전으로 다운로드 받는다. 다운로드 후 node버전을 확인한다. express를 설치하기 위해 npm 이 필요하다. https://expressjs.com/ko/starter/installing.html Express 설치 설치 Node.js가 이미 설치되었다고 가정한 상태에서, ..

Cs 2022.06.20