분류 전체보기(198)
-
JavaScript 입문과 웹 UI개발(30)-장바구니 기능과 localStorage
list.html 가격순 정렬 상품명 정렬 6만원 이하 상품만 보기 더보기 cart.html
2022.10.10 -
JavaScript 입문과 웹 UI개발(29)-DOM이라는 용어 개념정리 & load 이벤트
1. DOM(Document Object Model) 자바스크립트는 HTML 조작에 특화된 언어다. html고 자바스크립트는 다른 언어다. 그런데 어떻게 자바스크립트는 html을 조작할 수 있을까. 자바스크립트는 array나 object 형태의 자료를 좋아한다. 브라우저는 html 페이지를 열어줄때 html을 자바스크립트로 쉽게 찾고 바꾸기 위해 object와 비슷한 자료형에 담아준다. 예시를 보자 안녕하세요 위와 같은 코드를 브라우저는 아래와 같이 object의 형태로 만든다 var document = { div1 : { style : {color : 'red'} innerHTML : '안녕하세요' } } 위와 같은 형태로 정리를 하니 document.div1.innerHTML='안녕이다' 와 같이 h..
2022.10.10 -
JavaScript 입문과 웹 UI개발(28)-array에 자주 쓰는 sort, map, filter 함수
list.html 가격순 정렬 상품명 정렬 6만원 이하 상품만 보기 더보기
2022.10.10 -
JavaScript 입문과 웹 UI개발(27)-Ajax 2 : 상품 더보기 버튼 만들기
list.html 더보기
2022.10.10 -
JavaScript 입문과 웹 UI개발(26)-ajax 개념(get,post, fetch)
index.html 강의 출처: JavaScript 입문과 웹 UI개발 https://codingapple.com/ 코딩애플 온라인 강좌 - 개발자도 단기완성! 단연 NO1 강사님의 NO.1 강의 역시나 명강입니다. IT 업계의 대치동 NO1. 강사같은 엄청난 강의력. 코딩애플님의 강의는, 엄청나게 기초적인 것부터 가르치는 듯 보이지만, 실제로 다루는 깊이는 절 codingapple.com
2022.10.09 -
JavaScript 입문과 웹 UI개발(25)-array, for 반복문 실력향상 과제
1번 문제 array에서 이름을 찾아주는 함수를 만들고 있습니다. 함수 안에 파라미터로 이름을 집어넣으면 그 이름이 출석부에 있으면 콘솔창에 출력해주는 함수를 만들어봅시다. 어떻게 만들면 될까요? 2번 문제 철수는 구구단을 외우지 못하는 관계로 자바스크립트를 이용해 구구단을 2단부터 9단까지 콘솔창에 출력하고 싶어졌습니다. 빨리 출력해보십시오. 콘솔창 출력결과 : 2 4 6 8 ... 18 3 6 9 12 ... 27 이렇게 2단부터 9단까지의 곱셈 결과부분만 쭉 출력해보면 됩니다. 3번문제 평균점수 계산기 만들기 어떤 함수에 기존 모의고사 성적들을 array 자료에 전부 담아 첫 파라미터로 입력하고 이번 11월 모의고사 성적을 둘 째 파라미터로 입력하면 11월 성적이 기존 성적들의 평균에 비해 얼마나 ..
2022.10.09