Note1. React Rendering mechanism React의 Component는 Rendering 상태가 변경될 때마다 함수를 다시 렌더링한다. 상태(State) : React가 감시하는 데이터이다. 상태가 변하면 리액트는 UI를 다시 렌더링한다. 변수(let, const) : 렌더링될 때마다 초기화되며 값이 변하더라도 UI는 렌더링되지 않는다. 즉, 상태가 변경되면 리액트는 변경된 컴포넌트를 추적해 업데이트된 상태를 반영하여 UI를 자동으로 리랜더링 하지만 변수가 변경된다고 하더라도 UI를 자동으로 랜더링하지는 않는다. Note2. useState useState는 컴포넌트 내부에서 동적 데이터를 관리할 때 사용하는 일종의 기억 장치이다. state : 현재 상태 값setState : 상..

해당 글은 Github에서 Branch를 보호하는 룰을 설정하는 방법에 대해 다룬다. 특히 팀 협업에 있어서 Main Branch의 Rule을 설정하는 것은 매우 중요하다. 우선 Team Repository에 들어가 브랜치 규칙을 할당할 팀을 먼저 생성한다. Branch Name & Enforcement StatusRepository Settings Rulesets로 들어가 Ruleset Name, Enforcement Status를 Active한다. Bypass list Rulset을 무시하고 직접 브랜치에 Merge, Push 가능한 Organization Group을 설정한다. 프로젝트 리더나 중요한 멤버만 설정할 수 있도록 하자. Target branches BranchRule을 적용할 Br..

개인적인 학습 용도로 정리한 글이기에 잘못된 내용을 포함하고 있을 수 있습니다. Inflater란?xml로 정의한 레이아웃을 메모리에 올리고 객체화시키는 함수모든 xml 레이아웃은 Inflater를 통해 객체화된다. Activity With InflaterActivity로 화면을 생성할 경우 Java/Kotlin 소스코드와 xml 레이아웃 파일 2개가 생성된다.나는 Activity로 화면을 생성했을 때 Inflater를 호출한 적이 없는데?라고 생각할 수 있으나Activity에서 onCreate() 메서드 내부의 setContentView() 메서드가 내부 생명주기에서 자동으로 Inflater를 호출해 주기에 inflater를 사용하지 않는 것처럼 보이는 것이다. public class MainActi..

#JWT란?정보를 안전하게 전송하기 위한 표준 규격서버가 상태를 저장하지 않는 Stateless 방식이다.서명 정보(Signature)를 통해 정보가 위조되지 않았음을 보장한다. (무결성 보장) JWT의 구조JWT는 dot(.)으로 구분된 세 가지 영역 (Header, Payload, Signature) 으로 나눈다 Header→ 어떤 알고리즘으로 서명했는지, 토큰 타입은 무엇인지 등 메타 정보를 담는다.ex) { “alg” : “HS256”, “typ”: “JWT” }JSON객체(헤더)를 Base64Url로 인코딩하여 xxxxx를 만든다. Payload→ 서버와 클라이언트가 주고받고자 하는 “실제 정보”를 담는다. 이 정보를 클레임(Claim)이라고 부른다.등록된 클레임 (Registered Cla..

Session 기반 인증 방식이란?사용자의 상태 정보(로그인 여부 등)를 서버에 저장하는 Stateful 상태 유지 방식이다.세션은 클라이언트가 서버에 요청을 한 시점이 언제인지에 따라서 동작이 달라진다. 가장 흔하게 사용되는 로그인 동작을 기반으로 "세션"의 동작에 대해 소개한다.세션 동작 방식최초 요청 (로그인)“클라이언트” → 로그인 정보를 서버에 전달 (ID: User, Pw: 1234)“서버” → DB에서 아이디/패스워드를 검증 후 User 전용 “세션 저장소”를 생성. 해당 저장소에는 이 사람은 User이고 “관리자” 권한이 있다.. 등의 정보를 저장함“서버” → 클라이언트에 반환할때 header의 Set-Cookie에 session-ID를 담아서 반환“클라이언트” → 응답 헤더의 Set-Co..