Node.js / 01 + 02 / 기초-4 (단축평가)

DOMADO·2024년 7월 13일
0

Node.js

목록 보기
9/12
post-thumbnail

✅ node.js FORM 전송 관련

① GET 방식

② POST 방식

: https://velog.io/@supernova77/html-01-%EA%B8%B0%EC%B4%88-6
(기록은 중요하다 !..)


✅ get 방식

  • URL에 정보를 남김

index.html

  • form action = "경로"
    ( = 폼이 제출될 URL , 폼을 제출했을 때 데이터를 어디로 보낼지를 지정 )

  • method = 'get / post "

  • name : 폼을 제출할 때 서버로 전송되는 키-값 쌍에서 키 역할
    ( = name 속성이 데이터를 식별하는 데 사용 )

✔️ url.parse : url 분석하겠다.


form action = "경로" 를 테스트로 "coco"로 변경해보니,

pathname : (URL경로)

Path : (URL경로 + 쿼리 문자열을 포함한 부분)

위 사진처럼 변경된것으로 확인 👌


[ ❓❗ ] 단축평가

  • JS의 && 연산자는 왼쪽 조건이 참(true)일 경우에만 오른쪽 조건을 평가


✅ post 방식

  • URL 정보가 X , body 태그 안에 존재

✅ 쿼리 스트링(Query String)

웹 브라우저가 웹 서버로 요청을 보낼 때 URL의 끝에 추가하는 문자열로,
주로 서버에 전달하는 데 사용


- 정리 🤓


- 참고 📖

location.href = '경로'

  • JS 내장 기능 / 경로 변경시켜준다.

* URL 클래스 배우면 허무해지는 이유 🤷‍♂️

위 POST 방식의 경우,
  
qs 모듈을 따로 설치해서 이러쿵 저러쿵 했는데,
  
url 클래스를 이용하여,
  
URLSearchParams 기능 사용하여, 별도의 변환 작업 없이 
  
바로 매개변수에 진입 ..
profile
▪️ 검정 테마를 기준으로 작성되었읍니다.

0개의 댓글