분류 전체보기298

• 

  [Network] 윈도우10 Telnet 설치 방법 및 명령어 [Network] 윈도우10 Telnet 설치 방법 및 명령어 Telnet 이란? 원격 접속 서비스로서 특정 사용자가 네트워크를 통해 다른 컴퓨터에 연결하여 그 컴퓨터에서 제공하는 서비스를 받을 수 있도록 하는 인터넷 표준 프로토콜 Telnet을 이용하면 네트워크에 있는 컴퓨터를 자신의 컴퓨터처럼 파일 전송, 파일 생성, 경로 생성 등 자유롭게 가능하다. 하지만, 보안문제로 사용률이 감소하고 원격 제어를 위해 SSH로 대체되고 있다. 명령어 telnet [IP 또는 도메인] [포트] Telnet을 이용해 해당 포트가 접속 가능한 지 확인해보자. 먼저, 다음과 같은 문구가 뜬다는 것은 텔넷 기능의 사용을 활성화시키지 않은 경우에 나타난다. 'telnet'은(는) 내부 또는 외부 명령, 실행할 수 있는 프로.. 운영체제 2021. 5. 17.

• 

  [Javascript] 자바스크립트 코드 경량화(minify)하기, 경량화(minify) 풀기 [Javascript] 자바스크립트 코드 경량화(minify)하기, 경량화(minify) 풀기 1. 자바스크립트 코드 경량화 (minify) 하기 - minifier 사이트 접속 Minify JS and CSS online, or include the minifier in your project for on-the-fly compression. Minify JS and CSS online, or include the minifier in your project for on-the-fly compression. www.minifier.org ① JS 파일을 붙여넣기 ② JS 언어를 선택 (언어를 감지해서 자동으로 선택되기는 한다) ③ Minify 버튼 클릭 그러면 ① 박스에 들여쓰기와 엔터와 같은 공백이 .. Front/JavaScript 2021. 5. 12.

• 

  [Java] Windows10 환경 OpenJDK 설치 및 환경설정 OpenJDK 다운로드 OpenJDK는 다운로드 는 아래 링크를 통해 원하는 버전의 설치 파일을 다운로드 할 수 있다. JDK Builds from Oracle jdk.java.net JDK 배포 정책 및 사용관련해서는 JDK 또는 오라클 홈페이지를 통해서 확인해보는 것을 추천한다. OpenJDK 공식 홈페이지 OpenJDK Download and install the open-source JDK for most popular Linux distributions. Oracle's free, GPL-licensed, production-ready OpenJDK JDK 16 binaries are at jdk.java.net/16; Oracle's commercially-licensed JDK 15 bina.. JVM/Java 2021. 5. 11.

• 

  [Windows] 윈도우 10 DNS(Domain Name System) 서버 설치 및 세팅 [Windows] 윈도우 10 DNS(Domain Name System) 서버 설치 및 세팅 DNS 서버 설치는 일반 윈도우의 경우가 아닌 서버 윈도우일 때 설치가 가능하다. 만약 DNS 서버가 설치되어있다면, 바로 2번 순서로 넘어가도 된다. 1. DNS 서버 설치 - 서버 관리자 실행 (실행 명령어 : compmgmt.msc) 하여 역할 및 기능 추가 선택 - 서버 역할 메뉴의 DNS 서버를 체크하고, 기능 추가 선택 - 설치가 정상적으로 완료되면 DNS 메뉴가 추가된다. 오른쪽 상단의 [도구] 에서 "DNS" 를 선택 2. 도메인 영역 추가 - 기존에 DNS 관리자가 있다면 관리자를 실행 (Windows + R → dnsmgmt.msc) - 정방향 조회 영역을 추가 정방향 조회 영역은 도메인 이름에.. 운영체제 2021. 5. 7.

• 

  [Windows] 윈도우 10 실행키 입력 명령어 목록 (Windows + R) [Windows] 윈도우 10 실행키 입력 명령어 목록 (Windows + R) Windows 실행키 (Windows + R) 을 열면 다음과 같은 화면이 뜬다. 보통은 검색하거나 프로그램을 찾아서 실행(또는 오픈)을 할 수 있지만, 명령어를 사용하면 보다 쉽게 원하는 프로그램을 접근할 수 있기 때문에 많이 사용한다. 알아두면 좋은 실행키 명령어 목록을 살펴보자. - 시스템 도구 관련 명령어 compmgmt.msc 컴퓨터 관리 devmgmt.msc 장치 관리자 diskmgmt.msc 디스크 관리 lusrmgr.msc 로컬 사용자 및 그룹 fgsmgmt.msc 공유 폴더 certmgr.msc 인증서 관리 eventvwr(.msc) 이벤트 뷰어 perfmon.msc 성능 모니터 services.msc 서비스.. 운영체제 2021. 5. 7.

• 

  [Javascript] 자바스크립트 SNS 간편 로그인 API 구현하기 [Javascript] 자바스크립트 SNS 간편 로그인 API 구현하기 - 내 애플리케이션 클릭 - 애플리케이션 추가하기 - 플랫폼 설정하기 - web 플랫폼 등록 (일단 로컬 개발 도메인으로 설정) - 카카오 로그인 Redirect URI 설정 페이지 https://developers.kakao.com/tool/demo/login/login - Kakao Developers 카카오 로그인 데모에서 다음 코드를 복사 테스트가 가능 Front/API 2021. 5. 4.

• 

  [CSS3] title 속성에 style 입히기 [CSS3] title 속성에 style 입히기 HTML 의 title 속성은 해당 요소에 대한 설명을 툴팁으로 제공해준다. HTML title Attribute HTML title Attribute Definition and Usage The title attribute specifies extra information about an element. The information is most often shown as a tooltip text when the mouse moves over the element. Applies to The title attribute is part of the Global At www.w3schools.com 1. 기본 title 속성 - CSS3 div { widt.. Front/CSS 2021. 5. 3.

• 

  [CSS3] 이미지 편집하지 않고, 투명한 배경 유지하면서 색상 변경 시키는 방법 [CSS3] 이미지 편집하지 않고, 투명한 배경 유지하면서 색상 변경 시키는 방법 아이콘과 같이 이미지를 생성받았는데, 투명한 배경에 해당 이미지 색상만 변경하고 싶다고해서 매번 이미지를 색상별로 요청할 수 없을 때 CSS로 이미지 색상 변경하는 방법이다. 참고로 정식 방법은 아니여서 정확한 색상표현이 되진 않는다. 위의 스프라이트 아이콘 이미지로 살펴보자. img { filter: opacity(0.5) drop-shadow(0 0 0 red); } red 자리에 원하는 색상을 넣으면 된다. 기존에 만들어진 이미지 색상의 투명도를 주고, 색상을 얹는 잔머리를 사용한 방식이라 정확한 색상이 표현되지 않고 혼합된 색상으로 표현되니, 협업이 힘들거나 커스텀이 필요한 경우에만 사용하기에 좋을 것 같다. - r.. Front/CSS 2021. 5. 3.

• 

  [Javascript] base64 이미지 Data → File 객체로 변환 이는.. Smart Editor를 사용하면서 부딪히게 된 난항이다.. [Javascript] Naver SmartEditor 사용하기 [Javascript] Naver SmartEditor 사용하기 게시글 작성란 등에 사용되는 Editor 중에 SmartEditor와 CKEditor를 사용해보았다. 일단 UI 화면으로는 CKEditor가 훨씬 깔끔하지만, 기능 세팅이나 옵션설정은 Smar.. haenny.tistory.com SmartEditor 를 사용하여 글자를 입력할 때 입력한 글자 수를 표출하는 부분을 구현을 했는데, SmartEditor는 이미지를 복사 붙여넣기가 가능한 것. 글자 수를 표출한 것은 사용자의 편리도 있지만, 해당 내용을 저장하는 DB 의 데이터 크기를 넘어서지 않게 하기 위함이었.. Front/JavaScript 2021. 4. 30.

• 

  [Javascript] Naver SmartEditor 사용 및 입력 글자 수 표시하기 [Javascript] Naver SmartEditor 사용하기 및 입력 글자 수 표시하기 게시글 작성란 등에 사용되는 Editor 중에 SmartEditor와 CKEditor를 사용해보았다. 일단 UI 화면으로는 CKEditor가 훨씬 깔끔하지만, 기능 세팅이나 옵션설정은 SmartEditor가 훨씬 간편하다. 다음에는 CKEditor 사용방법을 알아보기로 하고, 오늘은 SmartEditor 기본 사용방법을 살펴보자. SmartEditor 에 대한 소개 및 기능은 본 페이지를 참고한다. 네이버 스마트에디터 ONE 모든 창작의 중심. SmartEditor ONE을 소개합니다. smarteditor.naver.com 일단 기본적으로 사용되는 SmartEditor 생성 시 속성은 다음과 같다. var oEd.. Front/API 2021. 4. 30.

• 

  [Javascript] iframe 하위 객체 접근 방법 [Javascript] iframe 하위 객체 접근 방법 보통 Document 하위 객체를 접근하기 위해서는 셀렉터 사용 혹은 자식 요소를 통해 접근한다. 자식의 자식 예를들면, class가 child2인 요소를 찾기 위해서는 다음과 같은 방법 등으로 접근할 수 있는 것이다. document.querySelector(".child2"); document.querySelector(".parent").firstElementChild.firstElementChild; 하지만 iframe 요소의 하위를 찾을 때는 위와 같이 동일한 방법이 적용되지 않기 때문에 다음과 같이 활용해야 한다. iframe 내부에 iframe 내부에 .se2_inputarea 라는 요소를 찾기 위한 방법 1. JQuery var tex.. Front/JavaScript 2021. 4. 30.

• 

  [Oracle] "ORA-06502: PL/SQL: 수치 또는 값 오류: 문자열 버퍼가 너무 작습니다" 오류 해결 [Oracle] "ORA-06502: PL/SQL: 수치 또는 값 오류: 문자열 버퍼가 너무 작습니다" 오류 해결 CLOB 타입의 데이터를 조회하는 과정에 발생한 오류이다. 전자정부 프레임워크 SpringMVC 모델의 프로젝트의 MyBatis 를 사용하여 DB 데이터를 조회한 쿼리를 VO 객체에 담아 View에 보내는 과정이었다. CLOB 타입의 데이터를 VO에 담기 위해서는 다음과 같은 쿼리를 작성했다. SELECT SEQ_NO , SUBJECT , DBMS_LOB.SUBSTR(CONTENTS_CLOB, 4000, 1) AS CONTENTS FROM WEB_OP_BBS CONTENTS_CLOB 컬럼의 컨텐츠를 지정 바이트 (4000) 만큼 잘라오는 쿼리이다. 실제로 CONTENTS_CLOB 에 이미지 .. Database/SQL 2021. 4. 30.