개발자 지망생의 블로그

[JS] 파일과 데이터를 모두 body에 넣어 API 요청하기 | form 태그 활용기 (2) React로 쇼핑몰 프로젝트를 짜다가 파일(이미지)과 데이터(문자열, 숫자)를 모두 body에 넣어 API를 요청해야 하는 경우가 생겼다. 상품 판매자가 상품을 등록할 때 위와 같은 기능이 필요했다. React에서 바로 하려니 어려워서, (1) pure HTML로 먼저 짜보고 (2) pure HTML+JavaScript로 짜보고 (3) React에 적용하는 과정을 거쳤다. HTML form 태그에 대해 잘 몰랐는데, pure HTML로 먼저 짜보면서 HTML form을 구성하는 방법에 대해서 공부할 수 있었다. pure HTML로 짠 내용은 이전 포스팅을 참고하시면 된다. [HTML] 파일과 데이터를 모두 bo..

[HTML] 파일과 데이터를 모두 body에 넣어 API 요청하기 | form 태그 활용기 (1) React로 쇼핑몰 프로젝트를 짜다가 파일(이미지)과 데이터(문자열, 숫자)를 모두 body에 넣어 API를 요청해야 하는 경우가 생겼다. 상품 판매자가 상품을 등록할 때 위와 같은 기능이 필요했다. React에서 바로 하려니 어려워서, (1) pure HTML로 먼저 짜보고 (2) pure HTML+JavaScript로 짜보고 (3) React에 적용하는 과정을 거쳤다. HTML form 태그에 대해 잘 몰랐는데, pure HTML로 먼저 짜보면서 HTML form을 구성하는 방법에 대해서 공부할 수 있었다. image product_name price shipping_method 택배 직접 shippin..

HTML을 공부하기에 앞서, HTML Living Standard에 대해 알아보려고 한다. 멋쟁이사자처럼 강의자분들이 HTML Living Standard가 중요하고, 이를 HTML5라고 일컫는 것은 잘못되었다고 하셨는데 왜 그런 것인지 궁금했기 때문이다. 또한 HTML 언어의 역사에 대해 공부하며 HTML에 대해 더 깊이 이해하고 싶었다. HTML Living Standard란 무엇인가? Living standard는 직역하면 '살아있는 표준'이다. 간단하게 설명하면 HTML 문법 등을 규정한 표준이라고 생각하면 된다. The HTML Living Standard (sometimes informally called HTML5). The HTML specification has been a living ..