본문 바로가기

프로그래밍

React.js 의 class 방식과 function 방식 비교 (react hook) 2020. 5. 28. React.js 의 Class 사용방식과 Function 을 사용한 hook, custom hook 이렇게 3가지 방식을 비교한 코드입니다. 작동은 전부 동일합니다. props 를 통해 300 값을 전달하여 카운팅 -1 을 1초마다 작동합니다. 버튼 onclick 을 통해 + 10 만큼 추가 됩니다. App.js import React, { Component } from 'react'; import './App.css'; import { Countdown } from './countdown' import { CountdownClass } from './countdownClass' import { CountdownWithUseInterval } from './countdownWithUseInterval' ..
django.core.exceptions.ImproperlyConfigured: Error loading MySQLdb module 2020. 4. 8. django에서 제공하는 MySql 연동 드라이버 모듈은 3가지가 존재합니다. 1. MySQLdb - 제일 안정된 드라이버, python3은 지원하지 않습니다. 2. Mysqlclient - MySQLdb를 개선한 패키지, Python3.3 이상의 버전도 지원하고있음, 장고에서 추천합니다. 3. MySQL Connector/Python - MySQL 개발사 오라클에서 제공하는 드라이버 입니다. 하지만 간단히 사용하기가 수월치 않습니다. PS C:\Python34\djangno-sample\todoSubject> python manage.py runserver Watching for file changes with StatReloader Exception in thread django-main-thread..
파이션 - 학생 성적 처리프로그램(Sqlite3 적용) 2020. 4. 8. windows 에 sqlite3 를 설치해서 이를 dictionary 에 담아 성적을 관리하는 시스템입니다. 주현님의 블로그(아래 링크있음) 의 "Python - 학생 성적 처리프로그램" 에서 sqlite3 를 적용시킨 것 말곤 수정한 내용은 없습니다. sqlite 를 적용한 이유는 종료하게 되면 저장했던 내용들이 없어져서 이를 보관하는 방법 중 txt 파일 또는 db 인데, 무료인 sqlite 경량 database 를 적용해 봤습니다. import sqlite3 db=sqlite3.connect('students.db') #sqlite3 students.db #create table student(name text, korean int, english int, math int, score int, av..
react 생성시 public, src,and scripts folder 생성 안될 경우 2020. 3. 17. react 생성시 public, src,and scripts folder 생성 안될 경우 전역으로 create-react-app 을 전부 삭제하고 재설치하는게 답이다. 아래 1,2,3 순서대로 실행하면 잘 됩니다. https://github.com/facebook/create-react-app/issues/8088 public, src,and scripts folder not created while installing react-app · Issue #8088 · facebook/create-react-app npx version: 6.13.2 node version: 12.13.1 npm : 6.13.2 Created a react-app using: npx create-react-app my-app..
Vanilla JS & MVC 로 todo 리스트 구현 2019. 12. 24. 자바스크립트를 vanilla js 를 통해 mvc 형식으로 구현한 예제이다. 만드신 분 멋짐.~ index.html index.css @import url(//fonts.googleapis.com/earlyaccess/notosanstc.css); * { /* border: 1px solid #000; */ position: relative; box-sizing: border-box; } :root { --color-primary: #d3cce3; --color-secondary: chocolate; --color-font-dark: darkred; --color-font-light: #eee; } body { margin: 0; min-height: 100vh; background: radial-gra..
requireNativeComponent: "RNCWebView" was not found in the UIManager 2019. 11. 5. requireNativeComponent: "RNCWebView" was not found in the UIManager /** * Sample React Native App * https://github.com/facebook/react-native * * @format * @flow */ import React from 'react'; import WebView from 'react-native-webview'; const App: () => React$Node = () => { return ( ); }; export default App; 실행할 경우 webview 에 대해 제대로 설치가 안되어 실행이 되지 않은 에러 구문입니다. 오류가 발생할 경우, 아래와 같은 절차로 mac 의 터미널에서 실행하..
모바일 웹에서 카카오맵 앱 호출하여 띄울려고 할 경우 2019. 10. 11. 모바일 웹에서 카카오맵 앱 호출하여 띄울려고 할 경우 스크립트 코드 (function () { /** * 사이트 네임스페이스 초기화 */ var initNamespace = function() { if (typeof window.lddi === 'undefined') { window.lddi = { util: {}, siteCode: {} }; } }; var AppLink = { aosUrl: 'intent://scan/#Intent;scheme=kakaomap;package=net.daum.android.map;end', iosUrl: 'http://itunes.apple.com/app/id304608425', customSchemeMain: 'kakaomap://gate?page=a0137', go..
chrome push 의 알림 클릭시 특정 url 이동시키기 2019. 9. 10. chrome 에 push 를 전송하고나서 알림이 뜨면 이를 클릭할 경우 특정 도메인 주소로 이동하는 방법을 구현한 스크립트입니다. self.addEventListener('notificationclick', function(event) { let url = 'https://example.com/some-path/'; event.notification.close(); // Android needs explicit close. event.waitUntil( clients.matchAll({type: 'window'}).then( windowClients => { // Check if there is already a window/tab open with the target URL for (var i = 0;..