반응형

마니의 공부방 50

[Windows] 윈도우 심볼릭 링크(Symbolic link)👏🏻

최근 프로젝트를 진행하면서 ASIS소스의 소스가 eclipse와 소스폴더가 압축파일로 전달되었다. 전달받은 이클립스를 실행해서 보는데, ASIS의 프로젝트 경로가 D드라이브로 설정되어있었다. 엑!! 나는 D드라이브가 없다고!! 이런경우 이클립스의 프로젝트를 삭제하고, 전달받은 소스를 import해도 된다. 하지만 ASIS 기타 셋팅까지 그대로 유지(혹은 확인차원에서)가 필요한 경우가 있다. 이럴때 기존 프로젝트를 그대로 유지하기 위해서 간단한 작업으로 확인하는 방법이 있다. 물론 예~전의 플러그인이지만 이클립스 프로젝트 경로 수정 플러그인을 통해서도 가능하긴하다. 나는 그냥 소스를 그대로 사용할것이 아니라 전달받은 환경을 확인하는 차원이라.. 아래 방법을 통해 링크만 걸어서 실제 해당 경로에 있지 않지만..

[개발자일상] NestJS란?

요즘 전자정부프레임워크로 개발일을 주로 하고 있습니다. 사실 본인이 사용하는 언어나 프레임워크의 이론도 파려고 들면.. 책상아래있는 두꺼운 책을 정독해야겠죠? .. 하하;; 요즘 많이 사용하는 다른 언어가 있나 해서 찾아보니 nestjs라는 것이 있어서 조금 살펴보았습니다. 새로운 언어나 프레임워크가 나오면 이전의 것들과 비교하는 내용이 꼭 포함되는데 .. 모르는것보다 조금이나마 이런 소식도 접하는게 좋을듯하여 제가 보았던 내용을 적고 링크를 남깁니다. react가 많이 사용되는 것은 알고 있었는데 처음들어보는 nestjs는 spring과 비슷하다 하여 보게 되었습니다. 항상 겸손하게 배우는 거다! 뭐든 작은거라도 하고 안하고의 차이는 나중에 크게 나겠지! NestJS.. 넌 누구냐! NestJS는 No..

[linux] 리눅스 패키지 관리 시스템 비교 : apt, dnf, yum

최근 집에서 놀던 라즈베리파이4 개인 개발서버로 셋팅을 시작했다. 4기가 이상의 램을 위해서 centos6 64bit를 설치했다. os설치를 마치고 설정을 하려고 봤더니 이전에 사용했던 yum에서 기본 패키지 관리를 dnf로 바뀌었다고 한다. 이에 dnf와 yum 더불어 apt, pkg까지 패키지 관리 차이점을 간단히 공부해본다. 패키지 관리 패키지 파일은 일반적으로 설치 스크립트와 함께 컴파일된 바이너리 및 기타 리소스를 포함하는 압축파일이다. 또한 linux(unix)에서는 예전부터 패키지 설치때 의존성에 따라 필요한 기타 패키지 목록인 메타 데이터를 포함하고 있다. 계열별 패키지 파일 포맷과 패키지 관리 도구는 다음과 같다. 데비안 .deb apt, apt-cache, apt-get,dpkg 우분투..

[티스토리] 본문에 포함된 이미지 display:none 적용

티스토리 글 작성중에 대표 이미지를 등록하면, 검색엔진에서 썸네일이미지가 표시된다. 그런데 간혹 검색엔진에서 썸네일 이미지가 안나오는 경우가 있다. 검색을 해보니, 복불복이겠지만.. "문서 내부에 포함된 이미지가 아니면, 검색엔진 검색 결과에 썸네일이 표시되지 않는 경우가 있다." 그런데 썸네일에 사용할 이미지를 굳이 글내용에 보여주고 싶지 않은경우가 생겼다. 그래서 요리조리 방법을 찾다가 해결한 내용이 있어 공유코자 글을 남긴다. 우선 이미지를 에디터에 입력후 'HTML'모드로 변경한다. 이미지를 '가운데 정렬'로 했다면 아래처럼 내용에 'alignCenter' className이 보인다. ##_Image|kage@xEmt6/btqT7Ww30xA/KGcKEC9wjTNntlwVtcNvf1/img.png|..

[윈도우] 탐색기에서 이미지 썸네일보기

간혹 pptx나 이미지 관련 파일을 탐색기에서 확인할때, 썸네일이 보이지 않아서 더블클릭해서 연결 프로그램으로 확인을 매번 하는경우가 있다. 이럴때 간단하게 탐색기에서 썸네일 보기를 하면, 이미지의 경우 확인하는 번거로움이 줄고 작업속도를 높일수 있다. 윈도우 탐색기에서 이미지 미리보기 옵션 탐색기 상단메뉴에서 '파일' - '폴더 및 검색옵션변경' 메뉴를 선택한다. '보기' - '고급설정'- 아이콘은 항상 표시하고 미리보기는 표시하지않음 에 선택을 해제하고 적용버튼을 클릭한다. (이때 이미 열려진 탐색기는 새로고침이 되니까, 주의) 이제 탐색기에서 이미지를 포함한 여러 파일(pptx)등의 썸네일이 보이게 된다. 작은팁이지만, 실제 문서 작업을 하다보면 크게 도움이 된다.

[excel] 특정 단어를 포함하는 행 일괄 삭제하기

뭐든 배우면 써먹게 되어있다. 엑셀로 통계데이터를 만들다 보면, 불필요한 데이터들이 포함되는 경우가 있다. 그런데 데이터 건수가 수천여건이다?! @.@ 멘탈의 붕괴가 이어진다. 그 라인을 직접다 ctrl 키를 누른채로 다 선택한다(어휴 상상하기도 싫다) 엑셀에는 친절하게도 특정 텍스트를 포함하고 있는 행을 모두 일괄 선택하는 방법이 있다. 샘플 데이터 아래 데이터중에서 보고를 위해 완공된 데이터만 필요하다.. 상사가 노려본다 (째릿~) 특정 단어를 포함한 셀 일괄 선택하기 우선 상태값을 가진 I열을 전채 선택하고, '홈' - '도구모음'에 맨 우측 '찾기 및 바꾸기'를 선택한다. 삭제되면 아래처럼 내가 필요한 '완공'이라는 글자만 보인다. 아! 이제 다됐다!!! I열 상태가 선택된 상태에서 단축키 'F5..

[linux] 라즈베리파이 4 - CentOS 설치

라즈베리파이 4에서부터 64bit 지원 몇개월전부터 아직까지는 라즈베리아피에 64bit 에 완벽한 설치를 완료하면 조금 더 세밀한 설정이 필요하다. 64bit부터 지원가능한 최대 메모리 용량도 증가하는만큼 메리트는 있지만, 지금의 나에겐 이전도 충분하다. 하지만 기왕에 쓰는거 도전은 해봐야겠다. 라즈베리파이4 CentOS설치 라즈베리파이에 CentOS설치는 말그대로 간단하다. 다만 여러 설정이 덧붙여질뿐 CentOS8 이미지 링크 https://people.centos.org/pgreco/CentOS-Userland-8-stream-aarch64-RaspberryPI-Minimal-4/ 이미지파일을 일단 다운로드 한다. https://www.balena.io/etcher/ etcher를 다운로드해서 라즈..

[excel] 엑셀 vlookup, hlookup 데이터 참조하기

데이터(가격등)을 미리 등록해놓고, 입력값에 따라 자동으로 입력되게 엑셀을 사용하다보면, 여러 함수를 통해 자동화 문서들을 사용하는 경우가 많습니다. 예를 들어, 회사에서 판매하는 상품목록과 가격정보를 입력해둔 시트가 있다고 가정합니다. 판매내역을 작성할때, 상품코드와 판매수량만 입력하면 상품명과 판매금액이 자동으로 계산되어 나오는 문서가 이경우에 해당됩니다. 구글시트를 더 자주 사용하긴 하지만, 그래도 엑셀작업을 빼놓을수 없으니 간간히 이렇게 엑셀 팁을 남기려고 합니다. 참조데이터 만들기 아래 그림처럼 '상품정보'가 입력될 시트를 만들고, 제품번호와 제품명 그리고 단가를 미리 입력해놓습니다. 판매실적 시트 만들기 판매 실적 시트를 만들고, 제품번호만 입력해도 제품명과 판매수량에 따라 판매금액이 자동입력..

[linux] 라즈베리파이 OS 선택!

원래 예전부터 라즈베리파이로 개인 서버를 만들고 공부를 하고있었다. 그런데 요즘 들어 코로나니, 집안일이니 해서 공부도 시들해진게 사실이었는데.. 블로그 활동을 하면서 여러 이웃분들의 글을보고 자극을 받아 게을러진 자신을 채찍질하게 되었다. 채찍질하자!! 이에 운영중이던 라즈베리파이를 다시 os설치부터 개인 프로젝트를 개발설계부터 앱출시까지 한번 진행해보기로 마음을 먹었다. 출퇴근 왕복 4시간인데.. 퇴근후에 예전처럼 3~4시간 자면서 공부를 하고 내 자신을 채찍질 할수 있을지 자신은 없지만, 그래도 이제 한 가정의 가장이니까 해야만한다. ^^ 앞으로 개인 프로젝트를 진행하면서, os부터 spring, 앱제작에 사용할 flutter까지 기록을 많이 남기려 한다. 라즈베리파이 4+ OS 어떤것을 설치할까?..

[java] int와 Integer의 차이

내 책장에는 가장 두꺼우면서도 오랫동안 버리거나 팔거나 하지않은 책이 딱 2권 있다. java 기본 / spring 기본 !!!! 언젠가는 책상에 앉아서 기본을 다시 공부하리라 했는데.. 요즘 블로그를 다시 시작하면서 이웃분들의 글을 보고 이렇게 다시 책을 꺼내서 보고 자주 글을 올릴까 한다. 인터뷰 질문, int와 Integer의 차이에 대해 아시나요? 이전에 인터뷰 도중에 int와 Integer의 차이을 아는지에 대한 질문을 받은적이 있다. 물어보신분은 명료하게 "자료형이냐? 클래스냐?의 차이다"라고 하셨지만, 그 단순한 차이가 실제 업무에서 사용할때 고려해야하는 상황들이 참 많다. 자료형과 Wrapper 클래스 int primitive 자료형으로, 산술연산이 가능하고, null로 초기화 할수없다. ..

[java] SimpleDateFormat YYYY 사용시 버그관련

알고쓰면 약이고, 모르고 쓰면 독이라 했다. 예전 어느 프로젝트에서 2019-12-30일 날짜를 기준으로 아래코드를 실행시키면 202012 로 나오는 상황때문에 주말에 급히 원격작업을 해야했던 적이 있었다. SimpleDateFormat yyyymm = new SimpleDateFormat("YYYY-MM") Year와 WeekYear의 차이를 알자 java 1.7기준 SimpleDateFormat 'Date and Time Patterns'를 보면 yyyy와 YYYY는 큰 차이를 보인다. YYYY는 주 년 (javadoc를 참조)이며, 로케일에 따라서는 1 월 상순 날짜를 사용하는 경우는 과거 1 년 53 주를 12 월 하순 날짜를 사용하는 경우 새해 1 주 눈을 반환 할 수 있습니다. SimpleDa..

[curl] curl의 주요사용법

API 서버를 개발할때, rest 호출을 많이 하곤 합니다. 개발 후 테스트를 할때, 주로 jmeter나 postman 같은 유틸리티를 사용하여 작업합니다. 이런 유틸리티가 설치된 PC가 클라이언트가 API서버를 호출하는 경우에는 사용이 가능하지만, 간혹 유틸리티를 설치할수 없는 환경(서버, 혹은 mac 등의 유틸리티가 없는 경우)에서는 테스트에 어려움이 있습니다. 예를들면, 내가 개발한 서버에서 외부 API를 연동하는데 노트북에서는 외부 API호출이 잘되는데.. 서버에만 올려서 하면 외부 API호출이 안된다 할때~(이럴때는 리턴값과 로그부터 확인해야겠지만요 ^^) 이럴때 (개발)서버에서 커맨드라인으로 직접 외부 API 를 호출해서 테스트하는 경우가 있을수 있습니다. 이때 주로 curl을 사용하여 테스트..

[postgresql] 외부 접근 허용 설정

postgresql 설치후에 로컬밖에 접속이 안돼? PostgreSQL은 IP를 기반으로 한 접근 제어를 통해 보안 증대 효과를 보고있습니다. 최초 설치시 localhost에서만 접근만을 허용하기 때문에 어떠한 원격 접속이 불가합니다. 때문에 우리가 사용하고 있는 IP를 허용해주는 설정이 필요합니다. 미 설정시 Access Denied 발생! 이 설정을 수행하지 않고 접속을 시도할 경우 아래와 같은 Error가 발생합니다. pg_hba.conf 파일 수정 ■ 하나의 IP / IP 대역 허용 # vi /etc/postgresql/9.1/main/pg_hba.conf host all all 192.168.0.0/24 md5 host all all 192.168.1.50/24 md5 위 설정은, 192.168..

[javascript] onload()와 ready()

onload()와 ready() 프론트단 작업을 할때, onload를 주로 많이들 사용하는것 같다. 비슷한 함수로 ready()가 있는데.. 차이가 뭔지 찾아보다보면 브라우저에서 랜더링이 어떻게 되는지도 알게되더라는.. $(document).ready(function(){ alert('reday'); }); $(window).onload(function(){ alert('load'); }); 웹 브라우저의 HTML문서 렌더링 과정 불러오기(Loading) 불러오기는 HTTP 모듈 또는 파일시스템으로 전달 받은 리소스 스트림(Resource Stream)을 읽는 과정으로 로더(Loader)가 이 역할을 맡고 있다. 로더는 단순히 읽는 것이 아니라, 이미 데이터를 읽었는지도 확인하고, 팝업창을 열지 말지, ..

[tibero] 테이블 생성/사용자추가/접속권한 부여

tibero.. 메모한 내용을 보니 2016년?! 주로 DataBase로 mysql 혹은 oracle을 많이 사용하긴 하지만, 공공기관의 프로젝트를 진행하다보면 간혹 tibero를 사용하는 곳이있다. 문서에 정리된 날짜를 보니 2016년 7월에 했던 내용인데.. ^^;; 최근의 tibero의 문법에도 맞는지는 확인해보지 않았다. 요즘은 거의 mysql, oracle이 선택된 프로젝트만 진행하다보니 그렇다. 혹여라도 관련 내용이 도움이 될분들도 있을수 있고, 개인적으로도 다시 공부를 할겸 남깁니다. 테이블 스페이스 추가(tableSpace) /* CREATE TABLE SPACE */ create tablespace phone datafile '/home/tibero/Tibero/tibero5/databa..

[server] wowza와 apache 포트 관련 내용

apache 잘되다가 wowza 설치하고 안된다? apache가 구동중인 상태에서 wowza media Server를 설치하면 apache에서 운영중인 사이트가 정상적으로 나오지 않는 경우가 있다. 포트! 으이그! 이런 경우 apache/conf/httpd.conf 파일에서 Listen 80부분을 Listen*:80 으로 변경후 서비스를 재가동하면 사이트가 정상적으로 보여진다. 원래 사용중이던 apache등의 웹서버 80 포트가 뒤늦게 설치된 wowza Server에서 사용되는 80포트의 설정에 밀려 80포트에 대한 처리가 제대로 이루어 지지 않는것이다. 이건 경험에 비추어 작성하였습니다. 정확한 내용은 아마 더 찾아보아야겠지만.. 작업 당시 부리나케 찾아 해결하느라 ^^ 혹시 내용에 오류가 있거나 하면..

[java] Exception printStackTrace() 를 문자열로

알고써야할텐데.. Exception printStackTrace() 간혹 개발을 하다보면 Exception이 발생한 곳에서 catch(Exception e) 해서 exception 을 캐치하고 e.printStackTrace()를 통해 로그에 exception 내용을 남기는 경우가 있다. 그런데 이놈의 Exception에 printStackTrace()를 하면 여러 exception 발생 순서를 따라가다보니 에러내용이 보고싶은데로 보여지지 않는경우가 발생한다. Exception 로그를 처리할때 방법이 참 여러가지이긴한것 같다. 설계하기 나름이니까~ 1. catch 구문에서 log만 찍고 throw 할건지 2. throws 이후에 Framework에서 log를 찍을건지 그런데 후자가 더 낫고, 전자의 경우..

[java] JsonAraay null 입력

Array가 null이거나 비워보내면 되지, 뭐.... 간혹 API 문서에 {"items": [null]} 로 샘플데이터가 입력된 경우가 있다. list가 비어있는 경우에 대하여, 데이터 수신하는곳에서 어떻게 처리하느냐에 따라 그에 맞추어 개발하면 되는데 일반적으로 list가 비었으면 [] 처럼 비어있는 list를 보내거나, null Object로 대체 하는 경우가 많기는 하다. 비어있는 list data를 [null] 로 보내야 하는 경우 그런데 list안에 null을 딱하니 적어서 처리하는 경우도 있더라구요. 이외에도 여러 방법들이 있겠지만, 이전에 했던 프로젝트에서 아래와 같이 처리하는 경우가 있어 공유해봅니다. 항상 프로그램 작성에 정답은 없다는걸 기억하면서.. 도움이 되길 바랍니다. packag..

[CSS] ul li 요소 가운데 정렬하기

이미지가 바꼈는데 CI가 깨진다? 간혹 ci가 변경되거나 하는경우가 있어, 단순히 이미지 변경건인데.. 이미지를 교체하는경우 ui가 깨져버리는 경우가 있다. 이미지를 이전 비율대로 전달해주지 않는 경우에. 아래처럼 영역안에 이미지를 가로세로 중앙에 정렬하고자 하는경우가 있다. ul { display: flex; align-items: center; flex-wrap: wrap; } ul li img { width: 190px; /* 적용할 이미지의 width */ height: auto; } 위에서 사용된 flex-warp에 대해서는 아래에 간략히 적어두니 도움이 되길 바랍니다. flex-wrap 속성 flex-wrap 속성은 나열 된 (정렬 된) , 이 요소들을 다음 줄에 이어서 나열(정렬) 해주는 기..

[myBatis] update 와 함께 insert 하기

update와 동시에 insert를? 사실 저는 잘 사용하지 않는 방법이긴한데.. update와 동시에 insert를 사용하시는 분들이 계실까하여 ... 사실 with ~ as 구문을 통합방법은 조합하기 나름이라 insert전에 with~as를 통해 select하는 등으로도 종종 사용하긴 하는것 같습니다. 어지간하면 나누어서 쓰는게 좋다보지만.. 저는 update와 insert는 별개로 봐서 어지간해서는 각각 update와 insert를 나누어 작업하는 쪽에 속합니다. WITH jobUpdate AS ( UPDATE CAM SET CAM_ID = #{camId} ,JOB_STATUS = #{jobStatus} ,JOB_DATETIME = NOW() WHERE CAM_ID = #{camId} RETURNI..

[jmeter] apache jmeter를 통한 rest 부하테스트

요즘 API 서버만 단독으로 개발하는 프로젝트들이 꽤 많은것 같다. REST 호출 테스트에 사용되는 여러툴들이 많은데.. 이 소프트웨어들은 단순히 호출 테스트부터 성능부하테스트기능까지 포함하고 있는 툴들도 다수 있다. 그중에 apache jmeter를 사용하는데, 무엇보다 무료이고 속도도 꽤 준수하다. ■ 설치방법 1. 다운로드 및 설치 http://jmeter.apache.org/download_jmeter.cgi 위주소에서 다운로드 하시고, 압축만 풀고 사용하시면 됩니다. 또한 쓸만한 그래프를 보실려면, plugin도 같이 설치하시면 좋습니다. http://code.google.com/p/jmeter-plugins/downloads/list 위 주소에서 다운받고, 압축푼 후 JMeterPolugins..

[spring] profiles 개발용/서버용 나누어 적용하기

개발과 운영시 설정정보들이 다른경우가 많다. 예를들어 결제요청하는 url이 개발서버용과 운영서버용이 다르듯이 말이다. 이런경우 대게 profiles 를 '개발용'과 '운영용'으로 나뉘어 설정하고, 파일자체를 아에 application-dev/application-prod 처럼 각기 다르게 두어 사용한다. 한개의 파일에 같이 사용하는 경우는 드물긴 하지만 이런경우 아래와 같이 설정한다. server: ## 상단은 기본값 port: 8080 --- spring: ## 개발용 설정 profiles : dev main: show-banner: false server: port: 8080 --- spring: ## 운영용 설정 profiles : prod main: show-banner: false server:..

[java] excel 셀안의 텍스트 색상 적용

이전 프로젝트 진행중에 poi를 이용하여 기존 개발된 내용을 수정하는 작업이 있었다. 요구사항은 셀안의 텍스트를 ON/OFF에 따라서 글자색상을 다르게 해달라는 !! 예시 > ON/OFF/ON/OFF 확인해 보니 여러방법들이 있긴하지만, 시간이 급한터라 더 맞는 방식을 고민할 여지가 없었다. HSSFFont를 시용하여 색상을 선언 HSSFRichTextString.applyFont() 를 이용하여 글자 지정 및 앞서 선언한 색상을 적용 Font 클래스에 컬러가 없는값은 IndexedColors를 사용 // 빨간색을 지정 HSSFFont fontRed = (HSSFFont) sheet.getWorkbook().createFont(); fontRed.setColor(Font.COLOR_RED); // 파란색..

[Spring] yml 암호화 - @ConfigurationPropertiesBinding 사용

properties 파일과 yml에 db password등을 평문 상태로 입력해두는 경우 보안에 문제가 될수 있습니다. 이에 중요 데이터는 properties나 yml등의 설정파일에 암호화하여 기입하고, 처음 기동시 복호화 하여 사용하는 경우가 있습니다. 물론 제가 했던 프로젝트에서도 이와 같은 경우가 있어서, 정리한 내용을 공유합니다. ■ 암호 데이터 확인 ※ 아래 방법은 AES 128을 통해 암호화하였습니다. [springboot 설정] @Component @ConfigurationPropertiesBinding public class PrePropertiesConfig implements Converter { private static String encKey = "1234567890123456";..

[mysql] db 백업

예전에 기록해 둔 내용인데.. ^^;; (창피~) 기록은 기억을 뛰어넘지 못한다길래~ 어느새 메모가 습관이 되어버렸습니다. 간혹 서버의 규모가 작은곳에서 개발을 진행하다, 큰곳으로 서버를 이전하거나 하는 경우, 막상 기존 db의 데이터를 옮기려면 막막한 경우가 많죠? 요즘엔 뭐 db to db로도 옮겨지지만서도.. 인프라팀이나 서버팀이 작업하는 경우도 많지만, 제가 몸 담았던 많은 경험을 얻은 작은 회사의 경우엔 개발자가 직접 처리하는 경우가 많았습니다. 혹시나 저같은 상황을 겪으실 분이 계시다면 도움이 되길 바래봅니다. ■ 데이터 베이스 백업 (덤프파일 생성) $> mysqldump -u[사용자아이디] -p 데이터베이스명 [테이블명] > 저장될 파일명 예) mysqldump -ukamkami -p my..

[한글] 한글 자동저장 ON / OFF

한글에 자동저장하는 기능이 있습니다. 따라해보자! 한글 자동저장 ON/OFF 설정 [도구] - [환경설정]에 들어가셔서 [편집]탭에 '무조건 자동 저장'과 '쉴 때 자동 저장'을 체크하시면 됩니다. 둘의 차이점이 있습니다. 한글 무조건 자동 저장 문서 입력하시다가 아무개.hwp로 한 번 저장하셨습니다. 이 상황에서는 무조건 자동저장을 설정하시면 10분마다 아무개.hwp 문서에 10분동안 저장한것이 사용자가 직접 저장버튼을 눌렀을 경우와 똑같이 저장하는 기능입니다. 한글 쉴때 자동 저장 쉴 때 자동 저장은, 저장하지 않은 문서라도 아무개.asv라는 임시파일로 저장합니다. 타수가 빠르고, 편집내용이 복잡하다면 자동저장 시간 주기가 짧아야 손해를 덜 보겠지요?^^ 무조건 자동저장은 분단위고, 임시저장은 초단위..

[한글]한글 목차 만들기

글에서 목차를 자동으로 넣는 방법 1. 먼저 쪽번호를 매겨 놓아야 합니다 (모양 → 쪽번호매기기) 2. 도구 → 차례/찾아보기 → 제목 차례 표시 (※단축키 Ctrl+K,T) 3. 원하는 부분에 커서를 놓고 단축키(Ctrl+K,T)를 계속 눌러준다 (*화면상에는 아무런 변화도 없지만, 신경쓰지 말고 원하는 곳까지 계속 눌러주면 됨) 4. 도구 → 차례/찾아보기 → 차례만들기 5. 다음 부분을 체크해주어야 합니다. 6. 원하는 선모양을 선택하세요. 7. 생성된 목차부분을 복사하여, 원래 문서의 앞부분에다 붙여넣기하면 끝! 한글과컴퓨터 한컴오피스2020 가정 및 학생용 제품키 배송형 MLP COUPANG www.coupang.com

[linux] vi editor 명령어

편집모드 (i,o 등로 입력할 수 있는 상태) 명령 모드(편집모드에서 esc key를 누른상태) 기 타 A 현재라인의 끝부터 문자 삽입 a 커서 다음부터 문자 삽입 I 현재라인의 처음부터 문자 삽입 i 커서 이전부터 문자 삽입 O 커서의 윗라인에 새로운 라인첨가 (처음부터 문자 삽입) o 커서의 아래 라인에 새로운 라인첨가 (처음부터 문자 삽입) r 커서위치의 한문자 치환 R 커서위치에서부터 계속 치환 cw 한 단어 치환 C 한 라인 치환 c$ 현재부터 라인끝까지 치환 cG 현재부터 파일끝까지 치환 cL 현재부터 화면 끝까지 치환 c) 현재 구 치환 c} 현재 절 치환 ~ 소문자와 대문자 서로 치환 xp 두 문자 자리바꿈 n>> n(숫자)만큼 이동 CTRL + I tab ..

[js] 키보드 접근성을 위한 tabindex 사용

1. 레이어 띄우면서 레이어에 tabindex=0 주고 focus 시키고 removeAttr tabindex 처음 포커스는 레이어가 뜨는 순간 레이어의 내용을 읽어주게끔 위해. Remove하는 이유는 다시 tab 탐색시 포커스가 되지 않게 하기위해.. Div는 원래 포커스 안가니까... 2. 레이어 내부에서 tab(shift+tab 포함) 루프.. Alert/confirm/새창 모두 tab은 루프됨. 기본 Script alert. Confirm. 새창팝업과 ux/ui 유지.. $(document).on('keydown', '.pop_container .ui_btn_close', function (e) { var isShift = window.event.shiftKey ? true : false; $(do..