개요
- 삭제하기 버튼 클릭 시 “삭제에 실패하였습니다” 라는 alert 창이 뜨는 이슈.
다른 사이트의 스크립트를 접근해 title을 가져오려다가 CORS 이슈가 발생했다.
다른 사이트 접근하는거 자체에 너무나도 이슈가 있는건데 이런 기본적인거에 무지해서 무식하게 너무 쉽게 해결될 줄 알았다.
그래서 CORS 이슈에 대해 공부를 하다가 이런 보안 정책이 왜 필요하나? 궁금증으로 XSS 부터 차근차근 공부해보는 중…!
지금까지 CS를 공부하면서 내가 생각한 렌더링 과정
사용자가 주소창에 주소를 입력 → 브라우저가 서버에 html 요청 → 서버가 html 파일을 응답 → 브라우저가 html을 파싱→ DOM 트리구조로 그림 → 각각 노드에 맞는 js나 css 해 → 짜잔
리액트 훅의 기본. 컴포넌트의 상태(state)를 관리할 수 있는 훅.
[한입 크기로 잘라먹는 리액트]
함수형 컴포넌트에서 React State와 생명주기 기능을 연동할 수 있게 해주는 함수.
[한입 크기로 잘라먹는 리액트]
라이프사이클(Life Cycle) :) 사람의 인생처럼 리액트 컴포넌트도 태어나고 사라지는 생애주기가 있다.
[한입 크기로 잘라먹는 리액트]
리액트의 기본! 컴포넌트, State, Ref, 리액트 훅
[한입 크기로 잘라먹는 리액트]
찐 프론트 개발자가 되기위한 리액트의 시작!
[한입 크기로 잘라먹는 리액트]