안녕하세요🐱‍🐉 vi/vim 편집기 명령어 단축키입니다. 주로 리눅스에서 많이 사용하시죠? 실무에서 자주 사용하시면 출력하여 자주 보며 손에 익혀보는 건 어떨까요?༼ つ ◕_◕ ༽つ 이동 - 기본 이동 h, j, k, l : 좌, 하, 상, 우 이동 - : 줄의 처음 위치로 이동 gg : 맨 위로 이동 shift + g : 맨 아래로 이동 - 단어 단위로 이동 [n] + w : n번째 단어로 이동 e : 단어의 마지막 위치로 이동 b : 단어의 시작 위치로 이동 ge : 단어의 마지막 위치로 이동 - 한 문장 내 이동 0 : 라인 맨 앞으로 이동 ^ : 문장 맨 앞으로 이동 $ : 문장 맨 뒤로 이동 - 현재 보이는 페이지 내 이동 shift + h : 현재 보이는 페이지를 기준으로 맨 위로 이동 shi..

eclipse Logger 자동생성 템플릿 설정 방법 1. References - Java - Editor - Templates 로 진입 2. [New..} 버튼 클릭 --pattern-- ${:import(org.slf4j.Logger,org.slf4j.LoggerFactory)} /** * Slf4j Logger */ private static final Logger logger = LoggerFactory.getLogger(${enclosing_type}.class); 3. log 사용법 - 템플릿 설정 후 에디터에서 log의 일부를 치고 Ctrl + Space를 하면 아래의 사진처럼 표시 - 생성된 코드

eclipse DAO namespace 자동생성 템플릿 설정 방법 1. eclipse > References > Java > Editor > Templates 로 진입 2. [New..] 버튼을 클릭 -- pattern /** * {@link ${enclosing_type}} Name Space */ private static final String NAMESPACE = ${enclosing_type}.class.getName() + "."; 3. DAO에서 namespace 사용법 - 템플릿 설정 후 DAO로 돌아와서 namespace의 일부를 치고 Ctrl + Space를 하면 아래의 사진처럼 표시 - 생성된 코드

모달과 모달리스는 무엇이고 어떤 차이가 있을까? • 모달 (Modal) 모달은 대화상자(dialog)가 실행될 때 제어권을 독점하게 되어, 대화 상자가 종료되기 전까지는 기존 화면을 제어할 수 없는 방식을 뜻합니다. 예를 들어 JavaScript의 confirm과 alert이 이에 해당됩니다. • 모달리스(Modeless) 흔히 모달리스 혹은 모드리스라고 부르며, 모달과 반대되는 개념으로 생각하면 쉽습니다. 모달리스는 대화 상자(dialog)가 실행되더라도 기존 화면을 제어할 수 있는 방식을 뜻합니다. 예를 들어 웹 사이트들의 알림 메시지 등으로 흔히 사용되는 토스트 메시지(Toast Message)를 생각하면 도움이 되실 것 같습니다. 번외. 모달과 모달리스의 작명에 대한 개인적인 궁금증 프로그래밍 용..

• Logical Assignment Logical Assignment는 ES2021 버전부터 추가된 문법으로 논리 연산과 변수 할당을 함께 수행합니다. 먼저 Logical And Assignment부터 살펴보자면 // Logical And Assignment x &&= y • x가 truthy일 때 y의 값이 x로 할당됩니다. ( 즉 x && (x = y), x = x && y 와 같은 의미입니다. ) Logical Assignment을 사용하지 않던 과거의 코드입니다. let x = 1; let y = 0; if (x) { x = 'Seoul Mayor'; console.log(x); // expected output : Seoul Mayor } if (y) { y = 'Seoul Mayor'; co..

vue.js 라이프 사이클 구조 기초 정리 .vue 파일에서 스크립트는 크게 Vue.conponent와 export default 두 가지로 나뉜다. export default 스크립트 구조 대해서 간략하게 어떠한 의미로 사용하는지에 대한 설명이다. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 // 실제 HTML 태그가 들어가는 템플릿 cs

좋은 코드란 모름지기 80자를 넘으면 안 된다. 라는 말을 들어본 적 있을까? 왜 이런 말이 나왔는지 궁금한데. 이유야 어찌됐든(아래 나와요😉) 가독성을 위해 이클립스 편집기에서 세로줄을 표시해보자. - 설정 상단메뉴 Window > Preferences 메뉴 선택 General - Editors - Text Editors - Show print margin 체크 Print margin column에 80 ~ 130 정도 넣어주자. - column width 80이 적용된 모습 cf. 80자와 130자의 이유? "좋은 코드란 모름지기 80자를 넘으면 안 된다." 누가 딱히 시킨 것도 아닌데 80자를 넘기지 말아야 한다는 강박관념은 개발자들의 DNA 염기서열 속에 깊숙이 자리 잡아 좀처럼 그들을 놓아주지 ..

0. PMD란? PMD(Programming Mistake Detector)는 애플리케이션 코드 내에서 발견된 문제를 보고하는 정적 소스코드 분석기입니다.🐱‍🐉 일반적으로 시큐어 코딩을 위해 자바 코드를 검사해서 나쁜 코딩을 잡아주고 그에 대한 설명을 지원하며, Eclipse, Jbuider 등에 연동하여 사용해요. 또한 - PMD에는 기본 제공 규칙 세트가 포함되어 있으며 사용자 지정 규칙을 작성할 수 있어요. - PMD는 올바른 형식의 소스 파일만 처리할 수 있기 때문에 컴파일 오류는 보고하지 않아요 PMD는 대표적으로 다음과 같은 소스 코드의 결함을 감지할 수 있습니다! - try / catch / finally / switch 블록이 비어 있을 때 - if / while 문이 비어 있을 때 - 불..

화이트 스페이스에 대한 생각은 각자 다르고 습관 때문일 수도 있다. 허나 별것 아닌 듯 하지만, 코딩 스타일과 코드 컨벤션은 끝없는 논쟁거리다. 정답은 없지만 탭은 아무래도 에디터에 따라 길이가 달라질 가능성이 있으니 이클립스에서 탭을 스페이스로 변경하여 사용하는 걸 알아보자. - 설정 Windows > Preferences 메뉴 선택 General > Editors > Text Editor 선택 tab width를 확인한 후에 Insert spaces for tabs 체크 Apply - 포맷터 설정 Java > Code Style > Formatter 선택 New를 클릭해서 새로운 Formatter(ex. myProfile) 생성 Indentation > Tab Policy를 Space Only로 변경..

정보처리기사 실기 2021년 1회 기출문제 문제복원 입니다. 1. 다음은 기술 내용에 따라 분류한 요구사항 분석 기법에 대한 설명이다. 빈칸 ① ~ ②에 알맞은 용어를 각각 쓰시오. ( ① ) 요구사항 제품 구현을 위해 소프트웨어가 가져야 할 기능적 속성 예 파일 저장 기능, 편집 기능, 보기 기능 등 차 운행, 탑승객, 예약을 입력하는 방법 결정 기차표와 예약정보에 어떤 정보가 포함되어야 할지 결정 관리자와 승객이 DB에 접근할 때 어떤 정보를 얻을 수 있는지 결정 ( ② ) 요구사항 제품 품질 기준 등의 만족을 위해 소프트웨어가 가져야 할 특성 고객의 새로운 요구사항을 추가하기 위하여 시스템을 확장할 수 있도록 설계 (예) 성능, 사용 용이성, 신뢰도, 보안성, 안정성 등 더보기 ① : 기능적 ② :..

정보처리기사 실기 2020년 4, 5회 기출문제 문제복원 입니다. 1. 다음은 디자인 패턴에 대한 설명이다. 빈칸 ( )안에 들어갈 가장 적합한 용어를 쓰시오. 디자인 패턴(Design Pattern)은 프로그램을 개발하는 과정에서 빈번하게 발생하는 디자인상의 문제를 정리해서 상황에 따라 간편하게 적용해서 쓸 수 있는 패턴 형태로 만든 것이다. 에리히 감마, 리처드 햄, 랄프 존슨, 존 블리시데스가 한 자리에 모이게 되었다. Gof(Gang of Four)으로 불리는 이 네 명이 여러 개의 패턴을 집대성해서 저술한 책이 유명한 '디자인 패턴 : 재사용 가능한 객체지향 소프트웨어의 요소들'이 있다. GoF의 디자인 패턴은 생성, 구조, ( )가 있다. 생성 패턴은 객체의 생성에 관련된 패턴이고 구조 패턴은..

현재 웹에서 제공하는 이모지 [ win + . ] 또는 모바일 단말기에서 제공하는 특수문자들이 유니코드이지만 DB에 저장 시 지원하지 않는 경우 에러를 유발하게 됩니다. 😊 정확하게는 uft8mb4를 지원하도록 초기에 설정하는 게 좋지만, 그러지 못한 경우 이모지가 들어갈 경우 에러가 발생합니다. 이러한 문제 때문에 이모지 제거 작업을 정리해봤습니다. 😆 Emoji 제거 방법 🤞 1. [Java] Emoji 제거 - Emoji 제거 작업에 있어서 구글링 하여 가장 간단하게 찾을 수 있는 Java에서 이모티콘을 공백으로 치환하는 방식입니다. 해당 방식을 사용하면 하이픈 ( - ) 도 공백으로 치환이 되어 권장드리지 않습니다. Pattern emoji = Pattern.compile("[\\uD83C-\\u..

이벤트 취소를 위한 방법으로는 대표적으로 Event.preventDefault(), Event.stopPropagation(), Event.stopImmediatePropagation()이 있습니다. 사실 Event.preventDefault() 외에는 사용빈도가 높지 않기 때문에 세 개의 방법을 알고 있긴 했어도, 모호하게 알고만 있는 정도였는데 프로젝트 수행 중에 이미 해당 영역에 걸린 이벤트를 공통 스크립트를 통해 제어할 방법이 필요하여 검색 중에 이 내용에 대해 확실하게 정리해두는 게 좋을 거란 생각이 들었습니다. 1. Event.preventDefault(); 이벤트를 취소할 수 있는 경우, 이벤트의 전파를 막지 않고 해당 이벤트를 취소합니다. (event.cancelable을 사용하여 이벤트 ..

자바스크립트에서 키 입력 이벤트 시 사용되는 키코드를 정리해보았다. • 영문 a - Z KEY KeyCode ASCII KEY KeyCode ASCII a 65 97 A 65 65 b 66 98 B 66 67 c 67 99 C 67 67 d 68 100 D 68 68 e 69 101 E 69 69 f 70 102 F 70 70 g 71 103 G 71 71 h 72 104 H 72 72 i 73 105 I 73 73 j 74 106 J 74 74 k 75 107 K 75 75 l 76 108 L 76 76 m 77 109 M 77 77 n 78 110 N 78 78 o 79 111 O 79 79 p 80 112 P 80 80 q 81 113 Q 81 81 r 82 114 R 82 82 s 83 115 S..

정보처리기사 실기 2020년 3회 기출문제 문제복원 입니다. 1. 형상 통제에 대해 간략히 설명하시오. 더보기 답 : 형상 통제는 형상 목록의 변경 요구를 검토 및 승인하여 현재의 소프트웨어 기준선에 반영될 수 있도록 통제하는 일련의 과정 해설 8. 서버 프로그램 구현 형상 관리의 절차 문제 형상 식별 > 형상 통제 > 형상 감사 > 형상 기록 2. EAI 구축 유형 중 Message Bus와 Hybrid를 제외한 빈칸(① ~ ②)에 해당하는 나머지 두 가지 유형을 쓰시오. 유형 개념도 설명 ① 중간에 미들웨어를 두지 않고 각 애플리케이션간 직접 연결 솔루션 구매 없이 통합, 상대적 저렴하게 통합 가능 변경, 재사용 어려움 ② 단일 접점이 허브 시스템을 통해 데이터를 전송하는 중앙 집중적 방식 모든 데이..