일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | |||||
3 | 4 | 5 | 6 | 7 | 8 | 9 |
10 | 11 | 12 | 13 | 14 | 15 | 16 |
17 | 18 | 19 | 20 | 21 | 22 | 23 |
24 | 25 | 26 | 27 | 28 | 29 | 30 |
- 자바스크립트#JS#var#let#const#undefined#null
- JS#3일차달리자#초반인데#시간금방~
- https://lo-victoria.com/introduction-to-redux-toolkit-for-beginners
- react
- https://developer-talk.tistory.com/299
- https://www.daleseo.com/js-array-slice-splice/
- 노드교과서
- https://dasima.xyz/%EC%9E%90%EB%B0%94%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8-%EC%A0%9C%EA%B3%B1-math-pow-%EA%B3%84%EC%82%B0/
- @redux-toolkit
- 내장고차함수
- ㄷㅌ
- UI
- 자바스크립트
- slice/splice/split
- redux상태유지
- dom
- removeCookie
- children vs childrenNodes
- 헷갈린다~
- 자바스크립트#조건문#문자열
- js
- User Flow
- UX
- Beesbeesbees
- variable#function
- CSS
- 자바스크립트#JS#slice#splice
- cmarket
- toString#String
- for~in/for~of
- Today
- Total
목록분류 전체보기 (161)
Daily Front_Minhhk
🔥 서버열기와 Client 는 앞 선 sprint-auth-cookie 와 동일!!! cookie → session 으로 바뀔 뿐이다! 참고로 같이 넣어 두겠습니다. 바로 Server 보시면 됩니다. 💡 서버열기 HTTPS 프로토콜을 사용할 수 있도록 서버의 index.js 파일을 확인해보면 인증서를 불러오는 코드가 있는데, // 인증서 파일들이 존재하는 경우에만 https 프로토콜을 사용하는 서버를 실행합니다. // 만약 인증서 파일이 존재하지 않는경우, http 프로토콜을 사용하는 서버를 실행합니다. // 파일 존재여부를 확인하는 폴더는 package.json이 위치한 server 폴더입니다. let server; if (fs.existsSync("./key.pem") && fs.existsSync(..
서버가 클라이언트에 유일하고 암호화된 아이디 부여. 사용자가 인증에 성공한 상태를 세션이라고 한다. 중요 데이터는 서버에서 관리한다. xss공격에 취약하다. 쿠키를 사용하기 때문이다. 세션이 만들어지면 세션 아이디가 만들어진다. 웹사이트에서는 로그인을 유지하기 위한 수단으로 쿠키를 사용하고, 쿠키에는 서버에서 발급한 세션 아이디를 저장해놓는다. 로그아웃을 하려면 서버에서는 세션 정보를 삭제하고, 클라이언트는 쿠키를 갱신해야한다. 로그인을 통해 사용자의 인증 정보를 저장하고, 그 후 인증된 사용자가 어떤 식으로 웹사이트를 이용하는지 간단하게 알아봅시다. 사용자가 웹사이트에서 아이디 및 비밀번호를 이용해서 로그인을 시도하면(그림에서 1번), 과연 어떤 일이 벌어질까요? 사용자가 만일 정확한 아이디와 비밀번호..
🤪 어떻게 찾으신 분에겐 도움이 되길,, 어려워서 고생했습니다. 작성 부분 정도로 간략히!! 과정은 이렇다! 💡 서버열기 HTTPS 프로토콜을 사용할 수 있도록 서버의 index.js 파일을 확인해보면 인증서를 불러오는 코드가 있는데, // 인증서 파일들이 존재하는 경우에만 https 프로토콜을 사용하는 서버를 실행합니다. // 만약 인증서 파일이 존재하지 않는경우, http 프로토콜을 사용하는 서버를 실행합니다. // 파일 존재여부를 확인하는 폴더는 package.json이 위치한 server 폴더입니다. let server; if (fs.existsSync("./key.pem") && fs.existsSync("./cert.pem")) { const privateKey = fs.readFileSync..
Cookie 쿠키는 서버에서 클라이언트에 영속성있는 데이터를 저장하는 방법 서버가 원한다면 서버는 클라이언트의 쿠키를 이용하여 데이터를 가져오기 가능! 단순히 서버에서 클라이언트에 쿠키를 전송하는 것만 의미하지 않고 클라이언트에서 서버로 쿠키를 다시 전송하는 것도 포함 서버가 클라이언트에 특정한 데이터를 저장할 수 있다 데이터를 저장한 이후 아무 때나 데이터를 가져올 수는 없고, 데이터를 저장한 이후 특정 조건들이 만족되어야 다시 가져올 수 있다. 'Set-Cookie':[ 'cookie=yummy', 'Secure=Secure; Secure', 'HttpOnly=HttpOnly; HttpOnly', 'Path=Path; Path=/cookie', 'Doamin=Domain; Domain=codestat..
📌 HTTP HTTP 클라이언트 서버 구조 Request Response 구조 무상태 프로토콜(Stateless) 로그인이 필요 없는 단순한 서비스 소개 화면 같은 경우,, 장점: 서버 확장성 높음(스케일 아웃)→(응답 서버를 쉽게 바꿀 수 있어 무한한 서버 증설 가능) 단점: 클라이언트가 추가 데이터 전송 비연결성(Connectionless) 요청을 주고받을 때만 연결을 유지하고 응답을 주고 나면 TCP/IP 연결을 끊는다 따라서 최소한 자원으로 서버유지 가능 HTTP 메세지 단순함, 확장 가능 📌 HTTPS (HTTP Secure) 암호화 방식 데이터를 암호화를 할 때에는 암호화할 때 사용할 키, 암호화한 것을 해석(복호화)할 때 사용할 키가 필요합니다. 이 때 암호화와 복호화할 때 사용하는 키가 동..
IP 📌 IP는 지정한 IP 주소(IP Address)에 패킷(Packet)이라는 통신 단위로 데이터 전달을 합니다. (요청, 응답) 패킷 단위로 전송을 하면 노드들은 목적지 IP에 도달하기 위해 서로 데이터를 전달합니다. 이를 통해 복잡한 인터넷 망 사이에서도 정확한 목적지로 패킷을 전송할 수 있습니다. IP 와 IP Packet의 한계 비연결성 패킷을 받을 대상이 없거나 서비스 불능 상태여도 패킷 전송 비신뢰성 중간에 패킷이 사라질 수 있음 중간에 있는 서버가 데이터를 전달하던 중 장애가 생겨 패킷이 중간에 소실되더라도 클라이언트는 이를 파악할 방법이 없다. 패킷의 순서를 보장할 수 없음 전달 데이터의 용량이 클 경우 이를 패킷 단위로 나눠 데이터를 전달하게 되는데, 이때 패킷들은 중간에 서로 다른 ..