도담도담

웹접근성 관련해서 페이지의 항목들이 순서에 맞게 읽을 수 있게 되어야 하는 경우가 있다. 우리가 원하는 위치로 이동하기 위해서 tab 키를 사용하고는 한다. 보통은 그냥 맨 위부터 아래로 순서대로 내려가는것으로 알고있기는 한데, tab으로 이동하는 것도 사실 순서를 정해줄 수가 있다. 태그 속성중에 tabindex 라는게 있다. tabindex룰 설정해주면 해당 순서에 맞춰서 tab키가 이동한다. 설정의 기본개념은 "tabindex=0", "tabindex=1" 등과 같은 식으로 설정한다. See the Pen tabindex 설정 by lsj5634 (@zinisang) on CodePen.

sudo service ssh restart //재시작 sudo netstat -app | grep LISTEN | grep sshd // 'LISTEN'이랑 'sshd'를 키워드로 포트확인 1. ssh server 설치 sudo apt-get update // s/w관리하는 서버를 최신으로 업데이트 sudo apt-get install openssh-server // Continue?물어보면 Y 입력 2. ssh 서버 서비스 시작하기 sudo service ssh start 3. 파일열기 sudo gedit /etc/ssh/sshd_config // vi 로 해도 되는데 gedit으로 해서 따로 띄우는게 수정하기 더 편하더라 4. 포트변경/추가 #Port 22 Port 7788 // #으로 지우고 사용..

sudo mariadb 로 버전확인 MariaDB > SHOW GLOBAL VARIABLES LIKE 'PORT'; 로 포트번호 확인

10단계로 우분투 설치하기 1. 가상환경 활용을 위한 VM 설치 (Virtual Box) https://www.virtualbox.org/wiki/Downloads Downloads – Oracle VM VirtualBox Download VirtualBox Here you will find links to VirtualBox binaries and its source code. VirtualBox binaries By downloading, you agree to the terms and conditions of the respective license. If you're looking for the latest VirtualBox 6.1 packages, see Virt www.virtualbox.o..

데이터 가공을 하다가 날짜관련해서 정비를 하게 됬었는데, 특정기간을 찾는게 은근 시간을 꽤 소비하는 작업이였다. 그래서 특정 기간을 찾을때 사용했던 기본 로직을 좀 정리해보았다. 1. 지난주, 저번주 var today = new Date(); var year = today.getFullYear(); var month = today.getMonth(); var day = today.getDate(); //-----------기본 날짜 형식 구성----------- var last_week = new Date(year, month, day - 7); var week = moment(last_week).format('YYYYMMDD').toString(); week; //-----------지난주 날짜 설정-..

데이터 가공하다보니 가끔 문자열 앞뒤로 빈공간이 더해져서 오는 경우들이 있다. 이럴때 해당 데이터를 온전히 사용하려면 이왕이면 공백을 제거해서 사용하는 편이 좋다. 그럴때 사용하는 함수 trim() 이다. var str = " test "; var trimStr = str.trim(); // "test"

데이터를 가져와서 사용할 때 API를 통해 통짜 데이터를 가져오게 되면 필요한 데이터를 가공해서 사용한다. filter 나 reject 같은 함수들을 사용해서 데이터를 가공하다 보면 조건이 늘어날 수록 은근 헷갈리게 되는 부분들이 생기게 되었다. 그래서 데이터 정리 및 배열 정비하는 요령을 정리해보려고 한다. (물론 각자 편한 방식은 다를것이다!) 1. 조건들을 하나씩 따로 생성해서 확인하기 구분 조건들을 각각 따로 생성해서 그 조건들을 일치시키는 내용을 마지막에 return 하여 데이터를 가공하는 방법이다. var deposit = data.filter((item) => { const condition1 = item.ACCOUNT_NUMBER !== "111111"; const condition2 = ..

코드를 처음 배울때 if( )을 배워서 아주 열심히 사용을 했었다. if.... 또 다시 if.... 사용하는게 문제되는건 아니지만 가능 코드가 뭔가 길어지는거 같아서 맘에 안들때도 있었다. 그래서 찾게된게 "3항연산자" 이다. 기본 형식 기본적인 형식은 다음과 같다. condition ? true : false; //(조건이 있으면) ? (참) : (아니면 거짓); 아래와 같은 예를 들어 표현할 수 있겠다. var a = 10; var b = 20; var c = 0; a < b ? c = 1 : c = 2; // a가 b보다 작으면 c는 1이다, 하지만 해당조건이 맞지 않다면 c는 2이다. or ( || ) , and ( && ) 한줄로 간단하게 표현되는 것이 장점이긴 하지만 간혹 3항연산자로도 다중..