Frontend
-
CORS 이해하기 및 해결방법Frontend/Javascript 2022. 12. 21. 20:48
CORS Cross-Origin Resource Sharing 여기서 출처(Origin)란, URL 구조에서 Protocal, Host, Port를 합친 것을 말한다. https://tistory.com/ 를 기준으로 Protocal은 'https//' , Host는 'tistory.com' , Port는 https의 번호인 443을 나타낸다. 동일 출처 정책을 지키면 외부 리소스를 가져오지 못하지만 XSS나 XSRF 등의 보안 취약점을 노린 공격을 방어할 수 있다. Same origin 정책과 cross origin 정책은 아래와 같다. - Same origin 정책 Client와 Server가 동일한 IP주소에서 동작하고 있다면 별다른 제약없이 서로 주고받을 수 있다. - Cross origin 정책..
-
동기와 비동기 개념 차이Frontend/etc 2022. 11. 2. 12:34
1. 블록 상태 vs 논블록상태 블록상태 : 학생이 시험지를 선생에게 건넨 후 가만히 앉아 채점이 끝나 시험지를 돌려받기만을 기다린다 논블록상태: 학생이 시험지를 건넨 후 선생에게 채점이 완료되었다는 전송을 받기 전까지 다른 과목을 공부한다거나 게임을 한다거나 다른 일을 하게 되면 학생의 상태 2. 동기 vs 비동기 예를 들어, 서버에서 데이터를 가져와서 화면에 표시하는 작업을 수행할 때, 동기는 서버에 데이터를 요청하고 데이터가 응답될 때까지 이후 테스크들은 블로킹(Blocking, 작업 중단)됩니다. 비동기는 서버에 데이터를 요청한 이후 서버로부터 데이터가 응답될 때까지 대기하지 않고(Non-Blocking) 즉시 다음 테스크를 계속해 수행합니다. 동기는 순차적, 직렬적으로 테스크를 수행하고 비동기는..