CS 프로토콜(전송) 목차 TCP와 UDP 설명과 비교 TCP 3way handshaking 설명과 그 이유 TCP가 신뢰성을 보장하는 방법 1. TCP와 UDP 설명과 비교 TCP와 UDP는 OSI 7 계층들 중 TCP/IP의 전송 계층에서 사용되는 프로토콜 * 전송 계층 ...
Study | CS 쿠키와 세션, 브라우저 스토리지
CS 쿠키와 세션, 브라우저 스토리지 목차 쿠키와 세션 브라우저 스토리지 1. 쿠키와 세션 HTTP 프로토콜의 특성이자 약점을 보완하기 위해 쿠키 또는 세션을 사용함 한번 로그인하면 어떠한 방식에 의해서 그 사용자에 대한 인증을 유지하게 됨 HTTP 프로토콜 환경은 connetionless, st...
Study | CS 패스워드 관리
CS 패스워드 관리 목차 패스워드 전송, 보관 방법 단방향 해시함수 패스워드 관리 패스워드 전송, 보관 방법 유저의 패스워드를 받은 클라이언트는 평문으로 서버로 전달 평문을 받은 서버는 패스워드를 단방향 해시 함수로 암호화하여 보관 단방향 해시함수 : 수학...
Java Script | 이벤트
목차 이벤트 전파(propagation)에 대해서 알고 있나요? 계층적 구조를 가진 DOM에 이벤트가 발생할 경우 연쇄적으로 이넵트가 전파되는데 이를 이벤트 전파라고 부른다. 이벤트 위임(delegation)에 대해서 알고있나요? 🌊 하위 요소마다 직접 이벤트를 붙이지 않고 상위 요소에서 하위 요소들의 이벤트를 제어하도록 ...
React | props Drilling
React 목차 props Drilling 데이터를 하위 컴포넌트로 전달하는 과정에서 중간 컴포넌트들은 해당 데이터가 필요하지 않더라도 하위 컴포넌트에 데이터를 전달하기 위해 props를 전달해야하는 과정 props Drilling 해결방법 1. props Drilling props를 오로지 하위 컴포...
React | JSX
React 목차 JSX JSX 특징 Javascript에 XML을 추가하여 확장한 문법(= Javascript XML) 작성된 코드는 브라우저에서 실행되기 전 코드가 번들링되는 과정에서 바벨을 사용하여 일반 js 형태의 코드로 변환됨 //JSX 적용버전 functi...
React | React의 상태
React 목차 상태의 불변성이 중요한 이유 기존 state의 불변성을 지켜주어야만, 리액트 컴포넌트에서 상태가 업데이트가 됐음을 감지 할 수 있고 이에 따라 필요한 리렌더링이 진행되기 때문에 불변성 유지가 필요함 리렌더링 조건 크게 3가지가 있는데, 1. props가 바뀔 때, 2. state가 setState를 통...
Java Script | 클로저
목차 클로저에 대해서 아나요? 🌊🌊 자신을 포함하고 있는 외부함수보다 내부함수가 더 오래 유지되는 경우, 외부 함수 밖에서 내부함수가 호출되더라도 외부함수의 지역 변수에 접근할 수 있는 함수 클로저를 사용하면 뭐가 좋죠? 🌊 상태를 안전하게 변경하고 유지하기 좋다. 클로저 1. 클로저에 대해서 아나요? ...
Java Script | 변수
목차 변수 🌊 변수란 무엇인가요? 하나의 값을 저장하기 위해 확보한 메모리 공간 자체를 말한다. 식별자란 무엇인가요? 🌊 변수가 되는 어떤 데이터를 식별하는 데 사용하는 이름으로 간단히 변수명이라고도 할 수 있다. 변수를 선언한다는 것은 어떤 것을 의미하나요? 변수를 생성한다고 할 수 있다. 호이스팅...
Java Script | Callback
목차 콜백이란 뭐라고 생각하나요? 🌊 - 어떤 일을 다른 객체에게 시키고, 그 일이 끝나는 것은 기다리지 않고 끝나고 부를 때까지 다른 일을 하는 것 콜백지옥과 해결방법 async나 Promise 사용을 통해 해결 Callback 1. 콜백이란 뭐라고 생각하나요? 함수 안에서 실행하는 또 다른 함수 ...