본문 바로가기

전체 글229

HTML/CSS - Layout 1. 레이아웃이란 정보를 효과적으로 배치하는 것. 종류로는 -1단 -2단 이상 (다단) -고정(상,하단이 고정되어있는) -유동적 1단 레이아웃 가장 기본이 되는 레이아웃으로 한개의 행으로 이루어진 레이아웃이다. 상단(header),중단(contents),하단(footer)의 구성으로 이루어짐. 컨텐츠 최대 가로: 1200 사이트 최소 가로: 800 컨텐츠 가운데 정렬 -일반적인 방법 header content footer -HTML5 방법 header content footer 1단레이아웃 header content footer header content footer - margin: auto로 좌우 수치를 균등하게 가져 가운데 정렬 가능 2. 가상선택자 실제로 웹 문서에 존재하지는 않지만 필요에 의해 .. 2019. 7. 3.
07월 03일 수 | UI 화면구현 03 - HTML과 CSS HTML과 CSS 1. 프레임 나누기 - 예전 웹환경에서 사용했던 프레임나누기이다. -인트라넷 용 템플릿 관리자페이지 공공데이터포털 네이버 핀터레스트 테이블 2. 웹의 3요소 1. 웹표준 웹에서 사용되는 기술이나 규칙을 의미하며 웹 사이트를 작성할 때 이용하는 HTML, CSS, JavaScript 등에 대한 규정과 다른 기종이나 다른 플랫폼에서도 웹페이지기 구현되도록 제작하는 기법 등을 포함한다. 2. 웹 접근성(Web Accessibility) 어떠한 사용자(장애인, 노인 등), 어떠한 기술 환경에서도 사용자가 전문적인 능력 없이 웹 사이트에서 제공하는 모든 정보에 접근할 수 있도록 보장하는 것을 뜻한다. 사용자 웹 접근성이란 모든 사용자가 웹 콘텐츠에 보다 손쉽게 접근할 수 있도록 웹 접근성 지침을.. 2019. 7. 3.
07월 02일 화 | UI 화면구현 02 - HTML과 CSS HTML 1. 테이블 셀합치기 - 가로 Name Telephone Bill Gates 55577854 55577855 -세로 Name: Bill Gates Telephone: 55577854 55577855 2. 테이블 셀합치기 연습 - 계산기 만들기 Calculator / * - + 7 8 9 4 5 6 enter 1 2 3 insert - 셀합치기 연습하기 Calculator 하면서 배경에 비디오깔기도 해보았음. HTML은 문서를 구조화하기 위한 언어. 구조적인,의미있는 웹문서의 구조를 짜야한다. 3. 리스트 만들기 ul,li - 여러가지 리스트 리스트는 중첩할 수 있다. 금난새 손열음 정경화 정명훈 라흐마니노프 리스트 쇼팽 드뷔시 셜록홈즈 아르센 뤼팽 포와로 콜롬보 김연아 아사다 마오 안도미키 소트.. 2019. 7. 2.
07월 01일 월 | UI 화면구현 01 - HTML과 CSS HTML 시작하기 1. UI 화면구현 - HTML/CSS/Javascript 웹접근성 연구소 https://www.wah.or.kr:444/index.asp 웹접근성 연구소 www.wah.or.kr:444 - Frontend단, View단 - 코딩툴: Editplus, sublime 등 - Script 언어: 웹브라우저에서 인터프리터 방식으로 번역되는 언어 - 결과확인 웹브라우저 : 크롬, IE 11 -w3school.com https://www.w3schools.com/ -블루비 http://www.blueb.co.kr/ -이미지,아이콘 https://archive.atagar.com/freeMedia/ HTML 1. HTML - Hyper Text Markup Language -웹서비스가 가능하도록 .. 2019. 7. 1.
06월 26일 금 | SW활용 10 - MongoDB 이클립스 연동하기 MongoDB 이클립스 연동하기 1. MongoDB는 JSON문법을 따른다. JSON 문법 참고사이트 https://www.w3schools.com/js/js_json_intro.asp http://tcpschool.com/json/intro MongoDB Cheat Sheet https://gist.github.com/aponxi/4380516 - SHOW DATABASES와 - SHOW TABLES로 있 2. MongoDB로 컬렉션 만들기 > use mycustomers > db.createCollection('customers'); customers 라는 컬렉션이 생성되었다. >db.customers.insert({first_name:"John", last_name:"Doe"}); >db.custo.. 2019. 6. 28.
06월 26일 목 | SW활용 09 - MySQL로 DB연습, MongoDB MySQL로 DB연습, MongoDB MySQL설치 후 자바로 연동하고 DB실습 MongoDB 실습해보기. MySQL 실행하기 1. MySQL서버를 실행하고, 로그인 한 후 어제 만든 SUNGJUK 테이블이 있나 확인한다. - SHOW DATABASES와 - SHOW TABLES로 있나 확인하니 테이블이 없었다. 2. 경로 잡아주고 다시 조회해보기 어제 java0514라는 DB에 테이블을 만들었는데 거길 가지 않고 찾으니 나오지 않는 것이었다. USE JAVA0514; 명령어로 DB를 바꿔준 후 테이블 조회를 해보니 SUNGJUK이란 테이블이 생성된 것이 보인다. SELECT * FROM SUNGJUK 으로 조회해보면 어제 데이터를 삽입했던 정보가 조회된다. ◆ MySQL DB 서버시작 -> D:\jav.. 2019. 6. 27.