전체 글

git commit -m "Blog Posting #2🫡"개발자협업의 필수 도구 Git과 Github를 사용하여 프로젝트를 관리하는 방법은 로컬 저장소에서 시작하거나, 원격 저장소에서 시작하는 것이다. 이 두 가지 방법에 대해 알아보자. Local Repository에서 시작: 초기 시작로컬에서 프로젝트를 시작한 후, 이를 원격 저장소(GitHub)에 업로드하는 과정이다. 로컬에서 직접 Git 저장소를 초기화하고, 이후 원격 저장소와 연결하여 작업을 관리할 수 있다. 아래와 같이 수행한다. 1. 로컬에서 Git 저장소 초기화`git init`:현재 내 디렉토리를 Git으로 관리하겠다는 선언 = `.git` 디렉토리 생성git init  2. 기본 브랜치 이름 변경초기화된 Git 저장소에서 기본 브랜치의..

git commit -m "Blog Posting🫡"개발자협업의 필수 도구 Git & GitHub를 활용한 로컬 및 중앙 코드 관리소프트웨어 개발에서 코드 관리는 필수다. 특히, 협업 프로젝트에서 각 개발작업을 체계적으로 관리하고 충돌을 피하는 것이 가장 중요하다. 이를 위해 Git과 Github는 개발자에게는 없어선 안될 필수적인 도구이다.  Git & Github예를들어 과제를 제출할 때 막상 제출하려고하면 수정 사항들이 보이고, 수정하다 망치면 안되니 백업을 만들어 놓고 이런 상황을 반복하면 아래처럼 수많은 파일이 만들어진다.위 이미지처럼 파일을 여러개만들면 파일이 많아지고 지저분해지며 관리하기가 어려워진다.만약 개발영역에서 이처럼 코드와 파일을 관리하면 용량은 끝도없이 많아질 뿐더러 방대한 코드..

Linux Shell 기본 명령어서버를 관리하거나, 운영할 때 리눅스 명령어는 필수이다. 특히, 서버 환경에서 작업을 자동화하거나 시스템 자원을 효율적으로 관리하기 위해서는 리눅스 쉘(Bash/Zsh) 명령어를 알아야한다. 명령어들로 서버 상태 확인, 파일 관리, 네트워크 설정 등 다양한 작업에 사용된다.이번 글에서는 서버 관리와 시스템 운영에 필수인 리눅스 쉘 기본 명령어들을 정리하고, 이어서 다음 포스팅에는 Git 명령어(Git Bash)까지 알아보고자 한다.시작하기에 앞서 필자는 Git Bash 또는 Ubuntu를 사용할 예정이다.리눅스 쉘(Shell) 이란?쉘(Shell)의 개념쉘은 사용자가 운영체제 커널과 직접 소통할수 있도록 도와주는 시스템 소프트웨어의 종류이다. 운영체제(OS)는 하드웨어 자..

HTTPS & 웹 브라우저에서의 CORS 웹 보안에서 중요한 두 가지 개념은 HTTPS와 CORS이다. CORS는 웹 개발을 하다보면 한 번쯤은 보게된다는 에러메세지라고 한다. 웹 개발자의 신고식이라고도 하는 CORS가 무엇인지, 이 에러를 사전에 어떻게 방지할 수 있는지를  알아야 더 효율적이고 안전하게 웹 개발을 할 수 있기때문에 알아보고자 한다.  HTTPS는 웹 통신의 보안을 강화하기 위한 프로토콜이며, CORS는 웹 브라우저에서의 발생할 수 있는 악의적, 유저 비의도 요청(CSRF)으로부터 부분적으로 보호하는 정책이다. ※ '부분적': 완벽하게는 CSRF를 방어하지 못한다는 의미이다. "웹"에만 있는 방어 정책으로 앱에도 없고 Form 요청도 방어 할수 없다.HTTPS (HTTP Secured,..

Session"세션을 유지하시겠습니까" 지난 글에 이어서 이번엔 Session에 대해 알아보고자 한다.사용자가 웹 사이트를 방문할 때 로그인 상태를 어떻게 유지하는 것일까 ?이러한 일상적인 기능에는 '세션(Session)'이라는 개념이 숨어있다. 이번 포스팅에선 웹 어플리케이션에서 세션이 어떻게 동작하는지에 대해 지난 쿠키와 비교해서 알아보고자 한다. 웹 서버 내 저장 + 단, SESSION_ID는 웹 브라우저 내 저장 및 전송시간에 따라 기존 값을  없애줄까?세션 데이터가 일정 시간 동안 사용되지 않으면 자동으로 삭제해야한다. 세션 데이터는 주로 사용자 활동에 따라 생성된다. 시간이 지나면 더 이상 유효하지 않게 만들어야한다. → 백엔드 개발자가 배치 작업을 설정할 수 있다.Session은 사용자의 상..

Web Storage"쿠키보다 더 많은 저장 공간"  지난 글에선 Cookie를 보안 측면에서 주로 다뤄봤다면, 이번 글에선 저장공간 측면에서 다뤄볼까한다. 웹 브라우저 내에서 저장하는 방법에는 여러가지가 있다. HTML5 이전에는 쿠키(Cookie)가 웹 브라우저의 유일한 저장소 역할을 했지만, HTML5 표준이 등장하면서 Storage가 추가되었고, 이를 통해 웹 개발자는 다양한 방법으로 데이터를 관리할 수 있게 되었다. 이번 포스팅에서는 Storage와 Cookie의 차이점과 용도에 대해 알아보고자 한다.  Web Strorage란?Storage는 Cookie, Session 처럼 Stateful HTTP를 위한 기술은 아니다. → 쉽게 말해, 웹 브라우저의 데이터베이스라고 생각하면 편하다.웹 스토..

Cookie"쿠키를 허용하시겠습니까"HTTP Cookie란?HTTP Cookie는 사용자가 웹 사이트를 방문할 때 웹 브라우저에 저장되는 작은 데이터 파일이다.브라우저는 그 데이터 조각들을 저장해놓았다가 동일한 서버에게 재 요청 시 저장된 데이터와 함께 전송한다. 쿠키는 두 요청이 동일한 브라우저에서 들어왔는지 아닌지 판단할 때 주로 사용한다. 이를 이용하면 사용자의 로그인 상태를 유지할 수있다. 상태가 없는(stateless)HTTP 프로토콜에서 상태 정보를 기억시켜주기 때문이다. 예를 들어, 쿠키는 로그인 정보, 사용자 설정, 장바구니에 담긴 항목 등을 저장할 수 있다.웹 서버의 제어 + 웹 브라우저 내 저장 및 전송'Set-Cookie' 헤더를 통해 쿠키의 데이터, 유효 시간, 보안 설정 등을 관리..

인증/인가 > 3개의 해결책"쿠키"라는 단어자체가 친숙해서였는지 만만하게 보았다. 당분간 서브웨이 쿠키는 입에도 대지 않을 예정이다.물론 쿠키와 세션 모두 이전에 들어봤고 대충 어떤 것인지는 알고있었고 프로젝트에 적용해본 적도 있던 경험이 있지만 이렇게 딥하게 들어간 적도 없었다.. 쿠키&세션 그리고 거기서 파생되는 HTTPS보안 등을 알아볼까한다. 내용이 워낙 많다보니 글을 나눠서 포스팅 할 예정이다. Stateless & Stateful 내가 이해한 바로는, HTTP는 기본적으로 클라이언트와 서버 간의 요청이 독립적인 Stateless(비상태성, 비연속성)이다.서버는 각 요청이 별개의 클라이언트로부터 온 것처럼 처리하며, 이전 요청과 현재 요청 간의 관계를 유지하지 않는다.반대로 Stateful(상태..