일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- 자바스크립트#조건문#문자열
- UI
- for~in/for~of
- 자바스크립트#JS#slice#splice
- https://developer-talk.tistory.com/299
- 자바스크립트#JS#var#let#const#undefined#null
- variable#function
- JS#3일차달리자#초반인데#시간금방~
- redux상태유지
- 헷갈린다~
- dom
- 자바스크립트
- react
- slice/splice/split
- ㄷㅌ
- children vs childrenNodes
- js
- User Flow
- cmarket
- CSS
- 내장고차함수
- https://lo-victoria.com/introduction-to-redux-toolkit-for-beginners
- UX
- Beesbeesbees
- 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/
- removeCookie
- @redux-toolkit
- https://www.daleseo.com/js-array-slice-splice/
- toString#String
- 노드교과서
- Today
- Total
목록전체 글 (172)
Daily Front_Minhhk
![](http://i1.daumcdn.net/thumb/C150x150.fwebp.q85/?fname=https://blog.kakaocdn.net/dn/bzi0c1/btrWmmGfEUv/UurXHGhnXdXeWuBMQWHJuK/img.png)
💻 브라우저 웹 브라우저라고도 하고, 웹 탐색기라고도 하는 브라우저는 웹 서버에서 양방향으로 통신을 하며 HTML 문서 및 그림, 멀티미디어 등의 컨텐츠를 열람할 수 있게 해주는 GUI 기반의 소프트웨어 프로그램입니다. 브라우저는 페이지를 다운로드 하기 위해 응용 계층의 대표적인 프로토콜인 HTTP를 통해 송수신을 합니다. 🖥️ 브라우저의 특징과 웹의 동작 원리 브라우저는 사용자가 선택한 자원(Resource)를 서버에 요청(Request)하고, 서버의 응답(Response)을 브라우저에 띄우는(Rendering) 방식으로 동작합니다. 여기서 자원은 대개 HTML 문서이나 가끔 PDF, 멀티미디어 등 다른 형태일 수 있으며, 자원의 주소는 URI(Uniform Resource Identifier)로 되어..
자료구조란 무엇일까요? 자료구조란 여러 데이터의 묶음을 저장하고, 사용하는 방법을 정의한 것입니다. ... 데이터(data)는 무엇일까요? 데이터는 문자, 숫자, 소리, 그림, 영상 등 실생활을 구성하고 있는 모든 값 Stack의 특징 1. LIFO(Last In First Out) 2. 데이터는 하나씩 넣고 뺄 수 있습니다. 3. 하나의 입출력 방향을 가지고 있습니다. 4. 저장되는 데이터는 유한하고 정적이어야 합니다. 5. 스택의 크기는 제한되어 있습니다. 브라우저 활용: 뒤로가기, 앞으로가기 입력 : push / 출력 : pop Queue의 특징 1. FIFO (First In First Out) 2. 데이터는 하나씩 넣고 뺄 수 있습니다. 3. 두 개의 입출력 방향을 가지고 있습니다. enqueu..
![](http://i1.daumcdn.net/thumb/C150x150.fwebp.q85/?fname=https://blog.kakaocdn.net/dn/bo8BuK/btrVWfuqIRA/pxgYeJ6lMbP9zLlkCd2FA0/img.gif)
🌙 나가자!!!!!!!!!!! 드가자!!!!!!!!!!! Keep: 만족스러운 부분, 계속 이어가면 좋을 부분 유어클래스 기반으로 꾸준하게 학습 진행하며 잘 따라가자! 스터디 참여 -> 공부! 헬스는 여전히 항상 매일ㄱㄱ 인강은 꾸준히! 프로그래머스 문제 풀기 Problem: 개선이 필요하다고 생각되는 부분 집중력! 나태함! 정신을! 차리자! 실력개선, 복습 -> 도 여전히 비슷한거 같다 체감상,, 배운것은 있는데 뭔가 활용을 못하니 답답 책 읽기ㅋㅋ 저번 회고랑 똑같다~~ 핑계라면 딴게 할게 너무 많다~ Try: Keep과 Problem을 기반으로 실천해 보고자 하는 것 인강+프로그래머스+코플릿 ㄱㄱ 오전에 정신을 차리기도 여전히 열심히 차려보자! 독서도 좀 하고,, 프로젝트 대비도 뭔가 해야할 것 같..
OAuth 직접 작성한 서버에서 인증을 처리해 주는 것과는 달리, OAuth는 인증을 중개해 주는 매커니즘 이다. OAuth 2.0은 인증을 위한 표준 프로토콜의 한 종류로 보안된 리소스에 엑세스하기 위해 클라이언트에게 권한을 제공하는 프로세스를 단순화하는 프로토콜 중 한 방법이다. OAuth 용어 Resource Owner: 사용자이며 정보 제공자이기도 하기 때문에 Resource Owner라고 합니다. Client: Resource Owner를 대신하여 보호된 리소스에 액세스하는 애플리케이션입니다. Local Server: Client의 요청을 수락하고 응답할 수 있는 서버입니다. Resource Server: 사용자의 정보를 저장하고 있는 서버입니다. Authorization Server: 인증을 ..
![](http://i1.daumcdn.net/thumb/C150x150.fwebp.q85/?fname=https://blog.kakaocdn.net/dn/cp5QRS/btrVzZFyIrW/mOHqQKUuGYiTJtJU0C9811/img.jpg)
JWT (JSON Web Token) JWT 종류 JWT는 보통 다음과 같이 두 가지 종류의 토큰을 이용해 인증을 구현합니다. 액세스 토큰 (Access Token) 리프레시 토큰 (Refresh Token) 액세스 토큰은 보호된 정보들(유저의 이메일, 연락처, 사진 등)에 접근할 수 있는 권한부여에 사용합니다. 클라이언트가 처음 인증을 받게 될 때(로그인 시) 액세스 토큰, 리프레시 토큰 두가지를 다 받지만, 실제로 권한을 얻는 데 사용하는 토큰은 액세스 토큰입니다. 그럼 액세스 토큰만 있으면 되는 것 아닌가요? 맞습니다. 권한을 부여 받는데엔 액세스 토큰만 가지고 있으면 됩니다. 하지만 액세스 토큰을 만약 악의적인 유저가 얻어냈다면 어떻게 될까요? 이 악의적인 유저는 자신이 00유저인것 마냥 서버에 ..
![](http://i1.daumcdn.net/thumb/C150x150.fwebp.q85/?fname=https://blog.kakaocdn.net/dn/daXESI/btrVBdpGhVW/gNPio9bOKKKWVKVdCIUYvK/img.png)
🔥 서버열기와 Client 는 앞 선 sprint-auth-cookie 와 동일!!! cookie → session 으로 바뀔 뿐이다! 참고로 같이 넣어 두겠습니다. 바로 Server 보시면 됩니다. 💡 서버열기 HTTPS 프로토콜을 사용할 수 있도록 서버의 index.js 파일을 확인해보면 인증서를 불러오는 코드가 있는데, // 인증서 파일들이 존재하는 경우에만 https 프로토콜을 사용하는 서버를 실행합니다. // 만약 인증서 파일이 존재하지 않는경우, http 프로토콜을 사용하는 서버를 실행합니다. // 파일 존재여부를 확인하는 폴더는 package.json이 위치한 server 폴더입니다. let server; if (fs.existsSync("./key.pem") && fs.existsSync(..