전체 글

[Network] 사용자의 패스워드를 전송하고 보관하기.

제7조(개인정보의 암호화) ① 개인정보처리자는 고유식별정보, 비밀번호, 바이오정보를 정보통신망을 통하여 송신하거나 보조저장매체 등을 통하여 전달하는 경우에는 이를 암호화하여야 한다. 유저의 개인정보를 전송하는 방법 유저의 패스워드나 민감정보등을 보낼때, 평문으로 보내면 굉장히 위험할 것이다. 가로채기 공격의 위험 등, 그래서 개발자는 유저들의 정보를 전송할때 암호화를 통해서 보내야한다. 유저들의 개인 정보를 전송하는 방법은 몇가지 방법이 있다. Hash ( 해시 ) 첫번째는 Hash 를 통한 단방향 암호화이다. 단방향 암호화는 암호화를 시키면 복호화는 불가능한 방식으로 Hash 알고리즘을 통해 데이터를 매핑 시켜 완전 다른 데이터로 변환 시키는 것을 의미한다. 이런 과정을 다이제스트라고 한다. 암호화를 ..

[Network] CORS 란 무엇이고, 어떻게 해결하는가

CORS ( Cross-Origin Resource Sharing ) : 교차 출처 리소스 공유 CORS 브라우저는 보안상의 이유로, HTTP-Header 를 통해서 허락을 구하는 과정이 있는데 이를 CORS 라고 한다. 그래서 CORS 가 뭔데? Cors 는 Cross-Origin Resource Sharing 의 약자로, 교차 출처 리소스 공유라고 한다. 사실 처음 이렇게 들었을땐 무슨 말인지 감이 안잡혔다. 일단 가장 익숙한 www.google.com 을 예시로 들어보자. Cross-Origin , 교차 출처 즉 서로 다른 출처를 뜻한다. Origin 이라고 하는 것은 Protocol ( Https:// ) + Domain ( www.google.com ) + Port ( : 80 ) 를 합친 UR..

[React] Props Drilling 은 무엇이고 어떻게 해결하는가

Props Drilling Props Drilling 이란 props 를 하위 컴포넌트로 전달하는 과정에서 몇개의 컴포넌트를 뚫고 들어가는 형태를 의미한다. 이러한 Props Drilling 은 적으면 아무런 문제가 되지 않지만, 만약에 10개가 넘는 Props Drilling 이 일어난다면 그 props 를 추적하는데 어려움을 겪을것이다. 해결법 전역 상태관리 라이브러리 사용 Redux, Jotai, Recoil 등을 사용하여 해당 값이 필요한 컴포넌트에서 직접 불러올 수 있다. Children 을 적극적으로 사용 export default function App() { const content = "Who needs me?"; return ( ); } function First({ children }..