본문 바로가기

분류 전체보기

 (72)
Final Project 1주차 기록 지난 주는 Final Project intro 및 SR(Software Requirements)을 작성 및 점검하는 시간을 가졌다. 한 주 동안 팀 및 팀장 선정 프로젝트 아이디어 기획 포지션 분배 기능 리스트업 을 하고 프로젝트 매니저님과 함께 의견을 나누었다. 정민님이 팀장으로 나를 추천하셨다. 사실 나도 팀장을 해 보고 싶었다. 하지만 코로나 때문에 애기가 어린이집에 못 가는 날이 자꾸 생겨서 욕심을 버리기로 했다. 대신, 팀장만큼 꼼꼼한 팀원이 되어야 겠다고 생각했다. 우리 팀은 일기를 쓰고, 레트로 스타일의 템플릿을 제공하며 출력할 수 있도록 예쁘게 편집까지 해 주는 웹 사이트를 만들기로 했다. 처음 일기장의 아이디어를 낸 사람은 다른 팀원이었지만 나도 이미 '맘스다이어리'라는 육아 일기 앱의 ..
branch merge 실수 재현해보기 팀 프로젝트를 거의 시작하자마자 실수를 했다. dev 브랜치에서 각자 태스크에 따라 feature 브랜치를 따서 작업한 후 pr해서 dev 브랜치에 merge를 해야 하는데 코드스테이츠 프로젝트 과제 설명만 읽다가 바로 해 버렸다. 급하게 내가 작성한 pr을 revert하는 버튼을 눌러봤지만 이게 맞는지도 몰랐다. 어떻게 진행되는지도 모르고 또 있을 수 있는 상황이라서 급히 실습을 해 보았다. 1. 실습 브랜치 생성하기 - 먼저 github에서 branch-practice 라는 새로운 repository를 만들어서 pc로 클론했다. 2. dev 브랜치 생성 및 react app 생성 - master 브랜치이기 때문에 dev 브랜치를 새로 생성해서 이동 후 'practice' 라는 react app을 만들..
First Project 1주차 회고 - Wireframe vs prototype? 첫번째 팀 미팅을 가진 이후 오피스아워시간 때 호용님께서 우리팀이 작성한 와이어프레임을 보고 몇 가지 조언을 해 주셨다. 그 중 아주 생소했던 것이 "와이어프레임과 프로토타입을 구분해야 한다."였기 때문에 잠깐 알고 넘어가려고 한다. reference 와이어프레임과 프로토타입은 실무에서 종종 혼돈해서 쓰지만 제작되는 시기, 용도, 의미에서 차이가 있다고 한다. 와이어프레임 건축에서의 설계도면과 유사하다. 와이어프레임은 페이지별로 레이아웃을 설계하는 것이 좋다. (화면 간 흐름 파악이 쉽기 때문) 와이어프레임은 내용을 표시할 '텍스트'와 이미지를 표시할 '프레임' 위주로 제작한다. 프로토타입 와이어프레임가 달리 실제와 비슷하게 구현된 상태를 말한다. 건축 모형을 만드는 단계와 유사하다.
token - bearer? authrization header? tools.ietf.org/html/rfc6750#section-2.1 RFC 6750 - The OAuth 2.0 Authorization Framework: Bearer Token Usage [Docs] [txt|pdf] [draft-ietf-oaut...] [Tracker] [Diff1] [Diff2] [IPR] [Errata] PROPOSED STANDARD Errata Exist Internet Engineering Task Force (IETF) M. Jones Request for Comments: 6750 Microsoft Category: Standards Track D. Hardt ISSN: 2070-1721 Independen tools.ietf.org 참고: 인증시스템 가독성 좋은 ..
AWS 클라우드 컴퓨팅 서비스 (EC2, RDS, S3) Amazon Web Service에서 제공하는 클라우드 컴퓨팅 서비스에 대해 알아본다. EC2 Elastic Compute Cloud AWS에서 원격으로 제어할 수 있는 가상의 컴퓨터를 한 대 빌리는 것이다. EC2 서비스는 사용한만큼 비용을 지불하고 필요에 따라 성능, 용량을 자유롭게 조절할 수 있기 때문에 이름처럼 탄력적인 클라우드 컴퓨터를 제공하는 서비스라고 할 수 있다. EC2 서비스의 장점 구성하는 데에 필요한 시간이 짧다. 직접 컴퓨터를 물리적으로 구매해서 구성할 필요가 없으니까 다양한 운영체제에 대한 선택이 가능하다. (ex: redhat, suse, ubuntu, windows, linux) EC2에서는 AMI라는 다양한 템플릿을 제공하고 있어서 필요에 따라 손쉽게 운영체제를 선택하고 구성..
Cloud Computing의 이해 & Deployment Achievement Goals Cloud와 Deployment의 의미를 각 각 알고, 내 코드를 남에게 배포할 수 있다. 클라우드 컴퓨팅이 무엇인지 설명할 수 있다. Deployment의 의미를 이해할 수 있다. 코드를 남에게 배포할 수 있다. 사용하는 서비스들의 특징과 사용해야 하는 이유를 이해할 수 있다. RDS와 EC2에 설치된 데이터베이스의 차이를 이해할 수 있다. S3의 높은 가용성과 안정성을 이해할 수 있다. CloudFront의 콘텐츠 로딩시간 단축의 효과들을 이해할 수 있다. (advanced) Route53을 이용해 요청을 쉽고 안전하게 원하는곳으로 보낼수 있음을 이해할 수 있다. (advanced) 커스텀 도메인을 이용해 요청을 원하는 곳으로 라우팅할 수 있다. (advanced) D..
AUTHENTICATION - 쿠키기반/세션기반/토큰기반인증 HTTP 통신의 속성과 인증 모바일, 웹 서비스 등에서 가장 널리 쓰이는 통신 방식은 HTTP이다. HTTP통신에서 Client와 Serve는 현재 요청에 대해서만 서로를 식별할 수 있고 그 요청에 대한 응답 이후에는 연결을 유지시키지 않는 Connectionless한 속성을 가진다. 이 때문에 HTTP는 서로 다른 요청에 대해서는 아무런 정보도 가지지 않는 Stateless한 속성 (무상태성)또한 가지고 있다. 이 때문에 웹페이지에 한번 로그인한 이후에도 재차 인증 과정을 거쳐야하는 문제가 발생했고 이를 보완하기 위해 쿠키를 사용하게 되었다. 쿠키 기반 인증 방식에서 서버는 클라이언트에 인정 정보를 담은 쿠키를 전송하고, 클라이언트는 전달받은 쿠키를 요청과 같이 전송하여 stateless한 인터넷 연결..
JWT 공부 중 지식 습득 : HMAC, SHA-256, BASE64 JWT - Header The header typically consists of two parts : the type of the token, which is JWT, and the signing algorithm being used, such as HMAC SHA256 or RSA. For example: { "alg" : "HS256",//HS256은 이 토큰이 HMAC-SHA256을 사용하여 서명됨을 의미한다. "typ": "JWT" } Then, this JSON is Base64Url encoded to form the first part of the JWT. 출처 : jwt.io 음... 공부할 거 천지네. HMAC 먼저 MAC (Message Authentication Code) 이란 메시..

티스토리툴바