Movatterモバイル変換


[0]ホーム

URL:


Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Sign up
Appearance settings

[formData] 번역#684

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to ourterms of service andprivacy statement. We’ll occasionally send you account related emails.

Already on GitHub?Sign in to your account

Open
taeyoonyy wants to merge2 commits intojavascript-tutorial:master
base:master
Choose a base branch
Loading
fromtaeyoonyy:master
Open
Changes fromall commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
18 changes: 9 additions & 9 deletions5-network/02-formdata/article.md
View file
Open in desktop
Original file line numberDiff line numberDiff line change
@@ -1,26 +1,26 @@

# FormData

This chapter is about sending HTML forms: with or without files, with additional fields and so on.
이 챕터는 파일 유무, 추가 필드 등 HTML 폼(form) 전송에 관한 것입니다.

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others.Learn more.

누락된 내용이 있습니다.


[FormData](https://xhr.spec.whatwg.org/#interface-formdata)objects can help with that. As you might have guessed, it's the object to represent HTML form data.
짐작하셨듯이,[FormData](https://xhr.spec.whatwg.org/#interface-formdata)오브젝트는 HTML 폼(form) 데이터를 나타내는 것이 목적이고, 이것을 지원할 수 있습니다.

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others.Learn more.

object에관한 번역은 용어집을 확인해주세요.

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others.Learn more.


The constructor is:
생성자는 다음과 같습니다.
```js
let formData = new FormData([form]);
```

IfHTML `form`element is provided, it automatically captures its fields.
HTML `form`요소가 제공되면, 자동으로 필드를 캡처합니다.

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others.Learn more.


The special thing about`FormData`is that network methods, such as`fetch`, can accept a `FormData` object as a body. It's encoded and sent out with`Content-Type: multipart/form-data`.
`FormData`의 특별한 점은,`fetch` 와 같은 네트워크 메서드이고, 대상을 하나의 본문과 같이 `FormData` 객체로 받아들일 수 있다는 점입니다. 이것은`Content-Type: multipart/form-data` 로 인코딩되어 전송됩니다.

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others.Learn more.

쉼표 관련 모범사례 참고. 아래 쪽 내용부터 쉼표 관련해선 코멘트 달지 않겠습니다.


From the server point of view, that looks like a usual form submission.
서버 관점에서 보면, 그것은 일반적인 폼 전송처럼 보입니다.

##Sending a simple form
##간단한 폼 전송

Let's send a simple form first.
먼저 간단한 폼을 보냅시다.

As you can see, that's almost one-liner:
보시다시피 거의 한 줄 입니다.

```html run autorun
<form id="formElem">
Expand Down

[8]ページ先頭

©2009-2025 Movatter.jp