본문 바로가기

전체 글

 (85)
[MySQL] 워크벤츠( WorkBench ) 설치 MySQL 워크벤츠( Work Bench ) 설치 MySQL 워크벤치는 데이터베이스 설계 및 구현을 위한 도구로 ER 다이어그램을 작성하여 모델링 하는 것 보다 더 편리하게 데이터베이스를 모델링 할 수 있는 툴이다. 또한 SQL 개발과 관리, 설계, 생성, 유지,관리를 위한 통합 개발 환경을 제공한다. MySQL 실습용도로 사용하기위해 설치해보도록 하겠다. https://dev.mysql.com/downloads/installer/ 위 링크를 따라가면 아래와 같이 MySQL 홈페이지가 열리는데 현재 자신의 컴퓨터 환경에 맞는 Installer를 다운로드 한다.현재 포스팅 작업하는 컴퓨터는 windows 32bit 이기때문에 아래와 같은 화면을 볼수있다. [Download] 를 선택한다. [Download..
[JavaScript] 자바스크립트 변수의 이해와 사용 자바스크립트 변수의 이해와 사용 변수란? "데이터를 담아두는 그릇" 예를 들어 사과판매 어플리케이션을 개발한다고 가정하였을때 사과의 갯수(count), 금액(amount) 등 필요한 데이터를 어디간에 두고 사용해야한다. 이때 변수라는 그릇을 사용하면 해당 자료를 가지고 갯수를 새거나 연산을 할때 사용할수 있다. 변수선언 변수선언은 아래와 같다. /* var 변수명 [=초기값] */ //1. 한번에 하나의 변수만 선언 var count; //2. 한번에 여러개의 변수를 선언 ( ',' 로 구분 ) var count, amount; //2. 변수 선언 과 함께 초기화 var count = 10; 위와 같이 변수를 선언하는 방법은 여러가지가 있다. 변수명 앞의 var 는 붙이지 않아도 에러가 발생하지 않지만 ..
[JSP] JSP (JavaServer Pages ) 구성요소 JSP (JavaServer Pages ) 구성요소 JSP 구성요소는 크게 6가지가 있다.1. 스크립트(Script) 요소2. 지시어 (디렉티브:directive)3. 내장객체 (Implicit Object)4. 액션태그(Action Tag)5. 표현언어 (Expression Language)6. 사용자 정의 태그, JSTL 아래에서 하나하나 살펴 보도록 하겠다.현재 포스팅에서는 구성요소별 간단한 정의만 다뤘으며 각 구성요소별 디테일한 내용은 추후 포스팅에서 하나하나 포스팅하도록 하겠다. 스크립트(script)요소스크립트요소는 페이지의 동적데이터를 생성하며 3가지로 분류한다. 1 스크립트릿 JSP 페이지 내부에 자바(JAVA) 소스코드를 삽입한다. 2 표현식 출력결과(HTML 요소내) 에 값(value)..
[JSP] JSP (JavaServer Pages ) 란 무엇인가? JSP (JavaServer Pages ) 란 무엇인가? JSP 란 JavaServer Pages 의 약자이며HTML 코드에 JAVA 코드를 넣어 동적웹페이지를 생성하는 웹어플리케이션 도구이다.JSP 가 실행되면 자바 서블릿(Servlet) 으로 변환되며 웹 어플리케이션 서버에서 동작되면서 필요한 기능을 수행하고그렇게 생성된 데이터를 웹페이지와 함께 클라이언트로 응답한다. 위와 같이 정의만 보고는 어려운 용어가 많이 들어가기 때문에 몇가지 개념을 짚고 넘어 가겠다. 웹(web)웹이란 인터넷 기반의 정보기술로 World Wide Web 의 줄임말로 쓰이며 WWW 라고도 한다.전세계에 거대한 네트워크 망을 통해 정보를 공유하며 정보의 흐름은 양방향성을 가진다. 웹어플리케이션(Web Application)웹어..
[JavaScript] JavaScript (자바스크립트) 란 ? JavaScript (자바스크립트) 란 ? 요새 AngularJs , NodeJs 등 공부를 하면서 JavaScript를 외면하였지만 결국은 자바스크립트를 기본부터 다시 봐야겠다는 생각이 들었다. 그래서 자바스크립트가 무엇인지에 대해 먼저 살펴보도록 하겠다. JavaScript는 Netscape communication 의 이해 개발된 브라우저 전용 스크립트 언어이다. 현재에 이르기까지 JavaScript 는 초기부터 많은 발전이 되어왔는데 초기에는 지나친 스크립트 코드 남용으로 사람들 에게 안좋은 인식이 생겼으나 Ajax (Asynchronous JavaScript and XML) 가 생겨나고 국제적인 표준화 단체인 ECMA 에 의해 표준화 작업이 이루어짐에 따라 현재에 있어서는 웹개발자 라면 기본적으..
[제이쿼리/jQuery] 요소 갯수 구하기 .length 요소 갯수 구하기 $("selector").length; 요소 갯수를 구하는 함수는 2가지 ( length 와 size() ) 있습니다.현재는 3.0 버전부터 size() 함수가 사라졌기때문에 이후버전부터는 length 를 사용합니다. 사용예는 아래와 같습니다. HTML definition (특히 사전에 나오는 단어나 구의) 정의 (어떤 개념의) 의미[정의] 선명도 term 용어,말 (지속되는・정해진) 기간 기한, 만기 JS var length = $("dl").length; $("#cnt").html("정의목록 갯수 : "+ length).css("background-color","yellow"); 결과
[제이쿼리/jQuery] 필터셀렉터(:) . :first :last :even :odd :eq :gt :lt :has :not 요약 :fitst첫번째로 일치하는 요소를 가져온다. :last마지막으로 일치하는 요소를 가져온다. :even짝수번째 요소를 모두 가져온다 ( first index : 0 ) :odd홀수번째 요소를 모두 가져온다 ( first index : 0 ) :eq(index) 인자로 전달된 index에 해당하는 요소를 가져온다. ( first index : 0 ) :gt(index)인자로 전달된 index 보다 큰 index를 가진 요소를 모두 가져온다. :lt(index)인자로 전달된 index 보다 작은 index를 가진 요소를 모두 가져온다. :has(selector)인자로 전달된 selector 요소를 하나 이상 포함하고 있는 요소를 가져온다. :not(selector)인자로 전달된 selector 와 일치..
[제이쿼리/jQuery] 자식노드, 다음 인접노드, 다음 형제노드 찾기( Child selector, Next Adjacent Selector, Next Siblings Selector ) 요약(" parent > child ") 자식노드 찾기 Child selector (" prev + next ") 다음 인접노드 찾기 Next Adjacent Selector (" prev + siblings ") 다음 형제노드 찾기 Next Siblings Selector 자식노드 찾기 ("parent > child") 특정노드 하위에있는 자식노드자식중에 노드를 찾고싶다면 (">") 를 사용하면된다. html top item item1 item2 middle item itme1 itme2 js $("#top>ul").css("border","1px solid #ff0000"); 결과 다음 인접노드 찾기 ("prev + next") prev의 형제노드중 next와 일치하는 인접노드를 모두 찾습니다. 아래..

티스토리툴바