개발(IT) (13) 썸네일형 리스트형 [개발/자바스크립트] void 연산자 토스트(TOAST) UI 오픈소스를 보는 중에 void 0을 사용하는 로직을 보게되었습니다. 순간 이게 어떤 비교를 하고 싶은거지? 어떤 값을 변수에 넣는다는거지? 의문이 들어 찾아보게 되었습니다. //CASE 1 placeholder = _ref$placeholder === void 0 ? '' : _ref$placeholder //CASE 2 _exports["default"] = void 0; void 연산자의 기본 개념 void 연산자는 단항 연산자로서, 주어진 표현식을 실행하고 결과는 무시한 채 undefined를 반환합니다. void의 사용 사례 일반적으로 void 연산자를 모르더라도 a태그를 클릭할 때 페이지 이동을 막기 위해 사용되는 경우로 많이들 접하지 않았을까 생각합니다. 저 역시 저 .. [개발/DBeaver] 빈 라인(개행) 무시하고 쿼리 실행 / Blank line is statement delimiter 옵션 어쩌다 보니 프로젝트를 진행하는데 DB Tool로 DBeaver를 자주 사용하게 됐습니다.쿼리 분석을 위해 서버 로그(Log)에 남은 쿼리문을 복사 후, DBeaver로 실행해 보는 경우가 많은데요, 그러다 보니 쿼리문 사이사이에 빈 라인(개행)이 들어가 있고는 합니다.그런데 DBeaver에서는 빈 라인을 쿼리의 끝으로 인식해서 올바르지 않은 쿼리문으로 오류가 발생하여 매번 빈 라인을 모두 제거하거나 쿼리문 전체를 블록 지정해서 쿼리를 실행하고는 했습니다.이 과정이 반복되고 쿼리가 길어지면 빈 라인을 지우는데 쓸데없이 시간 낭비가 생겨 구글링을 해보니 이런 옵션이 있더라구요! 실제 개발하는 곳은 폐쇄망이라 스크린샷에 퀄리티가 떨어지는 건 감안해 주세요...ㅎㅎ 1. 윈도우 > 설정 메뉴 클릭 > 환경 .. [개발/Eclipse] 소스 비교시 개행 무시 / Ignore White Space 프로젝트 도중 XPlatform(UIㆍUX툴)으로도 개발하고 Eclipse에서도 개발하는 과정에서 서로 다른 개행이 들어가 형상관리를 하는 과정에서 실제 로직 변경으로 인한 수정 여부를 판단하기가 어려워져 이것저것 찾다가 소스를 비교하는 과정에서 화이트 스페이스(white space)를 무시할 수 있는 기능을 발견하여 공유합니다. 실제 개발하는 곳은 폐쇄망이라 스크린샷에 퀄리티가 떨어지는 건 감안해 주세요...ㅎㅎ 변경된 내용은 없으나 개행의 차이로 인해 SVN Sychronize 과정에서 변경되었다고 알려주고 있습니다. *white space 표시는 [General > Editors > Text Editors] 메뉴에서 show whitespace characters 체크 필요! 개행 차이로 인한 변경.. [개발/XPLATFORM] 엑스플랫폼에서 Chrome 브라우저 호출(오픈) / ExtCommon() 사용 현재 진행 중인 프로젝트에서 XPLATFORM(엑스플랫폼)을 사용하고 있는데, 다른 시스템과 연계되는 부분이 추가되어 특정 URL을 호출(오픈)해야 하는 업무가 추가되었습니다. 그러나 타 시스템은 IE를 지원하지 않아 엑스플랫폼에서 Chrome(크롬) 브라우저로 열어야 한다는 요구가 있었습니다. XPLATFORM 고객지원센터에 프로젝트명과 상황 설명을 하니 잠시 후에 아래와 같은 가이드를 받아서 해결했습니다. var objExtCommon = new ExtCommon(); objExtCommon.executeProcess("C:\\Program Files\\Google\\Chrome\\Application\\chrome.exe", "https://www.naver.com"); 부연설명 ExtCommon .. [개발/자바스크립트] 폴리필(polyfill)과 바벨(Babel)이란(정의 및 구분/차이점) SI 개발을 하다보면 아직까지도 IE(Internet Explorer/22.6.14 서비스 종료)를 지원해야하는 프로젝트를 하기도 합니다. 이런 경우, 제공받은 프레임워크에 자바스크립트 일부 문법을 지원하지 않아 큰 이슈가 되기도 합니다. 이슈를 해결하기 위해 위해 폴리필(polyfill))과 바벨(Babel)을 적용하는데요. 막연하게 폴리필과 바벨을 구분하지 못한 채, 자바스크립트 버전 이슈를 해결하기 위해 사용하는구나 정도만 알고 있습니다. 오늘은 폴리필과 바벨이 무엇이고 어떻게 다르고 왜 필요한지에 대해 공부하는 글을 적어보도록 하겠습니다. 우선 폴리필과 바벨의 단어 정의는 아래와 같습니다. 폴리필 브라우저에서 지원하지 않는 코드에 대해 사용 가능하게 구현하는 코드(일반적으로 웹의 JavaScrip.. [개발/Spring] "/"경로로 유입시, default page를 찾아보자(welcome-file-list 위치) 아직 신입이라 간단한 것도 삽질하며 배워가는 중임을 참고 부탁드립니다 :) 다른 사람 프로젝트를 Github에서 다운로드하여 서버 띄우기까지 성공하여 "http://localhost:8443"으로 접속해보았습니다. 로그인 화면이 뜨는걸 확인하여 이제 분석을 해보려고 했습니다. 첫 번째 의문점은, 어떤 설정으로 인해 로그인 화면이 뜨게 되는 걸까? 에서 먼저 드는 생각은 welcome-page로 설정되어 있겠지 하여, 프로젝트 WEB-INF(Web Information) 밑에 web.xml를 열어 확인해 보았습니다. 하지만 생각과 다르게 설정이 되어 있지 않아 구글링을 하게 되었습니다. 구글링을 통해 알게 된 "http://localhost:8443"으로 주소를 입력하여 들어올 경우 원하는 첫 페이지로 설.. [개발/MYSQL] JDBC MYSQL 연동 에러 (Client version) 다른 사람의 프로젝트를 Github에서 다운받아 MYSQL DB연동을 하는 과정에서 아래와 같은 오류가 발생하였다. Client does not support authentication protocol requested by server; consider upgrading MySQL client *MYSQL VERSION : 8.0.18 대부분 블로그에 해결 방법으로는 해결이 되지 않아, 글을 작성하게 되었다. 시도해봤던 해결방법은 아래와 같다. 실행쿼리1) update user set password=old_password('비밀번호') where user='root'; 에러발생) Error Code: 1146. Table 'groupware.user' doesn't exist 0.000 sec 실행쿼.. [개발/MYSQL] Charset / Collation 란 처음에 데이터베이스를 생성할 경우 스키마명과 Charset/Collation을 지정하라고 합니다. 그렇다면 Charset/Collation이 무엇인지 알아보도록 하겠습니다. * Charset / Collation 이란 - Charset(Character Set)은 문자의 집합으로 즉, 텍스트 데이터에 대한 저장공간의 크기를 지정하기 위함이다. 대표적으로는 utf8, euckr 그리고 utf8mb4가 있다. - Collation은 정렬방식으로 저장된 텍스트 데이터를 정렬할 경우 어떻게 비교하여 정렬할 것인가에 대해 지정하기 위함이다. 예시로 "ORDER BY 'text' ASC"에 대해 데이터로 a, b, A, B가 있을 경우 어떤 방식으로 비교하여 정렬이 되었으면 하는가? 주로 많이 사용되는 collat.. 이전 1 2 다음
