본문 바로가기

IT_Developers914

무료 부트스트랩 테마 사이트 - bootswatch.com 부트스트랩 무료 css 안녕하세요. 고코더 입니다. 세상에서 가장 인기 있는 HTML 라이브러리라고 자칭하는 부트스트랩 테마를 무료로 배포하는 사이트를 소개합니다. 미리 완성된 테마를 사용하면 사이트 만들기가 매우 용이합니다. 간단한 사이트라면 무료 테마를 이용하여 빠르게 개발해보시길 바랍니다. ● 1. 해당 사이트를 접속합니다. https://bootswatch.com/ ● 2. 그리고 원하는 무료테마를 다운로드하면 css 가 다운로드됩니다. 스크롤을 내리면 유료도 있으니 참고 바랍니다. ● 3. 프리뷰를 통해서 미리 사용할 부트스트랩의 디자인을 확인해보시길 바랍니다. https://bootswatch.com/cerulean/ 2021. 6. 30.
SpringBoot - Gradle 프로젝트에 out, build 폴더가 있는 이유는? 안녕하세요. 고코더 입니다. ● 1. Gradle 프로젝트를 보면은 의아한 부분이 하나 있습니다. 바로 out, build 폴더의 준재입니다. 두 개의 폴더를 열어보면 동일한 클래스 파일을 소유하고 있습니다. 하지만 이유를 알면 정말 간단합니다. out - 폴더는 인텔리제이 빌드시에 컴파일한 class를 저장하는 폴더 입니다. build - 폴더는 gradle 빌드시에 컴파일한 class를 저장하는 폴더 입니다. ● 2. "다시 정리하자면 "out"폴더는 인텔리제이가 생성한 .class 파일 및 아티팩트를 배치하는 위치" 마무리 인텔리제이로 옮기니 새롭네요. 2021. 6. 30.
MySQL - "error code 2013 lost connection to mysql server during query" / 타임아웃 안녕하세요. 고코더 입니다. ● 1. Mysql에서 SQL을 실행할시에 아래와 같은 오류 메세지가 발생하는 경우가 있습니다. 원인은 쉽게 말해서 연결이 길어지면서 정해진 시간동안 자연스럽게 서버와의 접속이 끊어지는 현상입니다. 이유는 여러가지가 있지만, 정상적으로 쿼리를 작성하고 실행한 경우라면 쿼리 제한 시간을 늘려주어 해결이 가능합니다. error code 2013 lost connection to mysql server during query ● 2. MySQL 워크벤치 기준으로 Edit -> Preferences로 이동합니다. ● 3. SQL Editor 에서 DBMS connection read time out (in seconds) 라고 나와 있는 곳의 시간을 늘려줍니다. 만약 1분이라고 하면.. 2021. 6. 30.
jQuery - parent() 부모요소를 선택하기 제이쿼리를 사용해, 부모요소 찾기 안녕하세요. 고코더 입니다. ● 1. jQuery에서 해당 요소위에 바로 위에 존재하는 부모 요소를 선택하는 방법을 알아보겠습니다. 실무에서 자주 사용하는 3가지 정도의 방법이 있지만 오늘은 하나의 부모 요소를 반환하는 parent() 를 사용해보겠습니다. ● 2. 해당 p태그의 상단에는 div 태그가 있습니다. 이를 한번 선택해보도록 하겠습니다. 부모를 찾아라 ● 3. 방법은 간단합니다. 자식요소에서 부모 요소를 찾는 방법은 .parent();를 사용합니다. $('p').parent(); ● 4. 조금 더 응용 해보겠습니다. 해당 처럼 사용하면 div 라는 태그가 선택되어, div 가 출력 됩니다. var tag = $('p').parent().prop('tagName.. 2021. 6. 29.
SpringBoot - 스프링부트 프로젝트를 생성하는 사이트 / start.spring.io 안녕하세요. 고코더 입니다. ● 1. 스프링부트를 학습하거나 이제 개발을 시작하는 분들에게는 참 멋지고 유용한 사이트를 하나 소개해드릴려고 합니다. 이 홈페이지는 클릭 몇번만으로 스프링부트를 실행할 수 있는 훌륭한 사이트입니다. 해당 페이지로 접속해보겠습니다. 외울 수 있다면 도메인을 기억해놓는 것도 좋아 보입니다. https://start.spring.io/ ● 2. 접속 후에 각종 옵션을 체크합니다. ● 3. 그리고 가장 중요한 스타터를 선택합니다. 각종 Dependencies 들을 추가하여 프로젝트를 설정할 수 있습니다. ● 4. 모든 준비가 완료되었다면 아래에 GENERATE를 클릭하여서 프로젝트를 생성합니다. 그럼 파일이 다운로드되면서 즉시 실행 가능한 스프링 부트 프로젝트가 다운로드됩니다. 마.. 2021. 6. 29.
CMD - tree 디렉토리 구조 확인하기 안녕하세요. 고코더 입니다. 폴더 구조를 트리 형식으로 알아보는 명령어인 tree를 알아보도록 하겠습니다. 보통 dir를 사용하여서 디렉토리 구조를 확인하는 경우가 있습니다. 하지만 하위 디렉토리의 모든 구조를 파악할때는 tree 명령어가 좀 더 보기 편하게 출력 됩니다. 나름 디자인이 함께 노출 되기 때문에 보기가 편합니다. 어떤 폴더가 있는지 한눈에 확인이 가능합니다. tree 2021. 6. 29.
CMD - 명렴 프롬프트에서 비주얼 스튜디오 코드 실행하기 커맨드창에서 code 비주얼 스튜디오 열기 안녕하세요. 고코더 입니다. ● 1. 명령프롬프트에서는 다양한 명령어를 실행 가능합니다. 비주얼 스튜디오 코드도 역시 CMD 창에서 실행이 가능합니다. 명령어도 아주 단순합니다. 그저 "code"라고 입력하면 됩니다. code ● 2. 그리고 프로젝트가 있는 폴더라면 "." 하나만 추가하면 해당 폴더를 프로젝트로 실행이 가능합니다. 프로젝트가 있는 폴더로 이동 후에 "code ." 을 입력합니다. code . ● 3. 그럼 이렇게 프로젝트, 폴더채로 파일이 열리는 비주얼 스튜디오 코드를 실행이 가능합니다. 마무리 cmd로 멋지게 열어보세요. 2021. 6. 29.
CMD - 명령프롬프트, 입력했던 명령어 리스트 확인하기 안녕하세요. 고코더 입니다. ● 1. 명령프롬프트를 사용하면 반복적으로 입력하는 명령어들이 많습니다. 보통은 십자키를 이용해 위, 아래로 데이터를 찾는 방법도 있지만 단축크 "F7"를 클릭하면 명령어 기록들을 창으로 확인이 가능합니다. ● 2. CMD 창에서 "F7"를 입력하면 이렇게 나타납니다. 그리고 엔터를 통해 데이터를 선택 가능합니다. 2021. 6. 18.
CMD - 명령프롬프트, 명령어로 사이트 접속하기 안녕하세요. 고코더 입니다. ● 1. 커맨드 창에서 사이트 주소를 입력해서 브라우저를 통해 사이트를 접속하는 방법을 알아보겠습니다. 우선 CMD 창을 실행합니다. 그리고 이미지 처럼 "explorer" 라는 명령어를 실행하고 원하는 홈페이지 주소를 입력합니다. explorer http://gocoder.net ● 2. 그럼 이렇게 자신의 컴퓨터 기본 브라우저를 통해 웹사이트가 실행됩니다. 2021. 6. 18.