본문 바로가기

전체 글72

JS(변수, 함수) 변수 var 사용 var number = 100; console.log(number); // 중복선언 가능 var number = 200; console.log(number); /* 실행결과 */ 100 200 let 사용 ES6 버전에서 새로 추가된 변수 생성방법. 대부분의 프로그래밍언어에서 말하는 일반적인 변수 생성 규칙 따름. let number = 100; console.log(number); /* 실행결과 */ 100 // 중복선언 불가 let number = 200; // 에러 console.log(number); /* 실행결과 */ evalmachine.:1 let number; // 앞에서 이미 선언된 변수이므로 에러 ^ SyntaxError: Identifier 'number' has a.. 2020. 7. 23.
HTML(CSS박스) 박스의 기본크기를 결정하는 특성 가로축 부모를 가득 채움 세로축 자신이 포함하고 있는 내용만큼 설정됨. 내용이 없을 경우, 높이 X 박스의 크기를 구성하는 속성의 종류 속성 설명 적용값 width 내용 영역의 폭 px단위, %단위 height 내용 영역의 높이 px단위, %단위 border 박스의 테두리 굵기 종류 색상 padding 테두리와 내용 영역사이의 여백 여백사이즈에 대한 px단위 border속성 border : 굵기 종류 색상; 색상 : 16진수 색상값 (#ff00ff), rgb함수(rgb(255,255,255)) border 속성(테두리 종류) 종류 설명 예시 none 투명한 테두리 solid 직선 ㅡ dotted 점선 ······························· dashed 끊.. 2020. 7. 6.
HTML(CSS) CSS CSS = Cascadion Style Sheets HTML 태그에 디자인을 입혀주는 기법 HTML문서에 CSS를 적용하는 방법 1 2 3 4 5 6 CSS 구체성 단위 자식셀렉터 한 태그안에 1depth안에 존재해야 한다. 표현방법 : > 자손셀렉터 자식셀렉터는 1depth안에 존재해야 하지만 자손셀렉터는 depth를 제한하지 않는다. 속성셀렉터 태그의 속성에 따른 표현 스타일시트의 셀렉터가 적용되는 대상에게 특정 속성이 있는지 여부와 특정 속성의 값이 적용되어 있는지 여부에 따라 태그요소를 좀 더 구체적으로 가리킬 수 있다. 2020. 7. 3.
HTML(표, 멀티미디어, 입력양식) 표 표를 구성하는 태그들 태그설명표 영역 지정상단 제목 지정 (생략가능)본문영역하단 영역 (합계 등)한 줄을 형성열의 제목열의 내용 Table 구성시 사용가능한 기본 속성 속성적용가능한 태그설명값border표 테두리 두께 설정정수 형태로 입력width, , 넓이 설정, 칸의 넓이 합은 에 정의한 넓이보다 클 수 없음.px값(정수 값) 비율값(% 값)height, , 높이 설정, 칸의 높이 합은 에 정의한 높이보다 클 수 없음.px값(정수 값)align, , 정렬 설정, 칸 안에서의 내용의 가로 정렬left (왼쪽) center (가운데) right (오른쪽)valign, 정렬 설정, 칸 안에서의 내용의 세로 정렬top (위) middle (중간) bottom (아래)rowspan, 행 병합병합할 행의 수.. 2020. 7. 1.
HTML (화면 구현) 1. 화면 구현 작업 단계 1) 요구사항 확인 / 정의 - 무엇을 만들고 싶은가 구성하는 단계 - 제작한 페이지의 전반적인 기능들을 도출. * 대부분의 회사는 정의서와 명세서를 구분하지 않고 정의서 수준의 문서로 작업을 많이 함 2) UI설계(화면설계) - 요구사항들을 시각적으로 조금 더 구체화 하는 단계. - 와이어프레임, 목업 형태로 제작 와이어 프레임 뼈대 제작, 대략적인 레이아웃 목업 실제 구현을 위해 더 디테일하게 작업 3) 프로토타이핑(Prototyping) - 실제로 출시 전, 샘플로 제작하여 시작업하는 단계 - 카카오 오븐 : 무료, 웹 기반의 와이어프레임 도구 4) UI제작 - HTML은 주로 Sublime Text로 작업 (편함) - 실제품으로 제작, 코딩 ㄱㄱ 2. 웹 접근성 웹 사이.. 2020. 6. 30.
JAVA(DAO패턴) SQL Injection SQL Injection 공격 응용프로그램 보안 상의 허점을 의도적으로 이용해 개발자가 생각지 못한 SQL문을 실행되게 함으로써, 데이터베이스를 비상정적으로 조작하는 공격 방법 SQL Injection 공격 방어를 위한 처리 사용자의 입력값을 SQL문과 조합할 때 홑따옴표(') 앞에 역슬레시()를 붙여, SQL구문이 홑따옴표를 특수문자로 인식하도록 처리해야 한다. 2020. 6. 24.
JAVA(MySQL연동, JDBC) JDBC(Java Database Connectvity) - 자바 프로그램 내에서 데이터베이스 시스템의 종류에 구애 받지 않고 질의문(SQL)을 실행하기 위한 표준 데이터베이스 인터페이스 - 데이터베이스 및 어플리케이션 개발자들을 위한 표준 API 제공하는 라이브러리 - MySQL의 JDBC는 자바를 이용해서 MySQL 서버에 연결하고 SQL을 처리하기 위한 API 제공. 데이터베이스 접속, 해제 처리 절차 접속정보 설정 -> 접속 -> 접속실패 여부 검사 -> 접속 해제 import java.sql.Connection; import java.sql.DriverManager; import java.sql.SQLException; public class Main01 { public static void m.. 2020. 6. 23.
MySQL(데이터베이스 생성 및 관리) 데이터베이스 생성 / 삭제 데이터베이스 생성하기 create database `데이터베이스이름` [default charset `utf8`]; - 기존에 존재하는것과 중복 불가. - 기본 charset는 utf8, euckr 등의 값을 지정. - MySQL은 라틴어가 기본언어로 저장되서 charset를 하지않으면 한글깨짐. 데이터베이스 삭제 drop databaes `데이터베이스이름`; - 존재하지않는 데이터베이스 이름을 지정한 경우는 에러 발생. - 삭제한 데이터베이스는 복구불가능하니 신중히 할 것. 예제 1) 데이터 베이스 생성 예제 2) 데이터 베이스 삭제 테이블 생성하기(1) create table `테이블이름`( `컬럼이름`데이터타입 [not bull | null] [AUTO_INCREMENT].. 2020. 6. 19.
MySQL(서브쿼리, 데이터 입력·수정·삭제, 함수) 서브쿼리(SubQuery) SQL안의 SQL 하나의 SQL명령문의 처리결과를 다른 SQL 명령문에 전달하기 위해 두 개 이상의 SQL문을 하나의 SQL문으로 연결한 상태 검색조건을 다른 결과집합에서 찾기 위해서 사용 서브쿼리를 포함한 SQL문을 '메인쿼리' 라고 함 서브쿼리는 select 문의 시작과 끝에 ( )로 묶어서 메인쿼리와 구분 select 컬럼 ~~ from 테이블이름 where 컬럼 연산자 (select~~~~ ) 종류 이름 설명 단일 행 서브쿼리 단 하나의 검색 결과만을 반환하는 형태. 서브쿼리를 검색결과로 사용하기 위해 비교연산자(=, )사용 다중 행 서브쿼리 하나 이상의 검색결과를 반환하는 형태. 서브쿼리를 검색결과로 사용하기 위해 IN 연산자 사용 단일행 서브쿼리 예제 1) '전은지'.. 2020. 6. 18.

티스토리툴바