Front-End

AWS 배포 후 도메인으로 메뉴에 접근하려고 할 때 나타나는 오류이다.403오류 인데'작동중인 서버에 클라이언트의 요청이 도달했으나, 서버가 클라이언트의 접근을 거부할 때 반환하는 HTTP 응답 코드이자 오류 코드다.' 이럴 때 어떻게 하나 인터넷에 찾아봤으나 퍼블릭 엑세스를 차단하지 않으면 된다고하는데, 이미 차단하지 않는다고 설정했음에도 오류가 나타는 상황이었다. 이럴 때 어떻게하나 해서 그전 배포 방식을 찾아봤다.  그전 방식을 찾아보니 오류 페이지에 오류코드를 응답페이지 경로로 설정해서 200 코드를 내게 끔 설정하게 되면원래 나던 오류가 해결되는 것을 확인 할 수 있다.    이 방법이 맞는 것은 아니지만,배포 자체에서의 문제는 발생하지않는다.추후 다른 방법이 있다면 블로그에 올려두도록 할 예정..

인증 : 사용자의 신원을 검증하는 프로세스를 뜻한다. 즉, ID와 PW를 통해 로그인하는 행위를 인증이라고 한다. 인가 : 인증 이후의 프로세스인데, 인증된 사용자가 어떠한 자원에 접근할 수 있는지를 확인하는 절차다. HTTP의 stateless 웹 사이트는 HTTP통신 위에서 동작한다. 웹 사이트 내의 모든 요청과 응답은 stateless한 특성을 가진다고하는데, 이는 서버에서 Client의 이전 상태를 기억하고 있지 않다는 뜻이다. HTTP의 stateless라는 특성을 인증과 함께 생각해보면 로그인을 통해 인증을 거쳐도 이후 요청에서는 이전의 인증된 상태를 유지하지 않게 된다. 이러한 상황에서 웹사이트를 이용하려면 인증/인가가 필요한 모든 상황에서 사용자는 반복적으로 ID/PW를 입력해야하는 불상사..

좋은 설계란 ? " 높은 응집도와 낮은 결합도 " 를 가지도록 구성하게 배치하는 것이라고 한다. '모듈' 너무 많이 들어본 단어다. 모듈이란, 크기와 상관없이 클래스나 패키지, 라이브러리와 같이 프로그램을 구성하는 임의의 요소를 의미한다. 참고로 클린 소프트웨어 저자인 로버트 마틴에 따르면 모든 모듈은 제대로 실행되어야하고, 변경이 용이해야하고, 이해하기 쉬워야한다고 한다. 우리가 알아봐야할 응집도란, 모듈에 포함된 내부 요소들이 하나의 책임/목적을 위해 연결되어있는 연관된 정도다. 하나의 모듈에 하나의 책임/목적을 위해 연결된 기능들이 잘모여있고, 긴밀하게 연결되어 협력하고있다면 수정하기 쉬워집니다. 결합도는 다른 모듈과의 의존성 정도입니다. 모듈 수정을 위해 다른 모듈의 변경을 요구하는 정도인데, 낮..

해결해야 할 문제를 구조화하고, 논리적이며 순차적으로 해결할 수 있도록 커다란 문제를 작게 쪼개어 분석하고 해체하고, 지금의 문제가 과거에 해결된 문제들과 어떻게 연결되거나 연관이 있는지 패턴을 이해하고, 문제해결과 전혀 무관한 절차나 과정은 무시하거나 제외하고, 문제를 빠르게 해결할 수 있는 방법이나 공식을 개발하거나 정의하는 알고리즘을 개발하는 일련의 체계화되고 구조화되며 순차적이며 몇 개의 대안 중에 하나를 선택하는 시나리오적 사고방식을 의미한다.

회사 기존 파일로 새 레포에 옮기는 작업을 진행했다. 정서라는 레포에있는 브랜치를 clone 해서 정서1이라는 새 레포에 push해서 yarn install 과 build 작업까지 마쳐둘 계획이었다. 그런데 처음보는 이슈가 발생했다 .. opera mobile...이 뭐죠 다운로드했던 기억이없던 모듈이었습니다. 구글링 해보니 babel 모듈이 업데이트되면서 opera를 지원하지않게되는 버전이 생기면서 생긴 오류라고 합니다. @babel/helper-compilation-targets (old version, targets don't contain opera_mobile => crash) => @babel/helper-define-polyfill-provider (yarn resolves to 0.3.3,..

저의 스터디 선생님과 하는 추가적인 기본 공부입니다. 다른 블로그나 정의 개념 등을 찾아 공부하고, 읽어보고 난 후 제 생각으로 적는 내용입니다. 정확하지 않을 수 있으니 참고만 부탁드립니다! 1) 알고리즘이란? 알고리즘이란, 제가 처음에 생각하기에는 문제를 풀어나가는 해설..? 메서드를 사용하는 순서를 배우는 공부 정도로 이해했습니다. 찾아보니 알고리즘이란 제 처음 생각과 야아아악간 비슷하게? ' 문제를 풀어나가기위한 풀이과정이며, 즉 문제 해결 방법이라고 한다. ' 수학 좀 하면 할 수 있을 것이다. 라는 말을 이해를 못 했었는데, 문제를 풀다보면, 수학적인 그래프나 정렬, 행렬, 연산 등이 필요할 경우가 많았다. 문제이해 자체가 어려운 경우도 많았다. 알고리즘이라는 말이 '문제 해결 방법'으로 보면..

이제 길고 길던, 기초트레이닝이 끝났습니다!!! 문제 111. 배열 만들기 6 문제 설명 0과 1로만 이루어진 정수 배열 arr가 주어집니다. arr를 이용해 새로운 배열 stk을 만드려고 합니다. i의 초기값을 0으로 설정하고 i가 arr의 길이보다 작으면 다음을 반복합니다. 만약 stk이 빈 배열이라면 arr[i]를 stk에 추가하고 i에 1을 더합니다. stk에 원소가 있고, stk의 마지막 원소가 arr[i]와 같으면 stk의 마지막 원소를 stk에서 제거하고 i에 1을 더합니다. stk에 원소가 있는데 stk의 마지막 원소가 arr[i]와 다르면 stk의 맨 마지막에 arr[i]를 추가하고 i에 1을 더합니다. 위 작업을 마친 후 만들어진 stk을 return 하는 solution 함수를 완성..

이제 얼마 안남았습니다 !!! 드디어 110입니다. 문제 106. 문자 개수 세기 문제 설명 알파벳 대소문자로만 이루어진 문자열 my_string이 주어질 때, my_string에서 'A'의 개수, my_string에서 'B'의 개수,..., my_string에서 'Z'의 개수, my_string에서 'a'의 개수, my_string에서 'b'의 개수,..., my_string에서 'z'의 개수를 순서대로 담은 길이 52의 정수 배열을 return 하는 solution 함수를 작성해 주세요. 입출력 예 my_string result "Programmers" [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, ..

이제 얼마 안남았습니다 . ㅎㅎ ㅎㅇㅌ..! 문제 102. qr code 문제 설명 두 정수 q, r과 문자열 code가 주어질 때, code의 각 인덱스를 q로 나누었을 때 나머지가 r인 위치의 문자를 앞에서부터 순서대로 이어 붙인 문자열을 return 하는 solution 함수를 작성해 주세요. 입출력 예 q r code result 3 1 "qjnwezgrpirldywt" "jerry" 1 0 "programmers" "programmers" 입출력 예 설명 저의 풀이! function solution(q, r, code) { let answer = ''; for (let i = 0; i { if (a >= 50 && a % 2 === 0) return a / 2; if (a v === 변화배열[..

이제 곧 기초 트레이닝이 끝납니다 ..!!! 이제 100문제가 넘었습니다. 문제 98. 수열과 구간 쿼리 4 문제 설명 정수 배열 arr와 2차원 정수 배열 queries이 주어집니다. queries의 원소는 각각 하나의 query를 나타내며, [s, e, k] 꼴입니다. 각 query마다 순서대로 s ≤ i ≤ e인 모든 i에 대해 i가 k의 배수이면 arr[i]에 1을 더합니다. 위 규칙에 따라 queries를 처리한 이후의 arr를 return 하는 solution 함수를 완성해 주세요. 입출력 예 arr queries result [0, 1, 2, 4, 3] [[0, 4, 1],[0, 3, 2],[0, 3, 3]] [3, 2, 4, 6, 4] 입출력 예 설명 저의 풀이! function solut..