til 23.05.17

Jean·2023년 5월 17일
0
post-thumbnail

배운 것

  1. 깃 사용법
  2. "Content-Type": "application/json"
  3. 쿼리 매개변수

팀플하면서 좀 헷갈렸던 걸 밑에 적어보려한다.
많이 어렵진 않았지만 나중에 또 헷갈릴 것 같다....

Content-Type": "application/json

HTTP 요청 또는 응답에서 전달되는 데이터의 형식을 지정하는 헤더로.
클라이언트와 서버 간에 데이터를 교환할 때 사용되며, 데이터가 JSON 형식으로 인코딩되어 있음을 나타낸다.

왜 헷갈리냐면 웹종반 강의에서는 폼데이터를 사용했는데 json으로 보내고 받고 싶다면 fetch 헤더에 저걸 적어야하기 때문
반대로 폼데이터를 json으로 보내면 에러난다... 나만 그럴수도....

쿼리매개변수

url에 데이터를 담아 보내는 것인데
express로는 써봤지만 flask에서는 한 번도 안써봐서 몰랐다

@app.route('/members/comment', methods=['GET'])
def get_comments():
    member_id = request.args.get('memberid')

request.args.get(보낸 데이터) 이런식으로 받아오는 것이였다!

이벤트 함수

버튼을 누르면 다른 페이지로 갈 수 있는 기능을 구현하려했는데...

<button onclick="redirectToOtherPage()">버튼</button>

<script>
  function redirectToOtherPage() {
    window.location.href = "other.html";
  }
</script>

이게... 안돌아갔다
Uncaught ReferenceError 오류가 계속 났다.
검색으로 스크립트 태그 바디 아래쪽으로 옮기기..

 window.onload = function () {}

이거 안에 전부 때려넣기...
그래도 오류는 계속 나고....

전부 먹통이여서 찾아보니 버튼 태그 안에 함수를 넣어서 그럴 수 있다는 말을 보았따
해당 출처..?
그래서

<button type="button" class="redirectTo">이동하기</button>
=====
제이쿼리 버전
$(".redirectTo").on("click", function () { window.location.href = "/팀원이름";});
====
자바스크립트 버전
const redirectTo = document.querySelector(".redirectTo");

redirectTo.addEventListener("click", (e) => {window.location.href = "/팀원이름";});

이렇게 구현했더니 잘 돌아갔다 굿~~~
기분 좋아져서 다른 팀에게도 저 코드를 뿌리면서 돌아다녔다

오늘 한 일

  • 팀 프로젝트 (슬 막바지)
  • 밥먹고 가만히 컴만 보다 체하기..
profile
햇내기 개발자 지망생

0개의 댓글