전체 글 210

자바스크립트> Ajax 1 : 개념정리 & 상품더보기(데이터가져와서 작성)

서버란? 유저가 데이터달라고 요청을 하면 데이터를 보내주는 간단한 프로그램일 뿐입니다.네이버웹툰 서버 : 유저가 웹툰 달라고 하면 웹툰 보내주는 프로그램유튜브 서버 : 유저가 영상 달라고 하면 영상 보내주는 프로그램입니다.  근데 그냥 데이터달라고 떼쓰면 주는게 아니라서버에 데이터를 요청할 때는1. 어떤 데이터인지 url로 잘 기재해야하고2. 어떤 방법으로 요청할지 결정해야 (GET/POST 등)데이터를 보내줍니다.   예를 들어서 쇼미더럭키짱이라는 네이버웹툰을 보고싶으면https://comic.naver.com/webtoon/list?titleId=783054 여기로 GET요청하면 보내줍니다.예를 들어서 독립일기라는 네이버웹툰을 보고싶으면https://comic.naver.com/webtoon/list..

자바스크립트 2024.07.09

자바스크립트> forEach, for in 반복문

오늘은 서버에서 바지 사이즈 데이터 가져와서그 갯수만큼 을 생성해봅시다. 그래서 다음처럼 코드짜놓고 시작합시다.   설명하다 맨 위에 pants 라는 변수를 하나 만들고 서버에서 보낸데이터라고 가정해봅시다.pants 데이터 갯수만큼 을 생성하고싶으면 어떻게 해야할까요? 반복문 쓰면 될 것 같은데요    설명하다 ▲ 반복문 쓰면 해결될듯요 pants.length 만큼 반복해달라고 하면 됩니다.근데 이거보다 조금 더 쉬운 반복문을 알아봅시다.      forEach 반복문  array 자료 뒤에 붙일 수 있는 forEach() 라는 기본함수가 있습니다.이것도 반복문임 설명하다 var pants = [28, 30, 32];pants.forEach(function(){ console.log('안녕')});이렇..

자바스크립트 2024.07.09

자바스크립트> select - form (셔츠- 95)

select 들어간 폼을 만들어봅시다 아무데나 붙여넣기하고 시작합시다 (Bootstrap이 설치되어있으면 이쁘게 나옴) 설명하다  상품선택 모자 셔츠 는 이랑 똑같은데사용자가 고를 수 있는 선택지를 드랍다운 메뉴로 제공하는 입니다. 선택지는 으로 넣으면 됩니다.  - 태그도 선택시 input, change 이벤트가 발생합니다.- 태그도 .value로 유저가 입력한 값을 가져올 수 있습니다.     셔츠고르면 밑에 더 보여주기  ▲ Q. 유저가 셔츠를 선택하면 하단에 95, 100 을 선택할 수 있는 박스가 등장하려면 코드 어떻게 짜면 될까요?동적인 UI 만드는 법은 다 알테니 알아서 자바스크립트로 짜봅시다.            어떻게 만들었냐면 UI 어떻게..

자바스크립트 2024.07.09