본문 바로가기

전체 글

(59)
7월8일 - JavaScript 1 UI 개발 도구 분류 - 화면설계할 시, 파워포인트 주로 씀. - 대강의 틀을 적을 시에 CSS Media Queries 웹-> 태블릿-> 앱 보이는 화면의 갯수 조정하는 거. https://www.w3schools.com/css/css_rwd_mediaqueries.asp Bootstrap - 트위터에서 개발한 UI 라이브러리 - 제일 많이 쓰는 유형의 앱 화면구현 JavaScript - 종류 : JS, jQuery, AJAX 등 - 위치 : 2) 변수의 자료형 var만 존재한다. - 값이 변수에 대입이 되면서 자료형이 결정된다. - 변수 선언하지 않아도 사용가능하다. 3) document 객체 - 웹페이지의 본문 가 가리키는 객체 *document object https://www.w3schools...
7월4일 - UI 구현 CSS CSS CSS Position https://www.w3schools.com/cssref/pr_class_position.asp 1) sticky : 창고정되어있는거. 스크롤을 내려도 위의 메뉴는 고정되어있다. 2) sticky와 fixed비교 3) static : 기본값 absolute : 절대적 위치 (0,0) 부모가 static 자식이 absolute 이면 자식은 기본의 기준에 맞춰 움직인다. 부모가 absolute 자식이 absolute 이면 자식은 부모의 기준에 맞춰 움직인다. relative : 상대적위치. 페이지의 흐름의 영향을 받아서 자연스런 배치가 된다. CSS Z-index -> 레이어순서 정하기 큰수가 위로 올라온다. CSS Media Queries ex) 만들기 *참조사이트 : ht..
7월3일 - UI 구현 HTML3 + CSS HTML 1. HTML FRAMESET 프레임분할 바디를 나누는 것이므로 는 지워야한다. 1) 가로로 나누기 cols 나머지 공간은 *로 표시한다. src : 문서연결 noresize : 여백조절불가능 -1) file. 15_Frameset.html -2) file. leftmenu.html * 관리자페이지 * ■ 솔데스크 ■ 다음 ■ 표 분석 -> 의 의미는 file15에 frame을 두개로 주었다. 메인과 sub. 메인에는 관리자페이지가 뜨게 만들고 옆의 sub에 관리자페이지의 페이지링크를 구현하게 하라는 뜻이다. 링크는 각 사이트의 링크뿐만 아니라 파일의 링크도 연결해올 수 있다. [웹의 3요소] - 웹표준 - 웹접근성 - 웹호환성 [웹표준의 3요소] - 구조 : HTML - 표현 : CSS - 동..
7월2일 - UI 구현 HTML2 Chapter Summary Use the HTML element to define a table Use the HTML element to define a table row Use the HTML element to define a table data Use the HTML element to define a table heading Use the HTML element to define a table caption Use the CSS border property to define a border Use the CSS border-collapse property to collapse cell borders Use the CSS padding property to add padding to cells ..
7월1일 - UI 구현 HTML1 디자이너-html - jsp- programming 3school.com https://www.wah.or.kr:444/index.asp UI (User Interface) 구현 - HTML / CSS / JavaScript - JSON jQuery / AJAX AngularJS - Script 언어 -> 웹브라우저에서 인터프리터 방식으로 번역되는 언어 - 코딩툴 : EditPlus / Sublime - 결과확인 웹브라우저 : 크롬, IE - Frontent단, View단 1. HTML [교재] do it -01/ 02/ 03 [관련사이트] https://www.w3schools.com/ http://www.blueb.co.kr/ https://archive.atagar.com/freeMedia/ [작업..
6월28일 - MongoDB MongoDB 1. 실행 1) 폴더생성 c:\data\db 2) 몽고DB 서버실행 cmd cd C:\Program Files\MongoDB\Server\3.2\bin>mongod 3) 몽고DB 실행 cmd cd C:\Program Files\MongoDB\Server\3.2\bin>mongo 2. 문법 >use mycustomers --데이터베이스 생성. 이미 만들어진 경우라면 기존의 데이터베이스를 반환한다. mycustomers라는 이름의 db생성 >db.createCollection('customers'); >show dbs --데이터베이스 목록 조회(새로 생성한 데이터베이스 확인 가능) >db --현재 사용하는 데이터베이스 조회 >show collections -- 컬렉션 목록 >db.custome..
6월27일 - MySQL2 자바에 연결하기 / 서브쿼리 / MongoDB 자체교재 CHAP25 어제 만들었던 sungjuk 테이블을 조회해봤는데 나오지않았다. 나오지않아 새로 만들어주었는데, 데이버베이스 변경을 잊어주었다. 내가 어제 만든 sungjuk테이블은 java0514 데이터베이스 안에 있는데 그걸 찾아주지않고 엉뚱하게 그냥 mysql폴더에서만 찾아 나오지 않았던 것이다. 새로이 찾으니 어제 만든 sungjuk 테이블이 나왔다. 원래의 테이블에 행추가하기 insert into sungjuk(uname,kor,eng,mat,addr,wdate) values('트럼프',70,80,95,'India',now()); insert into sungjuk(uname,kor,eng,mat,addr,wdate) values('송중기',90,85,95,'KOREA',now()); 1...
6월26일 - MySQL1 설치하기 1. MySQL DB Server & 연결 드라이버 설치하기 - MySQL DB Server 다운로드 https://www.mysql.com/ ->DOWNLOADS ->MySQL Community Server 페이지 하단 ->Looking for previous GA version? ->Select Version: 5.6.44 ->mysql-5.6.44-winx64.zip 다운 - MySQL DB 연결 드라이버 다운로드 https://www.mysql.com/ ->DOWNLOADS ->MySQL Connectors 왼쪽 ->Connector/J ->Looking for previous GA version? ->Connector/J 5.1.47 -> mysql-connector-java-5.1.47.zip..