Cute Happy Ghost
본문 바로가기
728x90
SMALL

Front69

정수확인test *begin.jsp Ajax의 특징 별도의 외부 플러그인이나 라이브러리, ActiveX와 같은 API 프로그램들이 필요 없다. 브라우저 내부에 있는 자바스크립트만으로 처리 가능하다. 비동기방식으로 서버와 통신하며, 브라우저의 새로고침없이 특정 영역의 내용을 동적으로 변경할 수 있다. 프로그램 방식을 Web방식에서 App방식으로 처리할 수 있다. AJAX(Asynchronous JavaScript XML)의 약자 Ajax의 가장 중추적인 역할을 하는 객체는 XMLhttpRequest 이다. 홀짝수 체크 간탄 테스트(서버의 결과를 표시해 주기 위해 전체 화면이 새로고침 되느냐 아니면 필요한 부분만 새로고침 되느냐) 정수를 입력하세요 *odd_even_check.jsp 5 if(su%2==0){ msg = s.. 2020. 12. 9.
filter jquery 폴더안의 filter.jsp filter 선택된 요소 중 필요한 요소만을 걸러내는 방법 접두문자 ':'을 사용한다. 필터와 필터를 연결하여 사용할 수 있다 종류=> : eq(index), :even, :odd, :first, :last, :gt(index), :lt(index) 백두산 금강산 설악산 치악산 내장산 속리산 맛동산 한라산 방가...1 방가...2 방가...3 방가...4 방가...5 방가...6 traverse.jsp TRAVERSE WEB_INF폴더안의 index.jsp jQuery Test를 위한 태그(II) FILTER TRAVERSE 2020. 11. 30.
20201118 회원가입창에 -또는- 구현하기 문제없는 줄 알았지... 하지만 창을 키워보니 너 왜 도망가는데;;;; 또는 기본코드 또는 쌤이 보내주신기본코드 body에는 div하나에 h1만 넣었음 그리고 after before를 사용해줌 -또는- 구현한 코드 ㅋㅋ 또는 만 14세 이상 가입 동의 (필수) 뉴닉 이용약권 동의 (필수) 약관보기 개인정보 수집/이용동의 (필수) 약관보기 뉴스레터 및 이벤트 정보 수신동의 (선택) 아무리 코드긁어와도 내꺼에 붙히면 제대로 안되는게 국룰; 다시 어쩌고 수정해주고 또 바꿔주면 완. 이제 큰 창에서도 편-안 2020. 11. 19.
20201118 newneek회원가입창 따라만들어보기 실제 뉴닉회원가입창 내가 만들어본 뉴닉 회원가입창 완전 빼다박았네 ㅎㅎ..뿌듯 업그레이드버전 먼가 허전해보여서 네이버랑 카카오 로그인도 만들어봤다 재밌는것은 커서를 갖다댈때 색깔이 변하는 부분 ***최종코드*** 또는 만 14세 이상 가입 동의 (필수) 뉴닉 이용약권 동의 (필수) 약관보기 개인정보 수집/이용동의 (필수) 약관보기 뉴스레터 및 이벤트 정보 수신동의 (선택) 2020. 11. 18.
20201116_36 박스움직이기, 순회하며 수정 순회하며 전체수정하기(콘솔창에서) const boxes = document.querySelectorAll('.box') undefined boxes NodeList(3) [div.box.b1, div.box.b2, div.box.b3] for(item of boxes){ item.style.backgroundColor = 'red' } "red" for(item of boxes){ item.style.border = '5px solid black' } "5px solid black" 1뎁스 =1 1뎁스 =2 1뎁스 =3 1뎁스 =4 2뎁스-1 2뎁스-2 3뎁스-1 3뎁스-2 3뎁스-3 4뎁스 -1 4뎁스 -2 4뎁스 -3 1뎁스-5 2뎁스 root ​…​​ root.childNodes NodeList(1.. 2020. 11. 16.
20201113_ 35 노드2 index.html 이게되나? 서버에서 정보받기 아이디 이름 데이터 시간 index.js //express 프레임워크 임포트 const express = require("express") const app = express() const PORT = 6600//포트 번호 //미들웨어 추가 app.use(express.static('./static')) //더미 데이터 //경로 : /data //요청 HTTP 메서드 : GET app.get('/data', (req, res) => { const data = { id: '124125125', name: 'Chiho Won', myData: [1, 2, 3, ], timestamp: new Date(), } // data 객체를 json으로 서빙해줌 // J.. 2020. 11. 13.
20201113_ 35 클로저.. function sayHelloTo(name) { const message = `Hello ${name}!` return function (){ console.log(message) } } const hello1 = sayHelloTo('chiho won') const hello2 = sayHelloTo('test') const hello3 = sayHelloTo('asdf') hello1() hello2() hello3() Hello chiho won! Hello test! Hello asdf!​ function countdown(startAt) { let data = startAt; function counter() { console.log(data--) } return counter } const .. 2020. 11. 13.
20201113_35 노드생성 web이라는 하위폴더생성 web으로 이동해서 npm init해줌 PS C:\Users\wotjd\Frontend> cd 20201113 PS C:\Users\wotjd\Frontend\20201113> cd web PS C:\Users\wotjd\Frontend\20201113\web> npm init This utility will walk you through creating a package.json file. It only covers the most common items, and tries to guess sensible defaults. See `npm help init` for definitive documentation on these fields and exactly what they .. 2020. 11. 13.
Invalid shorthand property initializer에러 const user = { id = 'abcdef', name : 'Chiho Won', data : [1,2,3,4], } const {id, name, data} = user console.log(id) console.log(name) console.log(data) SyntaxError: Invalid shorthand property initializer at wrapSafe (internal/modules/cjs/loader.js:979:16) at Module._compile (internal/modules/cjs/loader.js:1027:27) at Object.Module._extensions..js (internal/modules/cjs/loader.js:1092:10) at Modul.. 2020. 11. 13.
20201112_ 34 기본 click dom에서 btn-alert라는 id의 dom을 찾음 btn.addEventListener('click', onClickHandler); function onClickHandler() { alert('마우스 클릭!!'); } 람다식에 익숙치 않으면. 이게 더 이해간다고 var name; //함수레벨 스코프 let name1 = 'abc'; //변수 선언 방법 const name2 = 'abc'; //final (변경 불가능 - 상수) //선언 - 식별자를 등록 //초기화단계 - 값을 위한 공간을 할당하고 식별자랑 연결함.초기화 하지않았다면 undefined console.log(name1); console.log(name2); //식별자(identifier) //변수 //함수 //클래스 //식.. 2020. 11. 12.
728x90
LIST

티스토리툴바

*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*