반응형

2881

Vue.js : 템플릿 이해하기

HTML {{ title }} Java Script new Vue({ el: '#app', data: { title: 'Hello World!' } }) 출력 결과 아주 간단한 프로젝트입니다. 제목을 출력하고 제목은 단순히 hello world입니다. 모듈로 다른 텍스트를 출력하며, 이벤트는 따로 없습니다. 왜냐하면 시작하려는 것은이 vue 인스턴스와 이 html 코드 사이의 연결에 대해 알아보기 위함입니다. 이러한 연결이 있다고 설명하기 전에 한 가지 중요한 것이 있기 떄문입니다. 이 새로운 vue js 인스턴스를 만들어서 강조하고 싶은 것은 변수에 저장하지 않는다는 점에 유의해야 합니다. 이 인스턴스를 인스턴스화하여 생성하지만 vue js는 이 연결을 만들고 vue js는 이 HTML 코드를 가져옵니..

SW/Vue.js 2020.08.18

SW 면접 : 데이터 베이스 : DDL, DML, DCL 개념과 차이점

DDL (Data Definition Language) 객체의 생성, 변경, 삭제 명령어를 뜻합니다. 예를 들어, create, alter, drop, rename 등이 있습니다. schema, domain, table, view, index를 정의, 변경, 삭제할 때 사용하는 언어입니다. 주로 데이터베이스 관리자나 데이터 베이스 설계자가 사용합니다. 데이터 정의어는 3가지 유형으로 craete, alter, drop이 있습니다. DML (Data Manipulation Language) 레코즈 제어 명령어 입니다. 예를 들어, select, insert, update, delete 등이 있습니다. 데이터 베이스 사용장와 데이터 베이스 관리 시스템 간의 인터페이스를 제공합니다. 데이터 베이스 사용자가 응..

SW/면접 2020.08.17

SW 면접 : 데이터베이스 : 데이터와 파일의 차이점

데이터는 현실 세계에서 단순한 관찰이나 측정을 통해 수집한 사실이나 값을 뜻합니다. 파일은 순차적인 레코드 들이 이루는 것을 뜻합니다. 파일 시스템은 DBMS가 등장하지 않았을 때인 1960년대부터 사용되어 왔습니다. 이는 접근하는 방식이 응용 프로그램 내에 상세하게 표현됩니다. 그러므로 데이터에 대한 응용 프로그램의 의존도가 높습니다.

SW/면접 2020.08.16

SW 면접 : 데이터 베이스 : DBA의 역할

DBA는 데이터베이스 관리자를 뜻합니다. DB 시스템의 관리, 운영에 대한 모든 책일을 지는 사람이라고 볼 수 있습니다. DBA는 DB의 구성 요소를 결정, 스키마 정의, 저장 구조와 접근 방법을 설정합니다. 또한, data의 백업과 회복 절차의 수립, 무결성 유지를 합니다. 보안 정책을 수립하고 권한 부여 역할을 담당합니다. 예를 들어, 자료 복구(백업), 보전(데이터 보전), 보안(접근 제어), 사용 가능, 성능, 개발 및 테스트 지원 등의 업무를 담당합니다. 데이터 베이스 관리자의 역할은 데이터 베이스 관리 시스템의 기술, 데이터 베이스 소유자의 요구에 따라 바뀌어 갑니다. 로컬 및 물리 데이터 베이스 설계가 전통적으로 데이터베이스 분석가나 데이터 베이스의 설계자의 의무라 할지라도, 데이터 베이스 ..

SW/면접 2020.08.15

SW 면접 : 데이터베이스 : DBMS 필수 기능

DBMS는 3가지 필수 기능이 있습니다. 첫번째는 자료구조 정의입니다. 데이터 베이스에 저장될 데이터 type과 구조에 대한 정의, 데이터가 저장 될 때의 제약조건등을 명시하는 기능입니다. 두번째는 조작입니다. 데이터의 검색, 갱신, 삽입과 삭제 등을 체계적으로 처리하기 위한 수단으로 제공하는 기능입니다. 세번째는 제어입니다. 데이터의 정확성과 안전성을 유지하기 위한 무결성, 보안, 권한 검사 등의 기능을 정하는 기능입니다. 정리를 하면 아래와 같습니다. 정리 정의 : 데이터 형, 구조, 데이터 DB에 저장될 떄의 제약 조건등을 명시하는 기능입니다. 조작 : 데이터 검색, 갱신, 삽입, 삭제 등을 체계적으로 처리하기 위해 데이터 접근 수단 등을 정하는 기능입니다. 제어 : 데이터 베이스를 접근하는 갱신 ..

SW/면접 2020.08.14

SW 면접 : 데이터 베이스 : 스키마와 종류

데이터 베이스에 스키마는 DB의 구조와 제약 조건에 관한 전반적인 명세를 기술합니다. 스키마는 사용자의 관점에 따라서 외부 스키마, 개념 스키마, 내부 스키마로 나누어집니다. 외부 스키마는 사용자 각각의 입자에서 필요로 하는 DB의 논리적 구조를 정의합니다. 개념 스키마는 범 기관적인 관점에서 정의한 DB 스키마입니다. 내부 스키마는 저장 장치 관점에서 정의한 DB 스키마로 개념 스키마에 대한 물리적 자료구조를 정의합니다. 스키마 정의 데이터 베이스의 구조와 제약 조건에 관한 전반적인 명세를 기술합니다. 데이터 베이스를 구성하는 데이터 개체, 속성, 관계, 데이터 조작 시 데이터 값들이 갖는 제약 조건 등에 관핸 전반적으로 정의합니다. 스키마는 데이터 사전에 저장됩니다. 다른 이름으로 메타 데이터라고도 ..

SW/면접 2020.08.13

DevOps : Docker 환경 정리 : 방법, 명령어

이 튜토리얼에서는 더 이상 사용하지 않는 docker 이미지의 로컬 환경을 정리하는 방법을 살펴 보겠습니다. Docker는 훌륭하지만 다운로드 한 이미지 및 컨테이너 중 일부는 컴퓨터에서 많은 공간을 차지할 수 있습니다. 이러한 이미지 중 일부는 더 이상 개발하지 않는 오래된 프로젝트에 대한 것일 수 있으므로 이미지를 로컬로 가질 필요가 없습니다. 어떤 이유로든 프로젝트가 도커로 돌아 가야하는 경우 로컬에서 찾을 수 없는 이미지를 쉽게 다운로드 할 수 있습니다. 도커 사용량 보기 명령어 사용하기 $ docker system df 이미지, 컨테이너 및 볼륨이 얼마나 많은 공간을 사용하고 있는지 확인할 수 있습니다. $ docker system df TYPE TOTAL ACTIVE SIZE RECLAIMAB..

SW/DevOps 2020.08.12

DevOps : Docker 이미지를 푸시하는 Github Action

Github 액션을 사용하여 마스터로의 병합에서 라벨 애플리케이션에서 PHPUnit 테스트를 실행하는 방법을 살펴 보았습니다. 테스트가 성공한 다음 단계는 도커 이미지를 빌드하고이를 저장소에 푸시하는 것입니다. 테스트가 성공적으로 완료되고 도커 이미지를 리포지토리에 푸시 한 후에 실행할 새 워크 플로 파일을 만들어야합니다. 먼저 워크 플로 폴더 .github/workflows/docker.yml에 새 파일을 만들고 해당 파일에 다음을 붙여 넣습니다. name: Docker on: push: branches: [ master ] jobs: build: runs-on: ubuntu-latest steps: - name: 'Checkout GitHub Action' uses: actions/checkout@v..

SW/DevOps 2020.08.11

DevOps : MacOS에서 도커 성능 향상 방법

Docker를 사용하도록 개발 프로세스를 옮겼다면 기본 인프라에서 실행하는 것보다 성능 차이가 있음을 알 수 있습니다. 다음은 특히 MacOS를 사용하는 개발자에게 로컬 컴퓨터의 도커 속도를 높이는 데 사용할 수 있는 몇 가지 팁입니다. 볼륨 최적화 이것은 로컬 컴퓨터의 도커 성능에 가장 큰 영향을 미칩니다. 볼륨 캐싱을 향상시킬 수 있으면 응용 프로그램의 로딩 속도가 크게 향상됩니다. Docker 17.04부터 두 개의 새로운 옵션이 Docker 볼륨의 cached 및 delegated에 추가되었습니다. 경우에 따라 컨테이너의 파일과 로컬 컴퓨터의 파일간에 정확한 동기화가 필요합니다. 올바른 파일 시스템 캐시를 선택하면 개발 환경의 성능을 향상시키는 데 도움이됩니다. consistent : 완벽한 일관..

SW/DevOps 2020.08.10

DevOps : Docker의 모든 컨테이너 나열하기 : 명령어

Docker는 컨테이너를 사용하여 환경을 마무리함으로써 가상 머신 구매와 같은 자체 환경에서 완전한 파일 시스템을 실행할 수있는 소프트웨어입니다. 여기에는 코드, 런타임, 시스템 도구 및 시스템 라이브러리를 실행하기 위해 이 모든 것이 포함되며, 이는 자체 서버를 실행하는 데 필요한 모든 것입니다. 모든 컨테이너가 다른 컨테이너와 동일한 커널을 공유하기 때문에 가상 머신의 아키텍처는 다릅니다. 그러나 다른 모든 종속성은 독립적으로 실행될 수 있습니다. 이것은 구성 파일을 사용하여 응용 프로그램이 올바르게 실행되도록 서버에 필요한 모든 종속성을 추가합니다. 예를 들어 응용 프로그램을 실행하려면 특정 버전의 PHP가 필요한 경우 도커 환경을 만들면 동일한 환경을 쉽게 공유 할 수 있습니다. 프로젝트의 모든 ..

SW/DevOps 2020.08.09

모바일 장치에서 로컬 호스트 사이트보기

최신 웹 개발에서는 웹 사이트가 모바일 장치에서 작동하는 것이 매우 중요합니다. 웹 사이트가 휴대 기기에서 작동하는 방식을 테스트 할 때 사용할 수 있는 몇 가지 옵션이 있습니다. 브라우저 크기 수동 조정 휴대 기기 에뮬레이터 사용 반응형 테스터 도구 사용 서버에 업로드하고 모바일 장치에서 테스트 가장 좋은 해결책은 모바일 장치에서 직접 웹 사이트를 시험해 보는 것이므로 웹 사이트의 모양뿐만 아니라 웹 사이트의 상호 작용 느낌, 즉 사이트의 링크를 클릭하는 것이 얼마나 쉬운 지 확인할 수 있습니다. 개발 중에는 변경하지 않고 서버에 업로드하여 모바일 장치에서 볼 수 있습니다. 이 모바일에서 로컬 호스트 웹 사이트를 보는 방법을 살펴 보겠습니다. Viewing Localhost Ubuntu를 사용한다고 가..

일상/IT 2020.08.08

Local, Session, Cookie Storage의 차이점

로컬 저장소, 세션 저장소 및 쿠키의 차이점에 대해 알아보고자 합니다. Local Storage 만료 날짜가 없는 데이터를 저장합니다. JavaScript 또는 브라우저 캐시 지우기를 통해서만 지웁니다. 저장 용량 한도는 3MB, 5MB로 가장 큽니다. 이전 브라우저 IE7 이하에서는 지원되지 않습니다. same-origin policy에서 작동합니다. 따라서 저장된 데이터는 동일한 원본에서만 사용할 수 있습니다. Session Storage 사용자가 브라우저를 닫을 때 세션이 지속되는 동안에만 데이터를 저장합니다. 최상위 탐색 컨텍스트이므로 각 브라우저 탭마다 고유합니다. 저장 용량 한도가 5MB의 쿠키보다 큽니다. 이전 브라우저 IE7 이하에서는 지원되지 않습니다. Cookies 헤더를 통해 서버로 ..

일상/IT 2020.08.07

HTML : HTML5 Download Attribute : 방법, 구현, 예제

다운로드 속성을 사용하는 HTML5 기능을 살펴 보겠습니다. 다운로드 속성은 링크하는 파일을 다운로드하도록 브라우저에 알리는 방법으로, 미디어 파일 또는 PDF 문서 또는 웹 페이지 등이 될 수 있습니다. 이것은 서버 측 코드와 관련이 있습니다. 예를 들어 force-download.php의 서버 측 파일에 연결하고 다운로드하려는 파일의 인수를 전달합니다. Download Webpage HTML 그런 다음 서버 측에서 요청 된 파일의 내용을 가져와 브라우저가 이와 같은 작업을 수행하여 내용을 다운로드하도록 해야 합니다. function downloadFile($file){ $file_name = $file; $mime = 'application/force-download'; header('Pragma: ..

SW/HTML 2020.08.06

HTML : Social Sharing Links : 개념, 방법

모든 주요 소셜 네트워크에는 자체 공유 버튼이 있으므로 웹 사이트 방문자가 웹 사이트를 떠나지 않고도 페이지를 쉽게 공유 할 수 있습니다. 이것들은 귀하의 웹 사이트에 추가 된 것이므로 소셜 미디어 네트워크에서 페이지를 공유 할 수있는 능력이 없으면 블로그의 발전이 적어질 것입니다. 소셜 네트워크 공유 버튼의 한 가지 문제점은 웹 사이트에 많은 HTTP 요청을 표시하고 모든 외부 스타일, 이미지, 클릭 이벤트를 로드해야한다는 것입니다. 또한 현재 페이지의 수를 요청하려면 API를 호출해야합니다. 이러한 모든 요청은 시간이 걸리며 페이지 로딩 시간에 영향을 줄 수 있습니다. 링크를 사용하여 Twitter, Facebook, Google+, Linkedin 및 Pinterest를위한 자체 소셜 공유 버튼을 ..

SW/HTML 2020.08.05

HTML : 검색 결과에 Breadcrumbs 얻는 방법 : 예제, 구현

검색 엔진에서 순위가 양호하지만 검색 결과에서 발생하는 트래픽 양이 보이지 않으면 클릭률 개선에 대해 고려해야합니다. 클릭률을 높이기 위해 전통적으로 제목 태그를 개선하거나 메타 태그를 개선 할 수있는 몇 가지 방법이 있습니다. 최근 Google은 클릭률에 도움이되는 몇 가지 기능을 출시했습니다. 이제 Google 인증을 통해 콘텐츠를 Google+ 계정에 연결하여 Google+ 프로필 사진을 검색 결과에 배치 할 수 있습니다. HTML을 변경하면 리치 스니펫이라는 기능을 추가하고 schema.org를 HTML에 배치 할 수 있으므로 검색 결과에 더 많은 정보를 배치 할 수 있습니다. Schema.org를 사용하면 다음과 같은 다양한 유형이 있는 페이지에서 정보를 정의 할 수 있습니다. Movies Bo..

SW/HTML 2020.08.04

추천 시스템 : Top-N Hit Rate (적중률) : 종류, 방법

Evaluating top-n recommenders Netflix는 최상위 추천에 더 중점을 둔 메트릭을 기반으로 했을 수 있습니다. user stop-end 추천 중 하나가 실제로 등급이 지정된 경우, hit를 고려할 수 있습니다. Hit rate = hits / users 실제로 사용자가 스스로 볼 수 있을 정도로 흥미로운 것을 사용자에게 보여 주었으므로 테스트 세트의 모든 사용자에 대한 최고 추천에 모든 적중을 합산하여 사용자 수로 나눈 후에 적중률입니다. 적중률 자체는 이해하기 쉽지고 측정하면됩니다. 개별 등급의 정확도를 측정하지 않기 때문에 정확도에 사용했던 것과 동일한 train test cross validation 검증 방법을 사용할 수 없으며, 개별 사용자를 위한 최고 추천 목록의 정확..

SW/추천시스템 2020.08.03

HTML : HTML5 Datalist 사용 방법 : 예제, 구현

대부분의 사람들은 응용 프로그램에서 jQuery 라이브러리 jQuery UI를 사용하므로 colour picker, sliders, accodrions, dialog boxes, menus, progress bars로 구성된 유용한 요소에 액세스 할 수 있습니다. jQuery UI 라이브러리에 있는 가장 유용한 요소 중 하나는 자동 완성 요소입니다. jQuery UI 자동 완성 기능은 자동 완성 텍스트 상자에 텍스트를 입력 할 때 검색되는 여러 옵션으로 채울 수 있는 Javascript 객체를 먼저 생성하여 작동합니다. Tags: HTML5와 함께 제공되는 많은 새로운 기능이 대부분 추가 Javascript API를 사용하고 다른 기능은 양식 유효성 검증과 같은 Javascript를 사용하는 기존 기능을..

SW/HTML 2020.08.02

HTML : 웹 사이트에 Twitter 카드 추가 방법 : 예제, 구현

Facebook과 같은 소셜 네트워크에서 게시물을 공유하면 공유중인 URL을 스캔하고 특정 정보를 반환하여 피드에 페이지를 표시합니다. Facebook은 페이지 제목, 페이지 설명 및 페이지 축소판 이미지를 받습니다. open graph meta tags를 사용하여 Facebook이 얻는 정보를 변경할 수 있습니다. 이들은 단순히 페이지의 헤드 태그에 추가 할 수 있는 메타 태그이며, Facebook에서 페이지를 스캔하여 제목, 설명 및 이미지를 검색 할 때 해당 태그를 검색 할 경우 태그의 내용을 대신 사용합니다. 페이지 제목 즉, Facebook에 대해서만 페이지 제목을 완전히 사용자 정의 할 수 있습니다. Twitter에는 Twitter에서 메시지를 사용자 정의하는 데 사용할 수있는 메타 태그도 있..

SW/HTML 2020.08.01

HTML : 체크박스 값을 항상 $_POST 값으로 받기 : 예제, 구현

체크박스의 문제는 선택하지 않으면 form과 함께 post되지 않는다는 것입니다. 체크박스를 선택하고 form을 게시하면 $ _POST 변수에 체크박스의 값이 표시되며, 이 확인란을 선택 취소하면 $ _POST 변수에 값이 추가되지 않습니다. PHP에서는 일반적으로 체크박스 요소에서 isset () 검사를 수행하여 이 문제를 해결할 수 있습니다. 예상한 요소가 $ _POST 변수에 설정되어 있지 않으면 확인란이 선택되어 있지 않으며 값이 false 일 수 있습니다. if(!isset($_POST['checkbox1'])) { $checkboxValue = false; } else { $checkboxValue = $_POST['checkbox1']; } 그러나 동적 양식을 만든 경우 체크박스의 이름 속성..

SW/HTML 2020.07.31

추천 시스템 : 정확도 지표 (RMSE, MAE) : 개념, 방법

Mean Absolute Error(MAE) 가장 간단한 측정법은 절대 오차 또는 MAE를 의미합니다. 여기에는 계산 방법에 대한 공상적이고 수학적인 방정식이 있습니다. 외관상 그렇게 복잡하지는 않으므로 분해해보겠습니다. 테스트 세트에 N 개의 등급이 있다고 가정합니다. 각 평가에 대해 평가 또는 시스템 예측 y를 호출하고 사용자가 실제로 부여한 평가 x를 평가할 수 있습니다. 두 평가 사이의 차이의 절대 값을 취하여 해당 평가 예측에 대한 오차를 측정합니다. 테스트 세트의 모든 n 등급에 걸쳐 이러한 오류를 합산하고 평균을 얻기 위해 나눈 값으로 나눕니다. 따라서 절대 오차는 정확히, 즉, 예측에서 각 오차의 평균 또는 평균 절대 값입니다. 오류가 나쁘므로 최고 점수가 아닌 최저 MAE 점수를 원합니다..

SW/추천시스템 2020.07.30
반응형