📚 Programming/Web

[JavaScript] Fetch API로 JSON Parsing

Fetch 덕분에 바닐라JS로 간단하게 Ajax를 사용할 수 있게 되었다고한다. 이 전에 Ajax를 사용해 본 적은 없지만 확실히 XMLHttpRequest 보다는 간단 Fetch API JSON 파싱해서 표 만들기 ID title body json sample data -> jsonplaceholder.typicode.com JSONPlaceholder - Free Fake REST API {JSON} Placeholder Free fake API for testing and prototyping. Powered by JSON Server + LowDB As of Dec 2020, serving ~1.8 billion requests each month. jsonplaceholder.typicode.c..

[JavaScript] JQuery와 Ajax

기본요청 양식 GET 방식 요청 GET POST 방식 요청 POST data전송 / data요청 GET 방식 요청 GET POST 방식 요청 POST get과 post메소드가 따로 있음 GET 방식 요청 GET POST 방식 요청 POST data전송 / data요청 GET 방식 요청 GET POST 방식 요청 POST etc... .done(function() { //요청 성공시 실행하는 메소드 }) .fail(function() { //요청 실패시 실행하는 메소드 //errorThrown(세번째 파라미터) 이용해 오류 도출 가능 }) .always(function() { //성공과실패 여부에 상관없이 실행하는 메소드 });

[JavaScript] Ajax XMLhttpRequest

GET 방식 요청 GET POST 방식 요청 POST

[HTML] 기초정리

div 블록 태그 : 무조건 개행 후 그룹화 span 인라인 : 개행 없이 그룹화 가능 class 여러 태그에 중복 가능 한 태그에 여러 class 사용 가능 (공백으로 구분) js에서 document.getElementByClassName() id document에 한 개만 존재해야함(중복 X) js에서 doucment.getElementById() iframe 현재 문서에 다른 문서 포함 시 -> src 태그에서 태그의 name으로 target지정 가능

[HTML] table & list

HTML의 Table 생성 기본 코드 Table Title cloumn1 column2 content1 content2 content1_2 content2_2 더보기 html caption ->표 제목 tr ->한 행 th ->칼럼 정의 td ->데이터 차례대로 css border-collapse:collapse -> 표의 테두리를 한 줄로 List 기본 코드 List Title one Two three 더보기 태그 안에 로 리스트 작성 ul 대신에 사용하면 순서 있는 리스트