회고
학습(CRUD-Sever,React연동)
Happy Programmer
2022. 6. 26. 23:36
1.배열 내부의 값을 조회할 때 키, 값의 쌍을 이루는 배열인 경우 map을 통해 값을 객체화 해주고 키를 넣으면 검색을 빠르게 해결할 수 있다.(아래는 예시)
memory.map(el =>{
const [ a, b ] = el.split(' ');
obj[a] = b;
})
for(let i = 0 ; i < num[1] ; i++){
result.push(obj[password[i]])
}
2.fetch를 할 경우 method를 잘 작성해야 get외의 다른 요청이 가능하며 보내는 타입을 명시해줘야한다. 사용 예시는 아래와 같다.
function realCreate(el){
fetch('http://localhost:3001/discussions',{method: 'POST', headers: {
'Content-Type': 'application/json'
}, body : JSON.stringify(el)})
}
3.또한 리액트에서 데이터에 넣고 싶은 경우는 최종적으로 set을 이용해 아래와 같이 처리한다.
fetch('http://localhost:3001/discussions').then(a => a.json()).then(setData)
어제 오늘은 서버와 리액트 CRUD를 연동해 서버 자체에서 기능을 수행한 후 다시 받아오는 프로젝트를 진행했지만 관련 정보가 적어서 오류를 찾느라 시간을 많이 보내 회고할 내용이 적었던 것 같다..