본문 바로가기

분류 전체보기340

[React.js] Warning: The href attribute is required for an anchor to be keyboard accessible... Warning Message Line 82:31: The href attribute is required for an anchor to be keyboard accessible. Provide a valid, navigable address as the href value. If you cannot provide an href, but still need the element to resemble a link, use a button and change it with appropriate styles. Learn more: https://github.com/jsx-eslint/eslint-plugin-jsx-a11y/blob/HEAD/docs/rules/anchor-is-valid.md jsx-a11y/.. 2021. 11. 25.
[Vue.js] Vue CLI + Vuetify + Vue Router 1. Vue CLI 설치 vue-cli는 기본 vue 개발 환경을 설정해주는 도구이다. vue-cli가 기본적인 프로젝트 세팅을 해주기 때문에 폴더 구조에 대한 고민, lint, build, 어떤 라이브러리로 구성을 해야하는지 webpack 설정은 어떻게 해야하는지에 대한 고민을 덜 수 있다. 여기서 CLI란? 명령 줄 인터페이스(CLI, Command line interface) 또는 명령어 인터페이스는 텍스트 터미널을 통해 사용자와 컴퓨터가 상호 작용을 하는 방식을 뜻한다. 즉, 작업 명령은 사용자가 컴퓨터 키보드 등을 통해 문자열의 형태로 입력하며, 컴퓨터로부터의 출력 역시 문자열의 형태로 주어진다.(위키백과) npm 또는 yarn이 설치되어 있어야 한다. npm install -g @vue/cli.. 2021. 11. 20.
[AWS] AWS Solutions Architect - Associate 자격증 취득 후기 AWS Solutions Architect - Associate 자격증이란? AWS에서 배포 시스템을 설계하고 구현하는 능력을 검증하는 시험이다. AWS 공식 홈페이지 상에서의 시험 응시 대상은 'AWS에서 확장 가능하고 가용성이 뛰어나며 비용 효율적인 내결함성을 갖춘 분산 시스템을 1년 이상 실제로 설계한 경험이 있는 모든 사람'으로 아래와 같은 조건을 갖추고 있는 것이 좋다고 한다. 컴퓨팅, 네트워킹, 스토리지 및 데이터베이스 AWS 서비스는 물론, AWS 배포 및 관리 서비스를 포함하여 AWS 기술에 대한 1년의 실전 경험 AWS에서 워크로드를 배포, 관리, 운영한 경험과 보안 제어 및 규정 준수 요구 사항을 구현한 경험 AWS 관리 콘솔과 AWS Command Line Interface(CLI) .. 2021. 11. 17.
[OAuth] OAuth2.0란? OAuth(Open Authorization)란? 자신이 소유한 리소스에 소프트웨어 애플리케이션이 접근할 수 있도록 허용해 줌으로써 접근 권한을 위임해주는 개방형 표준 프로토콜 OAuth 탄생 배경 OAuth이 등장하기 전에 A 사이트에서 B 사이트의 리소스를 가져오기 위해서는 다른 사이트의 ID와 Password를 직접 입력 받아 저장하여 필요할 때마다 불러와서 사용을 해야했다. 위와 같은 방식을 사용하게되면 다음과 같은 문제가 발생한다. 사용자 : A 사이트에 B사이트의 ID와 Password를 넘겨주는 것에 대해 신뢰할 수 없다. A 사이트 : ID와 Password를 받았기 때문에 보안 문제가 생기는 경우 모든 책임을 져야한다. B 사이트 : A 사이트를 신뢰할 수 없다. 위와 같은 문제를 해결하.. 2021. 10. 19.
[React.js] Warning: validateDOMNesting(...): <tr> cannot appear as a child of <table> Warning: validateDOMNesting(...): cannot appear as a child of . Add a , or to your code to match the DOM tree generated by the browser. at tr at table at div at div at Information (http://localhost:3000/main.f8aa81041ea5266af521.hot-update.js:33:3) at div at App (http://localhost:3000/static/js/main.chunk.js:171:94) console. 브라우저에는 태그가 필요하다. 코드에 없으면 브라우저에서 자동으로 삽입하는데, 이 것은 첫 번째 랜더링에서는 잘 동작하지만 테이.. 2021. 10. 13.
Data Warehouse Vs Data Lake Data Warehouse(데이터 웨어하우스) 다양한 소스에서 수집된 잘 구성된 데이터의 중앙 저장소이다. 간단히 말해서 데이터는 이미 정리되고 분류되어 복잡한 구조의 테이블에 저장된다. 데이터 웨어하우스가 설정되고 현재 및 과거 데이터로 로드되면 기업은 이를 사용하여 예측 대시보드 및 추세 보고서를 생성하고 비지니스 프로세스에 대한 귀중한 통찰력을 얻을 수 있다. 데이터 웨어하우스 특성 통합 데이터는 원본 소스에 관계없이 항상 동일한 방식으로 추출되고 변환된다. 비휘발성 데이터 웨어하우스는 실시간으로 업데이트되지 않는다. 데이터의 예약 및 시간 업로드를 통해 업데이트되어 일시적인 변경의 영향으로부터 데이터를 보호한다. 확장 가능 데이터 웨어하우스는 스토리지 공간에 대한 증가하는 수요를 충족하기 위해 쉽.. 2021. 10. 12.
반응형