본문 바로가기

분류 전체보기122

[JavaScript] 여러 자식 태그를 포함하는 태그에 이벤트로 함수 호출하기 사과 1,0000 딸기 2,0000 참외 3,000 0 위와같은 태그에서 id 가 apple, strawberry, melon 인 input 태그에서 number 을 변경했을 시 같은 동작을 주고자 할 때 아래와같이 코드를 불필요하게 반복하며 길이가 길어질 수 있다. ( 지금은 alert() 뿐이지만 긴 코드의 동작을 한다고 가정하자. ) 굳이 id 마다 addEventListner() 을 넣어줄 필요없이, 동작이 일어난 태그를 파라미터(target)로 받아온 function 을 만들고, id 들을 다 포함하는 태그(여기서는 tbl = document.querySelector("table#tbl") 이다) 에 addEventListner() 을 넣어줄 때 function 을 호출해주면 된다. 그리고 함수.. 2022. 2. 18.
[TIL] 2022년 2월 3주차 코드는 깃헙에 올리므로 여기서는 공부한 내용을 요약하는 식으로 정리합니다. 2월 14일 javascript 공부를 시작했다. 너무 예전에 공부해서 잘 기억이 안나는데 자바스크립트는 중요하다. 이번에도 열심히하자. 배열, for 문, 함수를 을 for(... of ...), forEach()과 람다식으로 간단하고 다양하게 표현하는 것을 공부했다. 배열의 메소드[ .push(), .pop(), .unshift(), .shift(), .splice(), .reverse(), .sort(), .join(), .slice(), .indexof() ] 를 공부했다. 기억해둘 것 1. `${ }` 안에 변수를 사칙연산할 때, + 는 문자열 결합으로 인식하므로 number 타입으로 바꿔줘야 하지만, 나머지 연산자는 n.. 2022. 2. 15.
[에러잡기] TypeError: undefined is not iterable (cannot read property symbol(symbol.iterator)) array-like 또는 iterable object 타입을 인자로 넘겨줘야 하는 메소드에 그렇지 못한 인자를 넘겨줬을때 나타나는 오류이다. 원인 Array.from() 메소드는 파라미터로 array-like 또는 iterable object 를 전달해줘야 하는데 안에 있는 값을 배열로 만들고 싶은 마음에 .innerText 를 잘못사용해서 생긴 에러였다. 해결 Array.from() 메소드로 만든 배열을 변수에 넣고 arr_point.map() 안에서 innerText 를 사용해 값을 가져왔다. 2022. 2. 15.
[TIL] 2022년 2월 2주차 코드는 깃헙에 올리므로 여기서는 공부한 내용을 요약하는 식으로 정리합니다. 2월 7일 css 학원 수업을 듣는 동안 방치했던 깃과 블로그를 다시 활성화 네이버 부스트코스 풀스택웹개발 실습과제 시작 2월 8일 css [table/image/audio/video/position/min/max/width/overflow/meadiaquery] 를 공부했다. 기억해둘 것 1. 테이블 자체의 위치를 이동시키고자 할 때는 테이블을 div 태그로 감싸고 margin 을 이용한다. 2. 테이블을 만들 때 th는 text-align 하지 않아도 자동 가운데정렬이다. 3. text-align 의 정렬 기준은 가로이고, vertical-align 의 정렬기준은 세로이다. 4. thead 태그와 tfoot 태그는 한 테이블에.. 2022. 2. 7.
[Servlet] 정보객체 HttpServletRequest, HttpServletResponse ** 공유가 아닌 개인 공부에 목적을 둔 글입니다 ** 설명이 불충분할 수 있으며 잘 정리된 글이 아닐 수도 있습니다 서블릿이 실행되기까지의 흐름을 그림으로 나타내면 다음과 같다 위 그림에서 알 수 있듯이 HttpServletRequest 객체는 HTTP 프로토콜의 요청정보를 Servlet 에게 전달하기 위해, HttpServletResponse 객체는 응답을 웹브라우저에게 보내기 위해 사용된다 HttpServletRequest 에는 헤더정보, 파라미터 정보, 쿠키, URL 등의 정보를 읽어들이는 메소드, 또한 Body 의 Stream 을 읽어들이는 메소드가 있다 WAS 가 HttpServletResponse 를 생성해 Servlet 에게 전달하면 Servlet 은 이 객체를 이용해 contentType.. 2021. 12. 19.
[Servlet] Servlet 의 Lifecycle ** 공유가 아닌 개인 공부에 목적을 둔 글입니다 ** 설명이 불충분할 수 있으며 잘 정리된 글이 아닐 수도 있습니다 Servlet 의 Lifecycle package exam; // import 생략 @WebServlet("/LifecycleServlet") public class LifecycleServlet extends HttpServlet { private static final long serialVersionUID = 1L; public LifecycleServlet() { System.out.println("LifecycleServlet 생성!!"); } public void init(ServletConfig config) throws ServletException { System.out... 2021. 12. 18.

티스토리툴바