Java36 [node.js] 입문 1.node.js 란?웹프로그래밍에는 스레드라는 것이 있다. 스레드는 하나의 프로그램 내부에서 실행되는 실행 흐름 단위를 말한다. 장점사용자에 대한 응답성 향상동시에 작업을 완료시킴 사용하는 곳네트워크 웹서버 또는 데이터베이스 통신시간이 오래걸리는 작업 단점많은 스레드로 코드 실행을 제어하면 복잡해지고 버그가 발생할 수 있다.스레드를 삭제하려면 삭제할 때 발생할 수 있는 문제와 처리 방법을 알아야 한다. 이러한 스레드의 단점을 해결하고자 내부적으로 node.js는 스레드를 알아서 처리하고 외부적으로는 스레드를 신경 쓰지 않고 개발할 수 있게 만든 소프트웨어 플랫폼이다. 차이?기존 웹 서버는 대부분 스레드를 기반으로 하는 동기 방식으로 네트워크 입출력을 처리한다. 반면 node.js는 이벤트를 기반으로 하.. 2017. 3. 7. [자바스크립트 기초 ]이벤트의 종류와 개념 1 자바스크립트 이벤트 종류 UI 이벤트 – 사용자가 웹페이지가 아닌 브라우저의 UI와 상호작용할 때 발생이벤트설명load웹 페이지의 로드가 완료되었을 때unload웹 페이지가 언로드 될 때(새로운 페이지를 요청한 경우 )error브라우저가 자바스크립트 오류를 만났거나 요청한 자원이 없는 경우resize브라우저의 창 크기를 조정했을 때scroll사용자가 페이지를 위아래로 스크롤 할 때 키보드 이벤트 – 사용자가 키보드를 이용할 때 발생한다.이벤트설명keydown사용자가 키를 처음 눌렀을 때 keyup키를 땔 때 keypress사용자가 눌렀던 키의 문자가 입력되었을 때 마우스 이벤트 – 사용자가 마우스나 터치화면을 사용할 때 발생이벤트설명click사용자가 동일한 요소 위에서 마우스 버튼을 눌렀다 땔 때dbcl.. 2017. 2. 26. [자바스크립트 기초]DOM 문서객체모델의 이해 2 DOM탐색하기 페이지에 요소 노드가 존재한다면 다음 5가지 속성을 이용하여 다른 요소들을 선택할 수 있다. 이런 과정을 DOM 탐색이라고 한다. parentNode – 이 속성은 부모 노드를 찾는다.previousSibling – 이전 노드를 찾는다.nextSibling - 다음 노드를 찾는다firstChild - 첫 번째 자식 요소를 찾는다.lastChild – 마지막 자식 요소를 찾는다. (요소가 존재 하지 않을 때는 null 이 리턴된다.)(IE를 제외한 대부분의 브라우저들은 요소 사이의 공백 문자를 텍스트로 취급하기 때문에 리턴하는 값은 브라우저에 따라 달라지게 된다.) 이전&다음 이웃 요소.HTML List Buy groceries fresh figspine nutshoneybalsamic vi.. 2017. 2. 25. [자바스크립트 기초]함수 메서드 객체 함수와 메서드함수는 특정 작업을 수행하기 위해 필요한 일련의 구문으로 구성된다. 메서드는 함수와 동일하지만 객체 내에 만들어진다는 점이 다르다. 객체실제 세계를 모델화하기 위해 객체를 사용한다.객체는 속성과 메서드로 구성된다. 내장객체브라우저는 인터랙티브한 웹 페이지를 개발하기 위한 도구의 역할을 수행하는 다양한 종류의 객체들을 제공한다. 함수란 무엇인가?함수란 어떤 특정 작업을 수행하기 위해 필요한 일련의 구문들을 그룹화하기 위한 개념이다. 만일 스크립트의 다른 부분에서 동일한 작업을 반복적으로 수행해야 한다면 함수를 재사용할 수 있다. 기본적인 함수var msg = '안녕하세요'; //함수 생성function updateMessage() { var el = document.getElementById(.. 2017. 2. 23. [자바스크립트 기초] 자바스크립트의 기본 명령어 구문: 스크립트는 컴퓨터가 단계별로 수행할 수 있는 일련의 명령이다.이 중 각각의 명령이나 단계를 구문이라고 한다.구문은 세미콜론으로 끝나야 한다. //구문var today = new Date();var hourNow = today.getHours();var greeting; // { } 코드블록의 시작과 끝을 알려준다. 구문은 코드 블록 내에 작성한다. if (hourNow > 18) { greeting = 'Good evening!';} else if (hourNow > 12) { greeting = 'Good afternoon!';} else if (hourNow > 0) { greeting = 'Good morning!';} else { greeting = 'Welcome!';}document.w.. 2017. 2. 18. [자바스크립트 기초] 스크립트 왕기초 개념 2 자바스크립트 언어는 html과 css와 함께 사용된다. 콘텐츠 계층.html 파일페이지의 구조를 만들고 의미를 부여한다. {css}콘텐츠가 보여지는 방법을 서술한다.(배경, 테두리, 글꼴, 색상 등) javascript()페이지의 동작을 변경하며 역동성을 부여한다. * 기본적인 자바스크립트 코드 작성하기 지금은 몇시? 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687 인사 지금은 몇시? var today =new Date(); var hourNow=today.g.. 2017. 2. 17. [자바스크립트 기초] 스크립트 왕기초 개념 1 기초중의 기초 !! 컴퓨터는 데이터를 이용하여 세상을 표현하기 위한 모델을 만든다! 호텔, 자동차 같은 객체는 개발자가 데이터만 잘 만들고 전달해 주면 컴퓨터는 우리가 원하는 명령을 실행해서 작업을 수행할 수 있다. 객체와 속성컴퓨터에서 실제 세계에 존재하는 물리적인 물체는 다양한 종류(type)의 객체(object)로 표현된다. 개발자라면 그 객체들을 인스턴스라고 표현할 것이다.객체는 다음과 같은 정보를 가진다. 속성, 이벤트, 매서드 이 세 가지가 결합하여 객체를 표현하는 모델을 구성한다. 속성(특징): 자동차를 예를 들면 자동차의 속도, 색상, 크기 등이 속성이다. 속성은 이름과 값, 즉 name과 value로 구성된다. 예) 자동차의 속성이름 : 값제조사: 현대속도: 60km색상: 검정 실제 세계.. 2017. 2. 16. [자바기초] 2.식별자와 상수 식별자와 키워드, 변수와 상수, 자바의 자료형등과 같은 형변환을 위해 필요한 지식을 알아보자 학습목표*식별자와 키워드의 개념과 형식을 알고 식별자를 만드는 방법 공부*변수와 상수의 개념을 파악하고 변수를 선언하는 방법 알아보기*자바의 자료형 타입과 형식을 알고 선언하는 방법*demotion과 promotion을 사용하는 방법을 설명할 수 있다.*자바의 데이터형을 형 변환 하여 데이터 변수에 적용하는 방법을 설명할 수 있다. 공부내용식별자와 키워드변수와 상수자바의 자료형demotion과 promotion 자바의 형 변환 체크해보기1.식별자란 프로그래밍 언어에서 변수, 상수, 배열, 클래스, 메서드, 레이블 등을 식별하기 위하여 붙이는 이름을 말한다.2.키워드란 주요단어란 뜻으로 자바에서 미리 사용하기 위해.. 2017. 1. 3. [자바기초] 1.java언어의 탄생 배경과 특징 자바는 누가 만들었나?자바는 월드 와이드 웹이 개발되기 시작하였던 1991년 썬 마이크로시스템즈에서 제임스 고슬링에 의해 탄생되었다. 자바의 특징- 자바 애플릿은 HTML에서 사용자와 서버 사이의 다이나믹 환경을 제공하는 작은 프로그램으로 애니메이션이나, 간단한 게임 그리고 사용자가 서버에 별도의 요청을 하지 않고서도 수행할 수 있는 단순한 작업들을 수행할 수 있어 빠르게 확산, 대중화를 이루게 된다.- 자바 컴파일러는 바이트 코드라는 중립적인 구조의 실행코드를 만들어 낸다.- 바이트 코드는 각 플랫폼에 있는 인터프리터를 통해 실제로 실행된다. 시대별 특징 1991년자바는 월드 와이드 웹이 개발되기 시작하였던 1991년 썬 마이크로시스템즈에서 제임스 고슬링에 의해 탄생되었다. (단순하고 버그가 없는 가전.. 2017. 1. 2. 왕 기초 자바스크립트 - 함수 var 처음만든함수 = function () { console.log("안녕하세요!");}; 처음만든함수();// 안녕하세요! ================== var 인사하기 = function (이름) { console.log("안녕하세요 " + 이름 + "님!");}; 인사하기("아이유");// 안녕하세요 아이유님! 인사하기("수지");// 안녕하세요 수지님! ==================var 고양이그리기 = function (반복횟수) { for (var i = 0; i < 반복횟수; i++) { console.log(i + " =^.^="); }}; 고양이그리기(5);// 0 =^.^=// 1 =^.^=// 2 =^.^=// 3 =^.^=// 4 =^.^= ==================.. 2016. 12. 29. 10.자바스크립트 기초 문법 (노드메서드 2) 마우스를 따라다니며 그림이 움직인다. 2. document 구조 (배열) 3. name으로 접근 가능하다 # var 변수=document.getElementById("id이름"); ----------------------------------------------------------- # http://msdn.microsoft.com/ko-kr/library/d1et7k7c(v=vs.94).aspx # 노드관련 메서드 document.createElement("태그명") document.createTextNode("텍스트") 객체명.insertBefore(newChild,refChild) 객체명.replaceChild(newChild,oldChild) 객체명.removeChild(oldChild) 객체.. 2016. 12. 27. ★자바스크립트 연습 문제 (노드) 3 # http://msdn.microsoft.com/ko-kr/library/d1et7k7c(v=vs.94).aspx# 노드관련 메서드 document.createElement("태그명") document.createTextNode("텍스트") 객체명.insertBefore(newChild,refChild) 객체명.replaceChild(newChild,oldChild) 객체명.removeChild(oldChild) 객체명.appendChild(newChild) 객체명.parentNode 객체명.childNodes 객체명.previousSibling 객체명.nextSibling 버튼을 누르면 4.dd 가 출력될 수 있도록 소스코드를 작성하시오. aa bb cc [an] var liTag=document.c.. 2016. 12. 27. 9.자바스크립트 기초 문법 (노드메서드) # nodeName 1 2 3 # tagName[ex] aaa bbb ccc # var 변수=document.getElementById("id이름");[ex] aaa bbb ID를 입력하세요~ ----------------------------------------------------------- aaa bbb ID를 입력하세요~ [ex] aa jafkldsjfl;ajdfk cc [ex] [ex] [ex] 1 2 3 4 5 6 [ex] 123 [ex] 가나다 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737.. 2016. 12. 27. ★자바스크립트 연습 문제2 1문제 이벤트처리를 아래와 같은 형식으로 바꾸시오. 이벤트처리대상.on이벤트명=function(){ } 답 2.문제 3.문제 이벤트처리를 아래와 같은 형식으로 바꾸시오. 이벤트처리대상.on이벤트명=function(){ } 4.문제 5.문제 답 답 답 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122.. 2016. 12. 26. 9.자바스크립트 기초 문법 (정규표현식&아이디체크&위치표시) 1. 2 .3. 다음으로 이동 4. 영단어 : 5. 사이트를 선택하세요 네이버다음 구글 6. 사이트를 선택하세요 사이트를 선택하세요 네이버다음 구글 7. 마우스 이벤트 8 이름 : .9 이름 : 전화번호: 아이디 이름 이메일 .10 과일선택선택하세요사과배바나나 .11 위치정보 .12 위치정보 .13 파일읽기 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111.. 2016. 12. 23. 8.자바스크립트 기초 문법 (window&노드추가삭제) 1. 2. 아이템1아이템2아이템3아이템4아이템5 3. div 영역 div의 내용 div 변경 4. 여기를 클릭 첫번째 단락두번째 단락 단락제거 5. 6. 7. 버튼을 누르세요 확인 멈춤 8. 이동 이동 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131.. 2016. 12. 22. ★자바스크립트 연습 문제1 아래소스코드를 for문으로 바꾸시오. 1 2 3 4 5 6 7 8 9 10 아래소스코드를 for문으로 바꾸시오. 버튼을 누르면 h1태그의 border-style을 solid로 border-color를 yellow로 바꾸시오. abc 테이블만들기 줄 칸 abc 아래소스코드를 for문으로 바꾸시오. 함수를 하나로 처리하시오. onmouseover 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041.. 2016. 12. 21. 5.자바스크립트 기초 문법 (객체&날짜계산&프로토타입) 1. 2. 3. 4. 구입날짜 : 검사 5.6. 7. 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815.. 2016. 12. 21. 4.자바스크립트 기초 문법 (객체 선언&배열&form) 1. 2. 3. 4. 5. 6.. 필드1 필드2 필드3 7. 클릭 8. 이름: 직급 : 확인 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511.. 2016. 12. 20. 3.자바스크립트 기초 문법 (for문&구구단) 1 2 3 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616.. 2016. 12. 20. 2.자바스크립트 기초 문법 if 문 &form 1a: b: 2 첫번째 정수: 두번째 정수 : 합계 : 3. 클릭하세요 4. 숫자 숫자 : 추측횟수:힌트: 5. 숫자 숫자 : 추측횟수:힌트: 정답: 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014.. 2016. 12. 19. 1.자바스크립트 기초 문법(요소에 접근&대화상자&배열&함수) 1. 인라인 자바스크립트 2. 3. 4. 2. test var s; //변수 선언(자료형이 없음) s = 100; // 가변자료형(우변의 데이터형에 따라 결정) document.write(s+" "); //웹브라우저에 출력 s="홍길동"; document.write(s+" "); 3. 문자 var s = "Hello World" var t = "How are you "+ "today"; //문자열 연결 document.write(s+" "); document.write(t+" "); //대문자로 변환 document.write(s.toUpperCase()+" "); // 소문자로 변환 document.write(s.toLowerCase()+" "); 4. 연산 function test(x,y){ x= p.. 2016. 12. 19. 1 자바 더도 말고 덜도 말고 하루에 두 문제 1.두 개의 실수를 입력받아 모두 4.0 이상이면 "A", 모두 3.0 이상이면 "B",아니면 "C" 라고 출력하는 프로그램을 작성하시오. [예]4.3 3.5B {풀이} import java.io.*; class A{ public static void main(String[] args){ int num1;int num2; Console console=System.console();System.out.println("input number 1");num1=Integer.parseInt(console.readLine());System.out.println("input number 2");num2=Integer.parseInt(console.readLine());if(num1>=4.0&&num2>=4.0){S.. 2016. 12. 2. 10.JSP - 한줄메모 삽입 & AJAX 한줄메모 삽입 & AJAX INDEX.JSP 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119Insert title here $(document).ready(function(){ memo_list(); //추가버튼 클릭 이벤트 $("#btnAdd").click(function (){ memo_insert(); }).. 2016. 11. 10. 6.JSP - MVC 패턴 & 도서 목록 컨트롤러에서 해당 URL 받아서 처리하기 MVC 패턴 & 도서 목록 컨트롤러에서 해당 URL 받아서 처리하기 1.리스트 화면으로 바로 이동 123456789101112131415161718192021222324Insert title here Colored by Color Scriptercs 2. 북 컨트롤러 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111package book; import ja.. 2016. 11. 9. 3.JSP - MYSQL JSP insert 폼에서 servlet으로 값넘기기 1리스트에서 도서등록 버튼 누르면 2 insert.jsp 페이지로 이동 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960 Insert title here 도서목록 번호 도서명 저자 가격 수량 Colored by Color Scriptercs 2. insert.jsp 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687.. 2016. 11. 8. 8.알고리즘 - 검토 검토 프로그램을 만들어 실행시켰을 때 다른 결과가 나올 경우가 있기때문에 이런 경우를 방지하기 위해서 검토해야 한다. 방법 1. 기억장소를 그린다. 2. 작성된 순서도에서 사용하는 기억장소를 종이에 그린다. 표 형식으로 정리하고, 그것을 검토표라고 한다. 또한 초기값이 있는 경우 초기값을 적는다. 3. 입력이 있으면 입력 자료를 가정한다. 4. 외부로부터 입력을 받아서 처리하는 경우 문제의 의도에 맞는 입력자료를 가정하여 종이에 표기한다. 5. 제어흐름은 3번이상 따라간다. 작성한 제어논리는 반복구조가 보통 사용된다. 따라서 이와 같은 반복구조가 우리가 원하는 만큼 제대로 반복을 수행하는지 파악해 보아야 한다. 6. 반복 탈출 조건은 반드시 검사해 본다. 2016. 11. 6. 7.알고리즘 - 설계 설계 자료명세서에 정리된 데이터들, 상수 혹은 변수들을 시작기호 바로 밑에 준비기호를 작도하고, 내용으로 쉼표로 구분하여 적어야한다.자료명세서에 정리된 대로 기호상수, 출력, 입력, 처리, 추가자료 순서대로 적는다. 예) 기호상수는 기호상수명칭= 상수값 형식으로 기술 하면된다. SUBJECTCOUNT = 2.0 변수의 초기화 표현도 변수명칭= 초기값 형식으로 기술해야 한다. 초기값은 반드시 상수이어야 한다.number 는 누적에 사용되므로 반드시 초기화 해야한다.그러나 바로 number의 초기값을 설정하는 것 보다 제어논리를 작성하고, 검토하면서 초기값을 설정하는 것이 더욱더 쉽게 초기값을 설정할 수 있다.그러나 이번에는 number가 1부터 시작되어야 하므로 바로 0으로 설정할 수 있다. 2016. 11. 6. 6.알고리즘 - 분석 분석 -문제이해 반드시 입력받아야 하는 값이 있는가? 정해진 상수가 있는가? 결과를 도출할 수 있는 공식이나 절차가 있는가? (문제이해 단계는 문제에서 요구하는 결과와 주어진 조건을 파악한 후 컴퓨터 기본기능과 3가지 기본 제어구조를 적용하여 수작업으로 문제를 풀어보는 단계) -자료명세서 자료를 찾아내는 단계에 따른 구분 출력자료: 외부로 출력되는 자료를 저장하는 기억장소입력자료: 외부로부터 입력되는 자료를 저장하는 기억장소준비자료: 문제 이해단계에서 입력과 출력이 아닌 자료를 저장하는 기억장소기호상수: 상수에 대한 명칭정의처리자료: 처리과정에서 발견되는 자료를 저장하는 기억장소추가자료: 설계를 진행하면서 필요한 자료를 저장하는 기억장소 -처리과정 구체적인 방법보다는 무슨일을 할 것인가 만을 기술합니다... 2016. 11. 6. 5.알고리즘 - 소프트웨어 생명주기 소프트웨어 생명주기 폭포수 모형 개발 전 단계(타당성 조사,예측,계획) - 요구사항수집- 분석- 설계- 구현-테스트-운영/평가- 유지보수 상세설계 1.문제이해단계 : 소프트웨어 개발자가 문제를 수작업으로 해결할 능력이 있어야 개발 할 수 있다. 2.자료명세서와 처리과정 작성단계 : 소프트웨어가 무엇을 할 것인가 정리하는 단계. 어떤 값을 구할 것인가? 수집된 요구사항을 바탕으로 파악한 데이터를 이용하여 어떤 처리를 어떤 순서에 의하여 할 것인가를 정리하는 단계 문제에서 처리해야 하는 데이터들을 찾고, 그 데이터들을 구하는 처리들을 결정하고, 처리들을 어떤 순서로 나열할 것인지정리하는 단계 3.순서도 작도 단계 4.구현 5.테스트 6.컴토 및 평가 2016. 11. 6. 이전 1 2 다음
