본문 바로가기
반응형

분류 전체보기1062

리액트, Node JS - 인증 토큰 획득 서버 구현하기 (GitHub Access Token Server with Node JS) 깃허브 데스크탑으로 프로젝트 관리하기 강의 오픈!! (인프런 바로가기) 리액트 전체 링크Node JS 전체 링크 참고- 깃허브 OAuth Access 토큰 발급 받기- Toast UI 에디터로 깃허브 마크다운 저장하기- 리덕스로 로그인 상태 관리하기 - GitHub OAuth Project Settings- Material UI로 깃허브 로그인 프로필 만들기- 깃허브 OAuth 콜백 처리하기- 인증 토큰 획득 서버 구현하기 - 인증 토큰으로 로그인 상태 관리하기- 로그인 정보를 활용하여 Commit Message 남기기- 새 창으로 로그인해서 현재 상태 유지하기 리액트에서 client secret은 더 이상 필요 없으므로, (보안상 들고 있어서도 안된다.) .env에서 삭제한다. .envREACT_APP.. 2023. 8. 19.
리액트 - 깃허브 OAuth 콜백 처리하기 (GitHub OAuth Callback) 깃허브 데스크탑으로 프로젝트 관리하기 강의 오픈!! (인프런 바로가기) 리액트 전체 링크 참고- 깃허브 OAuth Access 토큰 발급 받기- Toast UI 에디터로 깃허브 마크다운 저장하기- URL query string 받아오기- 리덕스로 로그인 상태 관리하기 - GitHub OAuth Project Settings- Material UI로 깃허브 로그인 프로필 만들기- 깃허브 OAuth 콜백 처리하기- 인증 토큰 획득 서버 구현하기- 인증 토큰으로 로그인 상태 관리하기- 로그인 정보를 활용하여 Commit Message 남기기- 새 창으로 로그인해서 현재 상태 유지하기 깃허브 OAuth 토큰을 발급 받고 .env까지 설정해두자.(실제 환경에서 토큰은 서버를 통해 얻어야 한다.) 인증을 요청하게 .. 2023. 8. 19.
리액트 - Material UI로 깃허브 로그인 프로필 만들기 깃허브 데스크탑으로 프로젝트 관리하기 강의 오픈!! (인프런 바로가기) 리액트 전체 링크 참고- 깃허브 OAuth Access 토큰 발급 받기- Toast UI 에디터로 깃허브 마크다운 저장하기- https://mui.com/material-ui/react-avatar/ - GitHub OAuth Project Settings- Material UI로 깃허브 로그인 프로필 만들기- 깃허브 OAuth 콜백 처리하기- 인증 토큰 획득 서버 구현하기- 인증 토큰으로 로그인 상태 관리하기- 로그인 정보를 활용하여 Commit Message 남기기- 새 창으로 로그인해서 현재 상태 유지하기 Material UI의 Avatar를 이용하면 간단히 로그인 프로필을 만들 수 있다../page/GitHubLoginButt.. 2023. 8. 19.
리액트 - Toast UI Editor with OAuth to Access GitHub 깃허브 데스크탑으로 프로젝트 관리하기 강의 오픈!! (인프런 바로가기) 프로젝트 전체 링크리액트 전체 링크 Git / GitHub 전체 링크  참고- 깃허브 OAuth Access 토큰 발급 받기- Toast UI 에디터로 깃허브 마크다운 저장하기 - GitHub OAuth Project Settings - Material UI로 깃허브 로그인 프로필 만들기 - 깃허브 OAuth 콜백 처리하기 - 인증 토큰 획득 서버 구현하기 - 인증 토큰으로 로그인 상태 관리하기 - 로그인 정보를 활용하여 Commit Message 남기기 - 새 창으로 로그인해서 현재 상태 유지하기 Toast UI 에디터에서 깃허브 마크다운을 저장할 때, RESTful API를 사용하기 위해 key와 owner를 고정시켰다.따라서 해.. 2023. 8. 19.
깃허브 - OAuth Access 토큰 발급 받기 (How to get GitHub OAuth Token) 깃허브 데스크탑으로 프로젝트 관리하기 강의 오픈!! (인프런 바로가기) Git / GitHub 전체 링크 참고 - .env 환경 변수 파일 관리하기- Toast UI Editor with OAuth to Access GitHub Github OAuth 인증을 위해 Access Token을 받아보자. 먼저 깃허브에서 프로필 사진을 클릭한다. 프로필 사진 아래의 Settings를 클릭하자. 왼쪽 하단의 Developer settings로 이동한다. OAuth Apps 탭에서 Register a new application 버튼을 클릭한다. Application 이름과 Homepage URL을 입력한다.아래는 로컬에서 리액트의 주소를 추가하였다.Authorization callback URL은 인증이 완료된 .. 2023. 8. 18.
리액트 - .env 환경 변수 파일 관리하기 리액트 전체 링크 참고 - RESTful API로 파일 읽기 리액트를 개발할 때, 특정 정보는 github에 업로드 해서는 안되는 경우가 있다. (RESTful API를 위해 발급 받은 token 등) 아래의 token을 React에서 사용하다가 github에 업로드하면 보안에 좋지 않다. const token = "gh....................2mW61k" .env 파일로 환경 변수를 관리하면 위의 상황을 해결할 수 있다. 그러나, github에 업로드만 되지 않을 뿐, 배포를 하게 될 경우는 토큰이 노출된다. 따라서 실제 환경에서는 서버를 이용해 토큰을 얻어야 한다. .env 파일 생성 먼저 React App의 루트에 .env 파일을 생성한다. 그리고 commit / push가 되지 않도록.. 2023. 8. 15.
2차원 배열 탐색과 캐시 미스 (Cache Misses in 2D Arrays) 삼성 C형 전체 링크 참고 - Visual Studio 실행 시간 확인 방법 1차원 배열은 연속된 메모리의 집합이다. 2차원 배열은 [row][col]로 접근하지만, 1차원 배열과 마찬가지로 연속된 메모리의 집합이다. Cache Friendly Code - 특정 데이터를 참조할 때, 그 데이터 주위의 데이터도 함께 캐시에 로드되는 특성. (Locality) - 연속적인 메모리 주소에 있는 데이터는 캐시에 함께 로드될 가능성이 높음. 즉, 2차원 배열(arr[r][c])을 접근할 때, r이 증가하는 방향보다, c가 증가하는 방향으로 먼저 탐색하는 것이 더 빠르다. 임의의 2차원 배열을 만들어서 주소를 출력해보자. #include int main() { char arr[5][5]; for (int r = 0.. 2023. 8. 15.
여러가지 나머지 연산 방법 테스트 C, C++ 전체 링크 1. % 사용 2. 비트연산 사용 (2의 배수) 3. / 를 이용하여 다시 계산하기 #include #include #include typedef unsigned long long int ull; #define DIVISOR (1024) void remainderTest1(ull testcase[], ull answer[]) { for (int i = 0; i < 10000; i++) { ull ans = testcase[i] % DIVISOR; if (ans != answer[i]) printf("Fail!!\n"); } } void remainderTest2(ull testcase[], ull answer[]) { for (int i = 0; i < 10000; i++) { u.. 2023. 8. 15.
타입 캐스팅으로 한 번에 메모리 쓰기, 읽기 (Memory Write and Read with Type Casting) 삼성 C형 전체 링크 참고 - 타입 캐스팅으로 deep copy, memcpy 구현하기 타입 캐스팅을 이용하면 char 배열 8칸을 한꺼번에 입력할 수 있다. 즉, 크기가 작은 타입의 배열을 long type으로 한 번에 읽거나 쓸 수 있다. 이 방법은 메모리를 통째로 복사하는 방법과 원리가 같다. Write char a[8]; 배열에 1, 2, 3, 4, 5, 6, 7, 8을 입력해야 한다고 하자. 그러면 for문을 8번 순회해서 i 번째 배열에 i + 1을 입력하는 코드를 만들 수 있다. char a[8] = { 0 }; for (int i = 0; i < 8; i++) a[i] = i + 1; 하지만 type casting으로 a[0]번째 주소 (&a[0])을 long type으로 캐스팅하면, 한 .. 2023. 8. 15.
반응형