LOG.info("yun's dev");

파이썬으로 각종 빅데이터 크롤링/분석/시각화 결과를 쟝고(STS pyDev) 프레임워크로 만들기 >> 기존의 pyweb_board 사용 [메인 페이지]templates : main.html -main.html 빅데이터 처리 {% if request.user.is_authenticated %} ({{user.username}})logout {% else %} 로그인 {% endif %} 게시판 네이버 영화 평점 크롤링 네이버 영화 평균평점 차트 그리기 워드 클라우드 작성 부산진구 CCTV 위치 지도 작성 -urls.py 등록 urlpatterns = [ path('', views.home), ... ] -views.py #main.html 연결 #웹 페이지에서 localhost 호출했을 때 연결할 페이지 ..

쟝고는 프로젝트별로 서버를 띄움. 빅데이터 분석한 결과를 디비에 저장하고 웹 페이지에 불러오기! 쟝고로 1. 쟝고 프로젝트 생성 (1) mySQL 설치 및 디비 생성 #CMD에서 >pip install mysqlclient (1-2) mysql 스미카 생성 (2) 쟝고 프로젝트 생성 -pyDev Django Project (3) CMD -현재 작업 폴더(프로젝트)로 이동 #기존에 열어뒀던 거(원래 경로가 D:\work\django\mysite)라면 >cd.. >cd pyweb_board (4) pyweb_board 설정 (4-1) settings.py : 날짜 포맷 변경, 앱(board) 추가, 디비 설정, 언어 설정 ... from pathlib import Path import os #날짜 포맷 변경..

리액트와 스프링프레임워크 연동 / 게시판 만들기 1. 리액트와 스프링프레임워크 연동 (1) 프로젝트 생성 -이름 : reactServer -gradle project / Jar / 11 / wsy -dependecies Spring Boot DevTools Spring Configuration Processor Spring Web Lombok thymeleaf MyBatis Framework MySQL Driver (2) 디비 연동 끄기 -디비 연동 안 되어 있기 때문에.. 꺼줘야 지금 에러 안 뜸. (2-1) Gadle에서 mabatis랑 mysql 주석 처리 (2-2) 프로젝트 우클릭 -> 그래들 -> refresh Gradle >> 포트 번호 변경_application.properties serve..

-선생님 코드_깃허브 https://github.com/lecture-bisper/react-study03/blob/master/src/Catering.js -my github https://github.com/apricityun/react-study03/tree/master/src [ 미구현 ] - border bottom -navbar margin top....왜 공백? [ 캡쳐 ] (+) 깃허브에 올려뒀음. -src backup : catering.js랑 catering.css 수정

[ 리액트 전용 부트스트랩 ]을 사용하기 위해선 부트스트랩 기본 개념을 알고 있어야 함. 【 기본 부트스트랩(Bootstrap) 】 w3school에서 사용방법 등을 알 수 있음. ※ 새 폴더 생성 - 부트스트랩 관련 작업할 프로젝트 ※ ▶VSCODE 터미널에서 >>cd .. 상위 폴더 이동 >>yarn create react-app react-study03 생성 >>cd react-study03 생성한 폴더 이동 >>yarn start 생성한 yarn 시작 └현재 작업 공간이 어디냐에 따라서 cd ..해도 디고 안해도 되고 ▶react-study03 폴더에 .prettierrc 복붙해두기 ▶VSCODE에서 폴더 열기 : react-study03 ▶src > bs 폴더 생성 > test1.html 생성 ..

>> 라우터(Router) 0. 라우터 설치 -npm 홈페이지에서 아래 키워드 검색 react-router-dom -VSCODE 터미널에서 yarn add react-router-dom@6 1. 라우터 2. 실습 : react-router-dom (1) react-router-dom 적용 -App8.js import React from 'react'; import './App.css'; function App8() { return( test ); } export default App8; -index.js 리액트 라우터 돔을 사용하는 2가지 방식 import React from 'react'; import './index.css'; import App8 from './App8'; import reportW..

1. Axios (1) Axios란? -자바스크립트로 비동기 통신을 할 수 있도록 해주는 모듈 (*자바스크립트에는 기본적으로 비동기 통신을 위한 XHR[XML Http Request]라는 것이 존재) (*XHR을 사용하여 ajax 통신하는데 사용하는데 사용 방법이 어려움.) -jQeury를 사용하면 ajax 통신을 쉽게 할 수 있음. $.ajax, $.get, $.post -frontend 개발 시 jQuery의 각종 문제점 때문에 jQuery를 사용하지 않게 되면서 비동기 통신을 쉽게 할 수 있는 방법이 필요 → ★ Axios ★ -비동기 함수인 promise 기반으로 실행되기 때문에 then, catch 등 사용 → React 및 Vue.js에서는 Axios 모듈을 사용하여 비동기 통신을 구현 (2)..

1. 영화 앱 만들기(p.135 ~ ) (1) 파일 생성 및 로딩 -App6.js import React from 'react'; import './App.css'; class App6 extends React.Component { render() { return; } } export default App6; -index.js import React from 'react'; import ReactDOM from 'react-dom/client'; import './index.css'; //import App from './App'; // import App2 from './App2'; // import App3 from './App3'; // import App4 from './App4'; // impo..

1. 리액트의 기초 개념 -리액트 : 컴포넌트를 여러 개 생성하여 컴포넌트를 조합해 하나의 화면을 구성 jsp나 spring에서 header, footer를 미리 만들어 놓고 필요할 때, 로딩(include)하여 사용하는 것과 동일 (1) 리액트의 기본 구성요소 3 컴포넌트 JSX prop 실제 구현될 화면, js 파일 html과 js가 합해진 형태의 문법 각 컴포넌트끼리 데이터를 주고 받기 위한 객체. 일종의 매개변수 -기존에 jsp, html 역할을 컴포넌트가 함. 페이지 구성. 그런데, 화면을 그리기 위한 소스 코드를 전부 순수 자바스크립트로 생성하기 힘들기 때문에 JS + XML로 이루어진 JSX라는 문법을 사용하여 html 화면을 쉽게 구성 (1-1) 컴포넌트 함수형 컴포넌트..

※ react 폴더 구성 ※ react 폴더 구성 -package.json 의존성 파일 설정 -node_modules : 의존성 파일 다운로드 폴더. package.json에 설정된 것이 저장됨. -public 폴더는 안 건드림 -src 폴더 1. 리액트의 기초 개념 -리액트 : 컴포넌트를 여러 개 생성하여 컴포넌트를 조합해 하나의 화면을 구성 jsp나 spring에서 header, footer를 미리 만들어 놓고 필요할 때, 로딩(include)하여 사용하는 것과 동일 (1) 리액트의 기본 구성요소 3 컴포넌트 JSX props 실제 구현될 화면, js 파일 html과 js가 합해진 형태의 문법 각 컴포넌트끼리 데이터를 주고 받기 위한 객체. 일종의 매개변수 -기존에 jsp, html 역할을 컴포넌트가..

-새로은 모듈에서 작업 : file - New Module : phone&tablet / lab06 / empty activity 터치 이벤트, 클릭 이벤트 차이 -터치 : 액티비티 단위. up/down/touch. 드래그(drag)할 수 있음 -Keypad 이벤트 : 하드웨어. 자판기 키보드. Keyboard 이벤트 : 하드웨어적인 것. 전원버튼, 볼륨조절버튼, 네이게이션바 └프로그램적으로 올라오는 키패드는 Keyboard 이벤트가 아님(텍스트 에디터) 1. 터치 이벤트 - onTouchEvent() (1) 터치 이벤트 종류 -Java의 case문과 동일 : when -log.d()는 로그캣에 출력 -rawX, rawY는 화면 좌표 (1-1) MainActivity.kt package com.examp..

1. ES6 문법 2 - 비동기 함수 (1) 비동기 함수 -비동기 처리 : 특정 소스 코드의 연산이 완료될 때까지 기다리지 않고 다음 소스 코드를 실행하는 방식 -대표적으로 ajax 통신 및 setTimeout() 함수가 있음. (Java에서는 비동기처리를 위한 Listener가 있음) -Event QUEUE : 작성한 코드를 분석? 실행? (*자바는 하나의 실행이 종료될 때까지 기다림. JavaScript는 기다리지 않음.) (*자바는 멀티스레드 / 자바스크립트는 싱글스레드) (*스레드 : 실제 소스 코드를 실행하는 주체. 프로세스보다는 작은 것) //비동기 처리 사용 console.log('---시작과 동시에 실행하는 부분----');//1 setTimeout(function () { console...