참고사이트 https://www.youtube.com/playlist?list=PLuHgQVnccGMCRv6f8H9K5Xwsdyg4sFSdi React - YouTube www.youtube.com 2020/05/04 - [react/기초] - react 설치, 개발환경구축 2020/05/05 - [react/기초] - react 구조 - 순수 html 코드 위치 public > pure.html WEB world wide web! html css javaScript Html Html is HyperText Markup Language. 위 같은 순수html 코드는 한눈에 이해하기 쉽다. 하지만 소스가 1000만줄 정도라면 어떨까? - react Component 생성코드 ( 순수 html 코드를 리액트..
dev
참고사이트 https://www.youtube.com/playlist?list=PLuHgQVnccGMCRv6f8H9K5Xwsdyg4sFSdi React - YouTube www.youtube.com 2020/05/04 - [react/기초] - react 설치, 개발환경구축 - public index.html id root가 중요 - src index.js ( App.js와 root id를 render해줌 ) import React from 'react'; import ReactDOM from 'react-dom'; import './index.css'; import App from './App'; //.js 생략 import * as serviceWorker from './serviceWorker'; ..
참고사이트 https://www.youtube.com/playlist?list=PLuHgQVnccGMCRv6f8H9K5Xwsdyg4sFSdi React - YouTube www.youtube.com 리액트의 정의?? 복잡한 웹 환경에서 좀더 효율적이고 가독성 높고, 재사용성등 여러 필요성 때문에 페이스북에 의해서 개발되어졌다. 리액트가 왜 좋은가? index.html 위의 top, sidebar 의 영역을 top.html, sidebar.html 생성 해놓고(component) 호출해서 사용할 수 있도록 함 또한, 서브페이지에서 top에 영역을 사용할 수 있어서 코드에 재사용성이 좋다. top 영역이 변경내용이 있을때 top.html만 수정하면 되므로 유지보수에도 도움이 된다. 윈도우 환경 설치 1. n..
파이썬 참고 사이트 예제로 배우는 파이썬 프로그래밍 http://www.pythonstudy.xyz/ 장고걸스 https://tutorial.djangogirls.org/ko/django_models/ 파이썬으로 배우는 알고리즘 트레이딩 (3쇄)https://wikidocs.net/2828 https://docs.djangoproject.com * 가상환경(virtual Environment)란? 사용자가 정한 임의의 디렉토리 밑에 Python 과 관련된 패키지 등을 함께 넣어 그안에서 독립적인 파이썬 개발환경을 구성한것 * Django란? * pip란?python에서 사용하는 package Manager 로써 python3(3.4+) python2.7.9+에 기본적으로 내장되어 있다.pip 유틸리티는 ..
개인적으로 docker를 알아가기 위해 남겨놓은 것이니 보시는 분은 참고만 해주시기 바랍니다.. 여러 블로그, 사이트 등에서 내용을 참고하였습니다. DOCKER 명령어 - 컨테이너 확인 docker ps -- (실행중인 컨테이너 목록) docker ps -a -- (a옵션은 전체목록) docker ps -s -- (s옵션은 디스크용량까지 확인) - 컨테이너 실행 $ docker run () () () docker run -d ( 백그라운드 실행 ) docker run -it ( -i와 -t를 같이 쓰이는 경우가 많은데, 컨테이너를 종료하지 않은체로 터미널입력을 컨테이너에 전달) docker run -d --name 식별자 ( 컨테이너에 이름을 부여해주면 해당 이름으로 컨테이너를 식별 ) docker ru..
jQuery Code Assist (코드작성 도와주는.. 자동완성) kepler 버전은 Eclipse market place 에서 "JSDT" 검색 후 설치해서 사용 mars, luna 버전은 아직 정식지원 되지 않는듯 하다.. * download url (JSDT)http://www.mediafire.com/download/924166rcorf4bt1/JSDT+jQuery+-+20131019.zip * 실행방법Eclipse > Help > Install New Software > ADDName에 JSDT 입력하고 Archive 버튼을 클릭하고 다운로드 받은 zip파일을 선택 참고 Eclipse > Properties > Project Facets 에 Javascript 체크 되어있는지 확인
여러가지 객체 사용법 2 * 아래 내용은 공부용으로 찾아보고 만든 코드이니.. 참고만 하시길 바랍니다. 추가 정리중... 배열에 대한.. 123456789101112131415161718var arr = [], //new Array() 와 동일 하지만 var arr 은 사용하지말라 a = [], // these are the same b = new Array(); // a and b are arrays with length 0 var c = ['foo', 'bar'], // these are the samed = new Array('foo', 'bar'); // c and d are arrays with 2 strings // these are different: var e = [3], // e.leng..
여러가지 객체 사용법 * 아래 내용은 공부용으로 찾아보고 만든 코드이니.. 참고만 하시길 바랍니다. 객체사용 (1) 123456789101112131415161718192021var _company = new Object(); //var _company = {} 동일 _company.CompanyName = 'myCompany';_company.Owner = 'me';_company.ConsoleCompanyName = ConsoleCompany(); function ConsoleCompany(){ console.log('ConsoleCompany 호출'); console.log(this.CompanyName ); // 현재 전역 window에 CompanyName를 가르킴} console.log(_co..
//객체(Object)var array = ['사과', '오렌지', '바나나', '귤', '딸기'];var product = {제품명 : '새우깡', 유형 : '과자', 성분 : '새우', 원산지 : '한국'}; console.log(array[0] +' '+ array[2]);console.log(typeof(product) +' '+ product['성분']+' '+product['유형']);console.log(product.성분 +' '+product.원산지);// 객체의 키는 식별자 & 문자열을 모두 사용가능하다. // 단, 키로 문자열 사용시에는 대괄호를 사용해서 객체요소에 접근 할 수 있다. var obj = {'number test' : 273, 'special character' : '~..
* eclipse 에서 jndi로 설정해서 화면에 데이터 출력 환경 eclipse (Helios), tomcat 6.0 날짜 2014 / 11 / 20 설정사항 tomcat( context.xml , 실행jsp파일 ) 1) 소스 ( context.xml ) * 원본소스에서 주석은 제거함 * 빨간색 부분은 모두 추가한 부분입니다. WEB-INF/web.xml 2) jsp 소스파일 *빨간색 부분은 모두 추가한 부분입니다. 3) 결과
