(실전) 웹개발 기능대회 예제 에서

[임태경]

예제문제

처리 과정에 에디터 사용 가능한가여 

아글고 모르는거 구글에 검색해서 찾아봐도 되나여?,
 

코드 빨리  짤수록 코딩 잘하는 거에요?

 

[codingapple]

대회 규정은 신경쓰지말고 맘대로하시면 되겠습니다

빨리짜는 것 보다는 잘짜야합니다

[임태경]

확인했습니다 감사합니다 

[임태경]

 

Q1. 만들 HTML파일은 위 사진과 비슷한 레이아웃을 구성해야합니다. (예제에서)

ajax GET 요청 으로 console.log안에 json 데이터를 넣고, console 창 안에서 Array값을 찾아서....

만드려고 하는 기존의 html 에, 집어 넣으면 되는게ㅎ 맞나요..?

혹시 맞다면,  아래 코드가 콘솔창에서 출력이 되는데,

{products: Array(4)}

products: Array(4)

0:

brand_name: "세척나라"

id: 0

photo: "pr1.jpg"

price: 100000

product_name: "식기세척기"

 

만일의 경우, 사진을 가져와서 기존의 만들고 있던 html 파일에 넣고 싶어서 아래와 같이 코드를 짜면,  json object 뽑아 쓰는방법이 되는 것인가여..? 

$('???').click.(function(){

$.ajax({

url:'???',

type:'GET'

}).done(function(데이터){

$('???').attr('src','데이터.products[0].prg.jpg');

});

//var 오브젝트 = JSON.parse(store.json);

 

순 엉터리일 경우에 조금만 힌트를 주십셔 

구글에 찾으면 너무 복잡한 예가 많이 나와서 

더 모르겠습니다 .

 

[codingapple]

네 하단에 적은 것 처럼 ajax 요청으로 store.json 파일을 가져오는 맞습니다 

그럼 done 함수 내에 데이터라고 적으신 변수는 출력해봤을 때 [{첫째상품내용}, {둘째상품..}, {}, {} ] 이런 데이터가 나오게 되고 

거기 있는 첫째 상품의 제목, 가격 이런걸 HTML에 표기해주어야합니다. 데이터를 꽂아넣으셔도 되고 아니면 HTML을 새로 동적으로 생성하셔도 됩니다. 

냅다 코드부터 적고 고민하고 그러면 안되고 

어떤 기능을 짜고 싶은지 한글로 차근차근 설명부터 해보면 뭘짜야할지 가이드라인이 나올 수 있습니다.

 

[임태경]

네 하단에 적은 것 처럼 ajax 요청으로 store.json 파일을 가져오는 맞습니다 

그럼 done 함수 내에 데이터라고 적으신 변수는 출력해봤을 때 [{첫째상품내용}, {둘째상품..}, {}, {} ] 이런 데이터가 나오게 되고 

거기 있는 첫째 상품의 제목, 가격 이런걸 HTML에 표기해주어야합니다. 데이터를 꽂아넣으셔도 되고 아니면 HTML을 새로 동적으로 생성하셔도 됩니다. 

냅다 코드부터 적고 고민하고 그러면 안되고 

어떤 기능을 짜고 싶은지 한글로 차근차근 설명부터 해보면 뭘짜야할지 가이드라인이 나올 수 있습니다.

 

위의 내용은 메모해서 꼭 기억 해두겠습니다 감사합니다

 

[임태경]

정말 돌대가리인가 봅니다.

"거기 있는 첫째 상품의 제목, 가격 이런걸 HTML에 표기해주어야합니다. 데이터를 꽂아넣으셔도 되고"

위의 선생님의 설명이 전혀 이해가 안되고, 모르겠습니다... 
조금만 상세히 알려주실수있을까요 
그것과 비슷한 예가 있으면 말씀 좀 부탁 드립니다.

(구글에 검색도 해봤습니다  제 머리가 멍청 대가리 인것만 알수있었습니다.) 

[codingapple]

 

이 사진처럼 HTML 레이아웃을 만들어줍니다

그 다음에 식기세척기, 원목침대 같은 상품명과 가격 이런건 HTML에 하드코딩하지마시고 store.json이라는 파일에 담겨있는 실제 상품명을 가져와서 

그 데이터를 자바스크립트로 코드 잘 짜서 HTML에 집어넣으라는 소리였다고 합니다 

 

 

 

[임태경]

감사합니다 
계속해서 시도 하겠습니다

[임태경]

상품명과 가격  데이터만 ajax 로 json GET 방식으로 가져오고 

img 같은 것은 데이터를 가져 오는것이 아니라 개별적으로

넣으면 되는거 맞는 거죠 

[글쓴이]

글