뚝딱햄 탈출기

📌 vs code에서 브랜치를 생성 / 삭제 / 전환 / 조회하는 방법은? vs code에서 github repository를 git clone한 후 local repository에서 작업하며 사용한 명령어들을 정리해보았다.브랜치 목록 보기원격 브랜치와 로컬 브랜치는 별개의 브랜치이기 때문에, 목록을 확인하기 위한 명령어가 다르다.git branch # 로컬 브랜치 확인git remote update # 원격 브랜치 정보 업데이트git branch -r # 원격 브랜치 확인git branch -a # 전체 브랜치 확인 (로컬, 원격)브랜치 전환나는 이제 FE_feature_hyerim 브랜치에서의 작업을 마치고 타 브랜치에서 작업을 하려 한다. 원격 브랜치인 origin/BE_feature 에서 작업하..

요약CORS(Cross-Origin Resource Sharing)는 서로 다른 도메인 간에 리소스 공유를 허용하는 웹 애플리케이션 보안 정책이다. 보안 상의 이유로 브라우저에서는 기본적으로 동일한 출처(프로토콜, 호스트, 포트)에서만 리소스에 접근을 허용하고 다른 출처에서는 보안 상의 이유로 접근을 차단하는 SOP(Same-Origin Policy)가 적용된다.하지만 CORS를 사용하면, 허용된 출처 외의 다른 출처에서도 특정 리소스에 접근할 수 있도록 서버 측에서 설정할 수 있다. 따라서 CORS를 사용하면 다양한 출처에서 리소스를 공유할 수 있으므로, 클라이언트와 서버 간의 커뮤니케이션을 보다 유연하게 구성할 수 있다.🙋‍♀️ SOP에 대해 먼저 알아보자SOP(same origin policy)란..

요약정적 페이지는 미리 작성된 HTML, CSS 및 JavaScript 파일로 구성되며, 동적 페이지는 서버 측 스크립팅 언어를 사용하여 생성된다.SPA는 하나의 HTML 페이지로 구성되고 JavaScript를 사용하여 동적으로 업데이트되는 반면, MPA는 여러 HTML 페이지로 구성되고 각 페이지는 서버에서 렌더링된다.CSR은 클라이언트 측 JavaScript를 사용하여 페이지를 렌더링하는 기술이고, SSR은 서버 측에서 HTML 페이지를 렌더링하는 기술이다.SPA와 MPAMPA (Multiple Page Application)여러 개의 페이지로 구성된 애플리케이션사용자가 페이지를 요청할 때마다 (= 화면이 전환될 때마다) 웹 서버가 요청한 UI와 필요한 데이터를 HTML로 파싱해서 보여주는 방식의 웹..

HTTP vs. HTTPSHTTPS는 TLS 혹은 SSL을 사용하여 기존의 HTTP를 암호화한 프로토콜이다.따라서 HTTP와 HTTPS의 가장 큰 차이점은 데이터의 보안성이다.HTTP 포트 번호: 80, HTTPS 포트 번호: 443HTTPHTTP는 데이터 전송 과정에서 암호화를 하지 않는다.따라서 데이터가 평문으로 전송된다.이는 해커가 데이터를 가로채어 변조나 도용할 수 있는 위험이 있다.따라서, 비밀번호, 계좌번호, 신용카드 정보 등 민감한 정보가 포함된 웹사이트를 HTTP로 전송할 경우 보안상 취약점이 생길 수 있다.HTTPSSSL(Secure Socket Layer) 또는 TLS(Transport Layer Security) 프로토콜을 사용하여 데이터를 암호화한다.TLS란 인터넷에서의 정보를 암호..

HTTPHTTP(HyperText Transfer Protocol)는 클라이언트와 서버 간의 통신을 위한 프로토콜이다.다양한 메소드를 제공하여 요청과 응답을 처리한다.HTTP 메소드를 사용해 클라이언트는 웹 서버에 대해 원하는 동작을 지시(요청)하고, 서버는 해당 동작에 따른 응답을 제공한다.HTTP 요청 메서드로는 GET, POST, PUT, PATCH, DELETE, HEAD, CONNECT, OPTIONS, TRACE가 있다.https://developer.mozilla.org/ko/docs/Web/HTTP/Methods ← 여기서 각 메서드에 대한 설명 확인모든 HTTP 요청 메시지는 한개의 메서드를 갖는다.GET vs. POST목적GET클라이언트가 서버로 특정 리소스(문서, 이미지 등)를 요청하..

순열이란? 서로 다른 n개의 원소에서 r개를 중복없이 순서를 고려하여 선택하거나 나열하는 것. [1, 2, 3]에서 2개를 중복없이 순서를 고려하여 선택 및 나열한다면 [1, 2], [1, 3], [2, 1], [2, 3], [3, 1], [3, 2] 이다. (조합은 순서를 고려하지 않고 선택 및 나열하는 것. 위와 같은 예시에서 조합을 구한다면 [1, 2], [1, 3], [2, 3]) JavaScript로 순열 구현하기 1. 선택할 원소 개수 r이 정해져 있을 때 ref: https://www.youtube.com/watch?v=0tcgYHU8IIs function permutate(arr) { const results = []; // DFS const dfs = (i, arr) => { // ba..