Dahoon06 Store

💡 문제점 유니서베이 테스트 중에 URL에 프로젝트 번호를 입력하면 권한이 없더라도 접근이 가능한 문제점이 발견되었다. 프로젝트의 고유 번호가 630 이라고 하면 URL에 직접 make/630 등 프로젝트 번호를 입력하면 내 프로젝트가 아니여도 편집 및 실사 진행이 가능하다. ⚡ 원인 프로젝트에 관련하여 이 프로젝트가 내 프로젝트인지 확인해주는 검사 로직이 없었다. 그렇기 때문에 URL로 직접 입력하게 된다면 누구나 접근할 수 있는 문제점이 있다. ⚒️ 해결 - vue routes 에서 처리 라우터 이동 전에 권한을 검사하는 로직을 짜서 접근을 막는 방법 - Nest 에서 Custom Guards 를 만들어서 처리 요청이 왔을 경우 백엔드에서 권한을 조회한다. 이 2가지 중 하나만 해줘도 권한이 없는 프..

이번에 새로 두 분이 입사하셨다. 한분이 제이쿼리를 학습하시면서 remove()를 사용하는데 선택한 값이 지워지지 않는다고 질문을 주셨다. (사내 서베이 솔루션이 제이쿼리로 짜여있어 이 솔루션 한에서는 제이쿼리를 활용하고 있기 때문에 어느정도 제이쿼리를 다룰 줄 알아야한다.) 코드는 이러했다. $(document).ready(() => { $('#menu li').click(() => { this.remove(); }) }); 로그를 찍어보니 여기서 this 가 window 객체를 가르키고 있었다. 그래서 내가 알려준 코드는 아래와 같다. $(document).ready(() => { $('#menu li').on('click',(e) => { const target = e.target target.re..

Body 요소 콘텐츠를 담는 HTML 요소 콘텐츠의 대부분을 차지하고 있어 시맨틱 태그(의미있는 태그)를 잘 활용하는것이 좋다. 💡 시맨틱 태그를 사용하는 이유 1. 검색엔진 최적화 (SEO) 2. 쉬운 소스 코드 구조화 3. 코드 가독성 향상 브라우저가 문서를 읽었을 때 정확하게 인식할 수 있도록 해야한다. heading 요소 heading 은 h1 ~ h6 까지의 태그를 의미한다. (숫자가 낮을 수록 중요한 제목을 의미!!!) heading 요소를 사용하면 익명 영역 (anomymous section) 이 생기게 된다. 익명 역영 (anomymous section): section 요소를 암묵적으로 포함하고 있다는 의미. h1 태그 시작 지점 (section 태그의 시작) 하나의 문단이 존재하네요. ..

실습 내용 - kubectl 학습 - 배포 yaml 파일 만들기 - 배포 시작 및 업데이트 확장 - 배포 및 배포 스타일 업데이트 학습 3가지 배포 전략 1. 순차적 배포 2. Canary 배포 3. Blue/Green 배포 실습에 사용할 컨테이너 불러오기 # gsutil 도구를 사용하여 이동 gsutil -m cp -r gs://spls/gsp053/orchestrate-with-kubernetes . cd orchestrate-with-kubernetes/kubernetes # n1-standard-1 노드 5개로 클러스터를 만듭니다. gcloud container clusters create bootcamp --num-nodes 5 --scopes "https://www.googleapis.com/..

- Cluster(클러스터) 컨테이너 형태의 애플리케이션을 호스팅하는 물리/가상 환경의 노드로 이루어진 집합 (애플리케이션을 실행하기 위한 일련의 노드 머신) 쿠버네티스를 실행 중 === 클러스터를 실행 중 클러스터의 용도에 따라 워커 노드(Worker Node)와 마스터 노드(Master Node)로 구분 워커 노드(Worker Node) : 각기 다른 컨테이너를 가직고 있는 노드, 각기 다른 목적과 기능으로 세분화된 컨테이너들이 실제 배치되는 노드를 의미 마스터 노드(Master Node) : 대규모 컨테이너를 운영하려면 각 워커 노드들의 가용 리소스 현황을 고려하여 최적의 컨테이너 배치와 모니터링, 그리고 각 컨테이너에 대한 효율적이 추가 관리가 필요, 이 역할을 수행하는 노드를 마스터 노드라 칭함..

실습 환경 Google Cloud Shell GKE (Google Kubernetes Engine) 사용: Google 인프라를 사용하여 컨테이너식 애플리케이션을 배포, 관리 및 확장할 수 있는 관리형 환경 - 실습 순서 - 1. 기본 컴퓨팅 영역 설정 2. GKE 클러스터 만들기 3. 클러스터 사용자 인증 정보 얻기 4. 클러스터에 애플리케이션 배포 5. 클러스터 삭제 기본 컴퓨팅 영역 설정 컴퓨팅 영역을 us-central1-a 로 설정하기 위한 명령어 us-central1-a: 북미 아이오아주 카운실블러프즈 지역 gcloud config set compute/zone us-central1-a GKE 클러스터 만들기 gcloud cli 명령어 사용 gcloud container clusters cre..

Google Cloud Study Jam에서 진행하는 Docker & Kubernetes 학습 프로그램입니다. 모든 실습 환경은 Google Cloud Shell에서 진행됩니다. Docker: Container 기반 오픈소스 가상화 플랫폼 Images: 컨테이너 실행에 필요한 파일과 설정값 등을 포함하는 것으로, 상태값을 가지지 않고 변하지 않습니다. Container: 이미지를 실행한 상태이며 추가되거나 변하는 값은 컨테이너에 저장됩니다. - 실습 순서 - 1. Docker 컨테이너 빌드, 실행, 디버깅 2. Docker Hub 및 Google Container Registry에서 이미지 가져오기 3. Docker 이미지를 Google Container Registry로 푸쉬하기 Qwiklabs 설정 ..

HTML 태그 중에서 article 과 section 이라는 태그가 있다. 조금만 검색해보면 article의 경우 블로그 글, 포럼 글, 뉴스 기사 등 이라고 정리되어있고, section의 경우 문서 등 주제를 구분짓기 위해 사용된다고 정리되어 있는데 저 정리만 보고 항상 드는 생각이 "아니 그래서.. 어떻게 활용하는데...???" 나만 저 정리된 블로그들을 보면서 이해를 못하는 것일 수도 있다. 그래서 제대로 공부하지 않고 시맨틱 태그를 활용해보자 하고 사이드 프로젝트에 적용 시킨 코드는 아래와 같다. 이 작업이 마음에 드시나요? 찜하기 아래 3장의 이미지 확대해서 보기 default 첫번째 이미지 꽃과 레터링 할인 이벤트 조회수 56회 50,000 100,000 위치 서울 마포구 (홍대) 장르 블랙워..

문제 설명 정수 배열 numbers가 주어집니다. numbers에서 서로 다른 인덱스에 있는 두 개의 수를 뽑아 더해서 만들 수 있는 모든 수를 배열에 오름차순으로 담아 return 하도록 solution 함수를 완성해주세요. 제한사항 ) numbers의 길이는 2 이상 100 이하입니다. numbers의 모든 수는 0 이상 100 이하입니다. 입출력 예 ) numbers result [2,1,3,4,1] [2,3,4,5,6,7] [5,0,2,7] [2,5,7,9,12] 작성한 코드 /** * @param numbers * @returns {*[]} */ function solution(numbers) { const arr = []; for(let i = 0; i < numbers.length; i++)..

문제 설명 2016년 1월 1일은 금요일입니다. 2016년 a월 b일은 무슨 요일일까요? 두 수 a ,b를 입력받아 2016년 a월 b일이 무슨 요일인지 리턴하는 함수, solution을 완성하세요. 요일의 이름은 일요일부터 토요일까지 각각 SUN, MON, TUE, WED, THU,FRI, SAT 입니다. 예를 들어 a=5, b=24라면 5월 24일은 화요일이므로 문자열 "TUE"를 반환하세요. 제한사항 ) 2016년은 윤년입니다. 2016년 a월 b일은 실제로 있는 날입니다. (13월 26일이나 2월 45일같은 날짜는 주어지지 않습니다) 입출력 예 ) a b result 5 24 "TUE" 정답코드 /** * * @param a: Month * @param b: Day * @returns {strin..