항해 99/Web (10) 썸네일형 리스트형 GPT 활용 웹개발 기초 2주차 - javascript와 chatGPT 활용 JavaScript 코드 실행법 + Console.log 사용 방법 javascript 코드는 브라우저 → 개발자 도구(F12/ alt+command+i) 콘솔창에서 실행 가능 console.log()는 개발자가 코딩한 것이 맞게 출력되는지 확인하기 위한 도구 예시 // console.log(변수)는, 콘솔 창에 괄호 안의 값을 출력해줍니다. // 개발자가 결과값을 보기 편하도록! let age = 25; console.log(age); // console.log(변수1,변수2)로 여러 변수를 한 번에 출력할 수도 있어요. // 아래를 복사해서 붙여넣어 보세요. let food = '짜장면' console.log(age, food); JQuery javascript 코드를 쉽게 사용하기 위해 사용되는 라.. GPT 활용 웹개발 기초 1주차 HTML, CSS 웹의 동작 개념 브라우저는 요청을 보내고, 받은 HTML 파일을 그려준다. 우리가 보는 웹 페이지는 모두 서버에서 미리 준비해두었던 것을 "받아서" 브라우저에서 우리가 볼 수 있도록 "그려주는" 역할을 수행 브라우저는 요청을 보내고, 요청의 답으로 받은 HTML 파일을 그려주는 일을 함 요청을 보내는 곳? 서버가 만들어 놓은 API 라는 창구에 미리 정해진 약속대로 요청을 보냄 브라우저는 주소를 통해 API로 요청을 보내고, API는 요청에 맞는 HTML 파일을 돌려주고 브라우저는 받은 것을 화면에 그려줌. 반환 형식? 항상 HTML 파일 형식으로 주지 않고 데이터만 내려줄 때가 더 많음. 많은 웹서비스에서는 API로 요청을 보내면 서버의 DB에서 데이터를 돌려주고, 브라우저에서 JS를 통해 새로운 데이.. 이전 1 2 다음
