걸어서 코딩속으로

돔이란, 구조화된 문서(ML, tree 구조)에 접근하여 요소 및 속성 또는 텍스트를 참조, 수정, 삭제, 추가 할 수 있는 기술을 말한다. 그에 대한 실습이다. DOM TestDOM 객체 참조요소 생성 및 삭제요소 생성1요소 생성2요소 삭제  최대한 나중에도 활용하기 좋도록 window.onload를 사용했다. ** tag 생성 관련 **상품 선택 : 선택 마우스 키보드 모니터    동물 식물 호랑이 개 소 돼지 장미 백합 해바라기 코스모스 대분류 소분류 비고

자바스크립트에서 무언가 데이터들을 전송할 때 활용하는 폼 태그와 부트 스트랩을 같이 사용해서 기본적인 개인정보를 입력해 전송하는 간단한 화면을 만들어보았다.  ** 개인자료 입력 ** --> 이 름 아이디 이메일 나 이 BasicPrimarySecondarySuccessInfoWarningDangerDarkLightLink 대화상자 Modal Heading × Modal body.. Close   jsp 파일 이름은 아이디는 이메일은 나이는

자바 스크립트에는 사용자가 이벤트를 발생시키면 그 이벤트에 대응하여 이벤트 핸들러를 사용해서 처리해주어야 한다.그에 대한 실습을 해보았다. 이벤트 처리 이해네이버이벤트 처리 함수 호출1이벤트 처리 함수 호출2이벤트 처리 함수 호출3  이벤트 연습 색상 선택 배경색 : 검정 파랑 초록 하양 글자색 : 검정 파랑 초록 하양   이벤트를 처리하면서 DOM을 배우기 전 중요한 두가지에 대해서도 따로 공부해보았다. innerText : element 안의 text 값들만을 수정, 참조. tag도 text 처리 innerHTML : element 안의 HTML이나 XML이 있으면 기능 발휘 실행 중 t..

자바의 람다식같은 함수가 자바 스크립트에도 존재하는데, 이를 화살(Arrow)함수 라고 한다.이에 대해 정리해보았다. 화살표 함수화살표 함수(arrow function)를 사용하면 함수 표현식보다 단순하고 간결한 문법으로 함수를 만들 수 있다.콜백 함수프로그래밍에서 콜백(callback) 또는 콜백 함수(callback function)는 다른 코드의 인수로서 넘겨주는 실행 가능한 코드를 말한다.콜백을 넘겨받는 코드는 이 콜백을 필요에 따라 즉시 실행할 수도 있고 나중에 실행할 수도 있다.  그리고 이 다음으로는 재귀함수 라는 것도 배웠는데, 재귀함수란 함수 자신을 자기 자신이 다시 호출하는 구조로 만들어진 함수를 뜻한다. 재귀함수함수가 자신을 다시 호출하는 구조로 만들어진 함수. 재귀함수는 종료조건이 ..

배열을 자바스크립트를 실습하면서도 배워보았다.  배열여러 개의 기억장소에 대해 대표명(배열명) 하나만을 부여하고.배열명[첨자] 형태로 각 기억장소를 구분. 반복처리가 효과적형식 : 배열명 = new Array();   자바 스크립트 함수 함수(function)란?함수(function)란 하나의 특별한 목적의 작업을 수행하도록 설계된 독립적인 블록{ }을 의미합니다.자바스크립트에서 함수의 정의는 function 키워드로 시작되며, 다음과 같은 구성요소를 가집니다.1. 함수의 이름2. 괄호 안에 쉼표(,)로 구분되는 함수의 매개변수(parameter)3. 중괄호({})로 둘러싸인 자바스크립트 실행문 자바스크립트에서 함수를 정의하는 문법은 다음과 같습니다.문법function 함수이름(매개변수1, 매개변수2,...

기초적인 문법들(if, for, while, array)을 자바스크립트로 활용하여 써보기 자바스크립트 연습여기는 html여기는 또 html연산자  조건 판단문 if조건 판단문 switch  반복문 for문제  반복문 while별도 작성된 js 문서 읽기 자바스크립트 파일 따로 만들어서 참조하기/**js 별도 작성 */let i = 0, tot = 0;do{ i++; tot += i;}while(i 합은 ${tot}`);   배열여러 개의 기억장소에 대해 대표명(배열명) 하나만을 부여하고.배열명[첨자] 형태로 각 기억장소를 구분. 반복처리가 효과적형식 : 배열명 = new Array();