전체 글18 [JAVA] 로직 실행시간 체크 long start = System.currentTimeMillis(); //시작하는 시점 계산 ======== 실행되는 로직 ======== long end = System.currentTimeMillis(); //프로그램이 끝나는 시점 계산 System.out.println( "@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@로직 실행 시간 : " + ( end - start )/1000.0 +"초"); //실행 시간 계산 및 출력 2021. 2. 9. [JavaScript] alert창 줄바꿈 (2줄로 만들기,개행처리) alert("익숙함에 속아 \n 소중한 것을 잃지 말자."); - \n은 개행시켜 준다. - \t는 탭키를 누른 것과 같은 효과를 내준다. 2021. 2. 4. [jQuery] 배열에 포함되어있는지 검사하기 $.inArray(value, array[, fromIndex])Array에서 특정값(value)을 찾으면 해당 index를 반환하고, 찾지 못하면 -1을 반환. var arrTmp = [1, 3, "lee", "kim" ];if($.inArray(3, arrTmp) != -1){alert("찾았음");}else{alert("없음");} 2021. 1. 27. [JQuery] [JavaScript] 현재 페이지 URL 찾기 javascriptwindow.location.host #returns host window.location.hostname #returns hostname window.location.pathname #return pathname window.location.href #returns full current url window.location.port #returns the port window.location.protocol #returns the protocol jQuery$(location).attr('host'); #returns host $(location).attr('hostname'); #returns hostname $(location).attr('pathname'); #returns pa.. 2021. 1. 27. [JavaScript] 페이지 새로고침 하는법 location.reload(); 2021. 1. 21. [JQuery] 체크박스 갯수 / 체크여부 확인 // 전체 갯수$("input:checkbox[name=is_check]").length // 선택된 갯수$("input:checkbox[name=is_check]:checked").length // 전체 체크$("input[name=mycheck]:checkbox").prop("checked", true); // 전체 체크 순회$("input:checkbox[name=is_check]").each(function() { this.checked = true;}); // 체크여부 확인if($("input:checkbox[name=complete_yn]").is(":checked") == true) { //작업} 2021. 1. 20. [HTML] HTML5 이란? HTML5에 대해 알아보자 HTML이란? HTML은 HyperText Markup Language의 약자입니다. 웹 페이지는 HTML 문서라고도 불리며, HTML 태그들로 구성됩니다. 각각의 HTML 태그는 웹 페이지의 디자인이나 기능을 결정하는데 사용됩니다. 제목 1 제목 2 제목 3 단락 1 단락 2 HTML 태그(tag) HTML 태그는 태그 이름을 꺾쇠 괄호()로 감싸서 표현합니다. 문법 1. // 시작 태그 2. // 종료 태그 HTML 태그는 보통 시작 태그(start tag, opening tag)와 종료 태그(end tag, closing tag)의 한 쌍으로 구성됩니다. 종료 태그는 시작 태그와 전부 똑같지만, 태그 이름 앞에 슬래시(/)가 존재합니다. 태그에 따라 시작 태그만 있고 종료 태그가 없는 태그도 존재합.. 2020. 2. 21. [IT 이모저모] 데이터 3법이란? 데이터 3법이란? 데이터 이용을 활성화하는 개인정보 보호법, 정보통신망 이용촉진 및 정보보호 등에 관한 법률(약칭 : 정보통신망법), 신용 정보의 이용 및 보호에 관한 법률(약칭 : 신용정보법) 등 3가지 법률을 통칭한다. - 정책위키 우리는 4차 산업혁명 시대를 살고 있다. 4차 산업형명 시대에서는 데이터가 핵심 자원으로 데이터 이용의 활성화를 통한 인공지능(AI), 인터넷기반 정보통신 자원통합(클라우드), 사물인터넷(IoT) 등의 신산업 육성이 국가적 과제로 대두되고 있는 상황에서 신기술을 활용한 데이터 이용이 필요하다. 그러나 산업의 발전 속도가 너무 빨라서 그럴까? 법이 산업 발전 속도를 따라가지 못해, 법이 기술 발전을 저해하는 장애물이 되곤했다. 그러다 보니 규제의 차이가 곧 기술의 차이로 이.. 2020. 2. 20. [Frontend] 비주얼스튜디오코드(Visual Studio Code) 유용한 단축기 모음 알아두면 좋은 단축키비주얼스튜디오코드(Visual Studio Code) 유용한 단축기 모음 Preferences > Keyboard Shortcut(바로 가기 키) 에서 단축키를 확인하거나 변경할 수 있습니다. "를 사용하면 키 바인딩을 검색할 수 있습니다. "를 닫으면 정확한 검색을 요구하므로 "cmd + p와 같이 "를 닫지 않고 검색하는 것을 추천합니다. Windows 단축키macOS 단축키설명 “Ctrl + B” “Cmd + B” 사이드바 열기/닫기 “Ctrl + P” “Cmd + P” 빠른 열기(파일이나 기호 탐색) “Ctrl + Shift + P” “Cmd + Shift + P” 모든 명령 표시(에디터의 모든 명령에 접근) “Ctrl + F” “Cmd + F” 찾기(검색) “Ctrl + H”.. 2020. 2. 20. [HTML] HTML태그표 HTML 태그정리 태그 설명 주석(comment)을 정의함. 해당 문서(document)의 타입을 정의함. 다른 콘텐츠와 연결되는 하이퍼링크(hyperlink)를 정의함. 축약형(abbreviation)이나 머리글자로만 된 단어(acronym)를 정의함. 문서나 글의 저자 또는 회사와 연락할 수 있는 정보를 명시함. 이미지 맵(image-map)에서 하이퍼링크가 연결될 영역을 정의함. 해당 문서나 페이지 또는 사이트와는 완전히 독립적으로 구성할 수 있는 요소를 정의함. 페이지의 다른 콘텐츠들과 약간의 연관성을 가지고 있지만 해당 콘텐츠들로부터 분리시킬 수 있는 콘텐츠로 구성된 페이지 영역을 정의함. 음악이나 오디오 스트림과 같은 사운드를 정의함. 해당 문서의 모든 상대 주소(relative URL)에 대.. 2020. 2. 19. [Spring] Eclipse에 Spring(STS) 설치 JAVA Spring 설치하기 ㅇSpring 설치 Spring를 설치하는 방법에 대해 알아보겠습니다. Spring를 설치하는 방법은 총 2가지가 있습니다. 1. 이클립스 안에서 STS 플러그인을 설치하는 방법 2. 이클립스 기반으로 된 STS를 Spring 프레임 워크 사이트에서 설치하는 방법 이번에는 1번 이클립스 안에서 STS 플러그인을 설치하는 방법을 알아보겠습니다. 이클립스를 설치 안하신 분들은 아래 링크를 보고 설치해주세요 2020/02/09 - [개발일기/SpringFramework] - [Spring] Eclipse 설치하기 ㅇSpring 이클립스에 설치하기 1. 이클립스에서 Help - Eclipse Marketplace 를 누른다. 2. STS 혹은 spring 플러그인을 검색하고 최신버.. 2020. 2. 9. [Spring] Eclipse 설치하기 JAVA Eclipse 설치하기 ㅇEcliopse, 이클립스 오늘은 WEB개발을 하기 위한 2단계 이클립스를 PC에 설치해 보겠습니다. 혹시 JAVA를 설치 하지 않으신분들은 2020/02/06 - [개발일기/SpringFramework] - [Spring] JAVA 설치하기 를 참고해서 JAVA를 설치해 주시기 바랍니다. ㅇEcliopse, 이클립스 다운로드 먼저 이클립스를 다운받겠습니다. https://www.eclipse.org/ The Platform for Open Innovation and Collaboration | The Eclipse Foundation The Eclipse Foundation - home to a global community, the Eclipse IDE, Jakart.. 2020. 2. 9. [Frontend] 비주얼스튜디오코드(Visual Studio Code) 한글변경 WEB Frontend - 2 - 저번 시간에는 비주얼스튜디오코드(Visual Studio Code) 설치를 해봤습니다. 2020/02/06 - [개발일기/Frontend] - [Frontend] 비주얼스튜디오코드(Visual Studio Code) 설치 [Frontend] 비주얼스튜디오코드(Visual Studio Code) 설치 WEB Frontend - 2 - 저번 시간에는 프론트엔드 개발자에 대해 알아보았습니다. 2020/02/06 - [개발일기/Frontend] - [Frontend] 프론트엔드 개발자란? [Frontend] 프론트엔드 개발자란? WEB Frontend - 1 - 오늘은.. dori625.tistory.com 개발이 처음이시거나 에디터를 안써보신분 또는 영어가 울렁거리시는 분을 .. 2020. 2. 6. [Frontend] 비주얼스튜디오코드(Visual Studio Code) 설치 WEB Frontend - 2 - 저번 시간에는 프론트엔드 개발자에 대해 알아보았습니다. 2020/02/06 - [개발일기/Frontend] - [Frontend] 프론트엔드 개발자란? [Frontend] 프론트엔드 개발자란? WEB Frontend - 1 - 오늘은 '프론트엔드 개발자(Front-End Developer)'에 대해 포스팅을 해보고자 합니다. 프론트 엔드란? 사용자에게 웹을 통해 다양한 콘텐츠(문서, 동영상, 사진 등)를 제공합니다. 또한, 사용.. dori625.tistory.com 이번 시간에는 프론트엔드 개발에 필요한 웹편집기를 설치해 보겠습니다 ○ 왜 비주얼스튜디오코드(Visual Studio Code) 인가? 비주얼 스튜디어 코드(Visual Studio Code) 는 마이크로소.. 2020. 2. 6. [Frontend] 프론트엔드 개발자란? WEB Frontend - 1 - 오늘은 '프론트엔드 개발자(Front-End Developer)'에 대해 포스팅을 해보고자 합니다. 프론트 엔드란? 사용자에게 웹을 통해 다양한 콘텐츠(문서, 동영상, 사진 등)를 제공합니다. 또한, 사용자의 요청(요구사항)에 반응해서 동작합니다. 프론트엔드 개발자의 역할 주로 HTML, CSS, Javascript 를 활용하여 메뉴가 나오게 하고 슬라이드를 넘어가게 하는 것 등을 담당합니다. 웹콘텐츠를 잘 보여주기 위해 구조를 만들어야 합니다.(신문,책등과 같이) - HTML 적절한 배치와 일관된 디자인 등을 제공해야 합니다.(보기 좋게) - CSS 사용자 요청을 잘 반영해야 합니다.(소통하듯이) - Javascript 아래 싸이트에 간단하게 잘 나와있는듯 하다 htt.. 2020. 2. 6. [Spring] JAVA 설치하기 JAVA JAVA 설치하기 ㅇJAVA 설치하기 오늘은 WEB개발을 하기 위한 1단계 JAVA를 PC에 설치해 보겠습니다. 간단하게 JAVA개발툴인 JDK를 설치하고, Windows 명령프롬프트에서 컴파일하는 과정을 설명하고자 한다. ㅇJAVA 다운로드 오늘은 WEB개발을 하기 위한 1단계 JAVA를 PC에 설치해 보겠습니다. https://www.oracle.com/technetwork/java/javase/downloads/index.html Java SE - Downloads | Oracle Technology Network | Oracle Which Java package do I need? Software Developers: JDK (Java SE Development Kit). For Java.. 2020. 2. 6. [Frontend] 2020년 프론트엔드 개발자 로드맵에 대해 알아보자 WEB Frontend Lordmap 웹개발자 프론트엔드 로드맵 현대적인 프론트 엔드 개발자가되기위한 단계별 가이드 아래의 사이트에 올라와 있는 프론트엔드 개발자 로드맵에 대해 알아보겠습니다. 출처 : https://roadmap.sh/frontend Roadmaps to becoming a modern developer Community driven roadmaps, articles, guides, quizzes, tips and resources for developers to learn from, identify their career paths, know what they don't know, find out the knowledge gaps, learn and improve. roadmap.sh.. 2020. 2. 6. [Spring] Spring Framework, 스프링 프레임 워크란? JAVA Spring Framework - 1 - ㅇ스프링 프레임워크(Spring Framework)란? 스프링 프레임워크는 자바 진영에서 주로 웹 서버 어플리케이션을 만들기 위해 사용하는 프레임워크입니다. 스프링 프레임워크를 설명하기에 앞서 먼저 프레임워크가 무엇인지 알아보도록 하겠습니다. ㅇ프레임워크(Framework)란 "소프트웨어의 구체적인 부분에 해당하는 설계와 구현을 재사용이 가능하게끔 일련의 협업화된 형태로 클래스들을 제공하는 것" 프레임워크는 구체적이고 확장가능한 기반코드를 가지고 애플리케이션의 틀과 구조를 결정할 뿐만 아니라 개발자의 코드를 제어한다. 구조에 대한 일종의 가이드라인이라고 생각하자. (이미 규칙이 정해진) 확장 가능한 기반 코드 : 설계의 기반이 되는 부분을 기술 라이브러리.. 2020. 2. 6. 이전 1 다음
