자바스크립트 썸네일형 리스트형 [Vue.js] Vue.js cli 설치와 특징&예제 리소스 참조 : https://cli.vuejs.org/Vuejs Guide 참조 : https://kr.vuejs.org/v2/guide/ 두개 중 하나를 복사하고 cmd (명령 프롬프트)에 복사 붙여 넣어주면 vue/cli 3.3.0 버전이 다운로드 된다. Script src=vue를 삽입해준다. 이 후 html코드와 js코드를 넣어 렌더링을 진행한다. 이렇게 되면 데이터와 DOM이 연결되어 모든 것이 반응형으로 작동합니다.브라우저 JS콘솔을 열면 app.message를 다른 값으로 설정해보면 알 수 있다. Instance나 콘포넌트라는 개념은 html+js+css 다 포함되어 한 덩어리로 보는 개념이다. 기존의 html, js, css 영역을 각 자로 두었지만 vue js는 이를 덩어리로 보게 된다.. [Node.js] Socket.i.o를 활용한 채팅창 만들기 Node.js에서 Socket.i.o 코드를 활용한 채팅창 구현 이클립스에서 자바코트를 활용하여 채팅창을 구현하기 위해서는 쓰레드 작업뿐만 아니라 꽤나 복잡한 환경에서 채팅창을 구현해야 합니다. 하지만 Node.js의 socket.i.o를 활용하면 정말 간단하게 채팅창을 구현할 수 있습니다. 이제부터 그 절차를 함께 해가면서 진행해 나가볼까 합니다. 출처 : https://socket.io/get-started/chat/ 위는 Socket.i.o라는 홈페이지입니다. Socket을 활용할 수 있게 잘 정리해두었으며 우리는 간단한 코드를 실행하며 채팅창을 만들어 갈 것입니다. 1. WebStorm에 프로젝트 생성 및 Terminal을 통한 chat 다운로드 가장 먼저 소켓.i.o의 홈페이지의 가이드를 따라간.. [jQuery] 체크박스(Checkbox) 전체선택 및 전체해제 1. Checkbox 체크박스 전체선택 및 전체해제 맨 상단에 전체 체크박스를 선택할 수 있는 input type='checkbox'를 선언해준다. 아래의 체크박스들은 각각의 BNO 값을 가지고 있는 checkbox 들이다. $("#checkboxAll").on("click",function(e) { console.log($(this)[0].checked); if(!$(this)[0].checked){ $('input[type="checkbox"]').prop('checked',false); } else{ $('input[type="checkbox"]').prop('checked','checked'); } });먼저 위의 bno값이 비어있는 체크박스를 누르면 아래의 체크박스들이 모두 클릭되거나 해체되고자.. [JAVA SCRIPT] 자바스크립트 내의 함수와 함수종류와 매개변수 [JAVA SCRIPT] 자바스크립트 내의 함수와 함수종류 1. 익명 함수 익명 함수는 프로그램 파일에 저장되지 않지만, 데이터형이 function_handle인 변수와 연결됩니다. 익명 함수는 표준 함수와 마찬가지로 입력값을 받고 출력값을 반환할 수 있습니다. 그러나, 하나의 실행 가능 명령문만 포함할 수 있습니다. 간단하게 나의 블로그에 기재된 alert(), confirm(), 등등과 같이 기능을 구현하기 위해 사용하였던 것들이 함수이다. 기본 형태는 다음과 같다. var 함수 = function( ) { 내용 }; 위의 function(){} 형태는 함수이지만 이름이 없는 '익명 함수' 2. 선언적 함수 function A() { alert('함수 A');} function A() { alert(.. [JAVA SCRIPT] 반복문의 종류 [JAVA SCRIPT] 반복문의 종류 1. while 반복문 가장 간단한 반복문인 while 반복문이다. if문과 비슷하다고 생각하면 될 것 같다. 조건 - > true 면 문장 실행조건 - > false 면 실행x 아래의 코드는 무한반복된다. while조건이 사실이면 alert창이 실행된다.단, 아래의 코드는 while이 true이기 때문에 무한 반복으로 alert창이 실행되기 때문에 실행하면 안된다. 반복조건을 주어 반복문을 작성한 코드입니다. alert창에 루프가 도는 번수가 출력되어 *번 반복됩니다가 alert창으로 출력된다. 2. do while 반복문 while 반복문은 true면 다음 문장이 실행, false면 다음문장이 실행되지 않는다. 하지만 위의 반복문은 최소한 한번은 문장을 실행해야.. [JAVA SCRIPT] 반복문과 배열 [JAVA SCRIPT] 반복문과 배열 반복문의 장점은 무엇일까요? 컴퓨터가 인간에 비해 우월하다고 말하는 것이 있다. 바로 똑같은 것을 반복하는 작업이다. 사람은 같은 것을 오래하면 지루해하지만 컴퓨터는 같은 작업을 여러번 할 수 있는 큰 장점이 있다. 이렇게 반복분은 사람이 하지 못하는 작업을 수천번, 수만번을 빠른 시간안에 반복할 수 있다. 이렇게 반복문은 정말 유용한 작업이고 컴퓨터의 영역이 되었다. //하나하나 작성한 alert 코드입니다. alert('반복1'); alert('반복2'); alert('반복3'); alert('반복4'); alert('반복5'); //for문을 사용한 반복문입니다. //10번 반복해서 작업을 수행하게 만든 코드입니다. for (var i = 0; i < 10; .. 이전 1 다음
