[TIL-130] 위코드 31일차: React JS - 서버와 통신하기 / JS 코드카타

ReactJS

 

 

fetch

개념

 

 

사용법

const signReqest = event => {
    event.preventDefault();
    
    fetch('http://172.23.59.236:8080/users/signup', {
      method: 'POST',
      body: JSON.stringify({
        email: inputValue.id,
        password: inputValue.password,
      }),
    })
      .then(res => res.json())
      .then(result => {
        console.log(result.token);
        localStorage.setItem(result.token);
      });
};

버튼에 onClick 이벤트가 발생했을 때 실행될 signRequest 함수 코드이다.

1. <button> 태그는 기본적으로 type="submit" 속성을 갖고 있기 때문에 <form> 안의 <button>이 클릭되면 form이 제출되면서 새로고침된다. 이를 막기 위해 button이 클릭될 때 발생하는 이벤트(onClick)에 대한 정보를 인자로 받아, event.preventDefault();하여 기본 동작인 새로고침을 막는다.

 

 

 

 

에러

 

pending

 

 

---

 

코드 카타

 

괄호를 제대로 여닫았는지 확인하기

내 답안

function isValid(s) {

  const bracketObject = {"(" : ")", "[" : "]", "{" : "}"};
  let checkString = s;
  
  for(let i = 0; i < checkString.length; i++) {
    let testBracket = bracketObject[checkString[i]];
    
    if(testBracket !== undefined && testBracket === checkString[i+1]) {
      checkString = checkString.substr(0, i)+checkString.substr(i+2);
      i = -1;
      
      if(checkString === "") {
        return true;
      }
    }
  }
  
  return false;
}