TOPIC (18) 썸네일형 리스트형 Please see https://github.blog/2020-12-15-token-authentication-requirements-for-git-operations/ for more information githuvb,git hub가 수차례 이메일 보내고 이젠 기존의 id / password로 로그인 하는 방식이 불가능 해졌다. step1) 토큰 발급 세팅에 들어간다. Developer settings에 접속 Generate new token 발급 원하는 설정 맞추어서 실행 그럼 다음과 같이 토큰이 생성된다. 한번밖에 안보여주니깐 어디다가 저장해두자. 그럼 git push 같은 저장소에 접근하는 명령어를 치면은 Username과 password를 물어보는데 이때 password는 방금 발급받은 토큰이다 나처럼 왜 내 계정 비번 했는데 안되지 하지말자. (키체인 접근 설정에서 안바꾸고 github가 업데이트되면서 그냥 다음과 같은 프로세스로 알아서 키체인에 저장해줌) 정규 표현식 정리 + 예제 정규표현식에 대해서 알아보자. 먼저 기본적인 정규표현식의 표현 방법들을 알아보자. 그룹 과 범위 문자 뜻 | 또는 () 그룹 : 여기서 그룹이란 정규표현식으로 찾은 문자가 해당 괄호안에 포함되는 그룹인지 구분 [] 문자셋, 괄호안의 어떤 문자든지 올수있음 [^] 부정 문자셋, 괄호안의 들어가는 문자가 아닐때만 찾음 (?:) 정규표현식으로 찾지만 해당 그룹은 기억하지 않음 어떤 문자를 찾을 때 abc,abc,abc 같은 반복되는 그룹으로 이루어지는 녀석을 찾고자 할때 필요한 테크닉 이다. 수량 문자 뜻 ? zero or one * zero or more + one or more {n} n번 반복 {min,} 최소 {min,max} 최소 최대 abc 와 같은 문자는 3개로 구성되어있다. 이러한 문자를 찾고자.. 쿠버네티스 : 서버를 관리한다는 것 서버를 관리한다는 것.. 서버를 관리한다는 것은 무척 어렵다. 처음에는 다른 사람도 서버를 실행하기 위해서 문서화를 잘해서 잘 따라하도록 했지만 이것도 힘들어지고 이후에는 CHEF, puppet, ANSISBLE 같은 서버 관리 코드가 생기게 된다. 하지만 이러한 서버 관리코드도 배워야하고 여전히 문제가 많이 남는다. 그래서 나타난게 가상머신이다. 가상머신을 띄우고 프로그램을 실행하면 문제없이 되고 필요하면 가상머신 자체를 저장해서 다른 서버에 띄운다면 문제가 없게된다. 하지만 이러한 가상머신은 특정 벤더에 속하게되고 클라우드 환경과 잘 안맞는것도 문제가 생기게 된다. 이때 Docker가 등장하게된다. https://www.youtube.com/watch?v=wW9CAH9nSLs&t=4s 도커의 최초등장.. js로 현재파일의 모든폴더 조회하고 이동링크 파일 생성하기 최근에 스터디를 위해서 깃 저장소를 만들었다. 많은 인원들이 폴더를 생성하고 파일을 작성하는데 md파일을 그 대마다 수정해서 이동경로를 만드는것에 한계를 느꼈다. 간단한 깊이 우선탐색을 이용해서 구현해보았다. 그래서 js로 간단하게 md파일의 인덱스를 만들어 주는 것을 만들고자 하였다 bb 결과 파일이다. 자그럼 js코드를 보겠다. 주의할점은 파일 하나에 모든 소스를 적당보니 소스가 분리되어 있지는 않다. const fs = require('fs'); /* ** 무시하고 싶은 폴더의 이름을 확장자명 까지 써주세요 :) */ const ignores = ['README.md','image','node_modules','writerReadme.js','package-lock.json','package.jso.. Node.js 서버에서 Jwt 토큰 사용하기 Jwt 토큰은 Json Web Token의 약자입니다. 말그대로 Json 포맷 데이터를 가지고 있는 토큰입니다. https://jwt.io/ JWT.IO JSON Web Tokens are an open, industry standard RFC 7519 method for representing claims securely between two parties. jwt.io Jwt 토큰은 3가지 형태로 나누어저 있는데 , header, payload, signature 지금은 Node에서 어떻게 Jwt 토큰을 다루는지에 대해서 학습하겠습니다.!!! Header { "typ": "JWT", "alg": "HS256" } - 타입은 JWT - 해싱 알고리즘은 HS256을 사용합니다. (단방향 해시라고 하는데요.. React 프로젝트에 Redux 적용하기 : Redux란?? 다음 Redux는 React.Hook 타입을 기본으로 적용하였습니다. 리액트에는 데이터를 전달하는 요소들이 다음 표와 같이 있습니다. 구분 설명 프로퍼티 상위 컴포넌트에서 하위 컴포넌트로 전달되는 읽기 전용 데이터입니다. state 컴포넌트의 state를 저장하고 변경할 수 있는 데이터입니다. 컨텍스트 부모 컴포넌트에서 생성하여 모든 자식 컴포너넌트에 전달하는 데이터입니다. 리덕스 서버에서 받은 데이터를 앱 전체에 전달하거나 관리합니다. 컨텍스트와 리덕스가 서로 비슷해 보일수 도 있다. 최상위 컨텍스트에서 서버에서 요청하고 데이터를 핸들링하는 로직을 넣으면 리덕스이기 때문이다. 하지만 리덕스는 라이브러리를 제공하면서 편리한 기능들을 제공한다. 리덕스는 어떻게 동작할까? - 컴포넌트는 dispatch() .. Node.js : Oauth 로그인 연동 (카카오 로그인, 구글 로그인) Oauth KAKAO 로그인, 구글 로그인 같은 경우는 Oauth 플로우를 따르고 있습니다. 따라서 먼저 Ouath에 대해서 학습합니다. 지금 소개에서는 Oauth를 다 다루지 않고 이전 포스팅으로 대체하겠습니다. Ouath 는 모르겠고 구현만 필요해도 학습하는것을 추천합니다. 해당 플로우를 알아야 구현에 많은 도움이 됩니다. https://redbinalgorithm.tistory.com/443 OAuth, OAuth2 생각해보기 웹 사이트를 이용할 때 "네이버로 로그인" 같이 별도의 회원가입 없이 로그인을 제공하는 서비스를 이용해 본적이 있다. 이때 해당 플랫폼의 아이디가 있다면 외부 서비스에서도 인 redbinalgorithm.tistory.com 간단하게 Oauth는 내가만드는 클라이언트 서버에서.. SVG SVG svg는 벡터(vector) 이미지를 표현하기 위한 포맷으로 w3c에서 만든 벡터 이미지 표준입니다. SVG !== CSS 이지만 CSS를 이용해 SVG를 활용할 수 있습니다. Cicle width, height : svg 전체의 크기를 그려줍니다. (종이의 크기) = cx, cy : 현재 cicle태그인 원의 중심점을 의미합니다. r : 반지름을 의미합니다. (이값이 설정되면 원의 크기가 정해집니다.) stroke : 테두리선의 색상을 의미합니다. stroke-width : 테두리선의 굵기를 의미합니다. fill : 테두리를 제외한 내부요소의 색상을 결정합니다. rect x, y : svg 그림의 좌측, 상단에서 떨어진 정도를의미합니다. (cx, cy 다릅니다.) line x(12), y(12).. 이전 1 2 3 다음
