Web

js (5)

자바스크립트 table, tr, td 핸들링 하기

이번엔 저번 포스팅에서 다룬 table, tr, td 태그를핸들링을 해보도록 하자. 저번 포스팅과 다르게 rowSum function을 추가했다. 그리고 행을 추가할때도 "수량" 이라는 로우에는 onkeyup 을 추가했다.onkeyup에 this를 파라미터로 넘겨주었다. rowSum 함수에서는 parentNode를 2번이용해 tr 태그 까지 접근한다.(input 태그 -> td태그 -> tr태그) cells를 이용해 내가 입력한 로우의 열에 접근한다. cells[0]은 과일이름 [1]은 가격 [2] 은 수량이 된다. 가격을 입력하고 수량을 입력하면 가격 * 수량의 합계금액이계산되어 자동으로 입력되어지게 된다.

더 읽기

자바스크립트 HTML 테이블 행 추가하기 (td태그 복사)

HTML에서 table, tbody, tr, td 를 이용해 간단하게 표를 만들고 버튼을 눌러 행을 추가하는 기능을 만들어보자. 일단 행을 추가해줄 버튼과 아이디, 이름, 전화번호, 주소를 td 태그를 이용해 만들어 주자.이제 "로우추가" 라는 버튼을 누르면 행이 추가될 수 있도록 function을 만들어주자. 간단하게 insertRow() 를이용해 행(로우)을 추가할 수 있다.insertCell() 은 열을 추가하는 것인데 insertRow 가 tr 태그를 추가하는거라면inserCell은 td 를 추가하는 것이다.innerHTML을 이용해 input 태그를 넣어줬다. 로우추가 버튼을 누르면 아래와같이 로우가 추가되고innerHTML을 이용해 input 태그가 들어가 있는 상태이므로아래처럼 값을 입력할 ..

더 읽기

자바스크립트 date.getFullYear()

자바스크립트를 공부했을때Date를 사용해 오늘 날짜를 구했을때가 있었다.new Date()를 사용했는데오늘 회사에서 새로운 사실을 알았다. Date 에서 난 연도를 가져올때 당연히 getYear()로값을 가져올 줄 알았는데getYear() 이 아닌 getFullYear()로연도를 가져온다는 것이였다. 지금까지 공부해오면서 사실 new Date() 를 사용해본적이자바스크립트를 공부할 때 처음에 한 번 써본게 다 였던것같다. 왜냐하면 현재 연도나 오늘 날짜를 가져올 일 이 없었기 때문이다.게시판같은걸 만들때 오늘 날짜와 현재 시각을 insert할때는그냥 DB에서 바로바로 넣을 수 있었기 때문에new Date() 같은게 필요없었다. 근데 오늘 오랜만에 자바스크립트로오늘날짜를 구해오는 부분을 봤다.오늘 날짜가 ..

더 읽기

2018년에 배워야 할 최고의 자바스크립트 라이브러리와 기술

정보처리기사 시험도 끝났고 오랜만에 블로그에글이나 써볼까 하고 이곳저곳 돌아다니던중 좋은 글을발견해서 내 블로그로 퍼왔다. 글 작성자가 외국인이라국내 상황과 약간 맞지 않는 부분이 있다. 이점 참고하자 출처:(https://rhostem.github.io/posts/2018-01-25-top-java-script-libraries-tech-to-learn-in-2018/) 원글:(https://medium.com/javascript-scene/top-javascript-libraries-tech-to-learn-in-2018-c38028e028e6) ------------------------------------------------------------------ 작년 나는 2017년에 배워야할 최고..

더 읽기

Node.js 란?

  • Note&pen
  • Node.js
  • 2018. 3. 5. 23:05

Node.js란 구글의 크롬V8 자바스크립트 엔진을 기반으로 한고성능 네트워크 서버이다 싱글스레드 기반의Event Loop를 기반으로 하며 파일, 네트웍 등에 대해서비동기 IO처리를 하는 서버 미들웨어이다. Node.js는 일반적으로 성능이 매우 빠른 고성능 서버로 알려져 있다.이 고성능은 자바스크립트에서 오는것이 아니라 Node.js의 기본적인구조인 싱글스레드 기반의 비동기 IO처리에서 온다.하나의 쓰레드가 request를 받으면 처리를하고, File IO나네트웍 처리(DB접근) 등이 있을 경우에는 IO 요청을 보내 놓고작업을 처리하다가 IO요청이 끝나면 이벤트를 받아서 처리하는이벤트 방식을 사용한다. 때문에 CPU가 IO응답을 기다리는 시간이 필요없고대부분의 연산작업에 사용되기 때문에 높은 효용성을 ..

더 읽기

Copyright © Web All Rights Reserved

Designed by JB FACTORY

티스토리툴바