본문 바로가기

분류 전체보기253

파일 트리 구조를 정리하는 2가지 방법 안녕하세요. 오늘은 파일 트리 구조를 정리하는 방법에 대해 소개해드리려고 해요. 파일 구조를 보고 프로젝트의 구성을 어느 정도 짐작할 수 있기 때문에 종종 유용하게 사용할 것 같아요. 파일 구조 정리하는 방법과 전체 화면을 캡처하는 방법에 대해 적어보았습니다. 파일 트리 구조 1. cmd 창을 활용 윈도우 키 > cmd 검색 > cmd 실행 원하는 폴더로 이동 > 해당 폴더 위치에서 트리 구조 명령어 tree /a /f 입력 -- 터미널 폴더 이동 명령어 :cd cd 파일 경로 -- 폴더 구조 명령어 tree /a /f 텍스트로 복사하거나 캡처해서 사용 2. vscode의 extension 활용 vscode 설치 > vscode extension (좌측 메뉴바 끝네서 두 번째 아이콘 클릭) > file-.. 2023. 7. 7.
프로시저란? Procedure 안녕하세요. 오늘은 프로시저에 대해 학습해보았습니다. 프로시저(Procedure)란 Persistent Storage Module 약자로 일련의 쿼리를 하나의 함수처럼 사용하기 위한 쿼리의 집합을 뜻합니다. 프로시저는 왜 사용하고 프로시저의 장단점에는 무엇이 있는지 알아보겠습니다. 프로시저의 정의 특정한 로직을 처리하기만 하고 결과 값을 반환하지 않는 서브 프로그램입니다. 데이터베이스에 대한 일련의 작업을 정리한 절차를 관계형 데이터베이스 관리 시스템이 저장한 것입니다. 테이블에서 데이터를 추출, 조작하고 결과를 다른 테이블에 다시 저장하거나 갱신하는 처리를 할 때, 프로시저를 사용합니다. 프로시저의 장점 하나의 요청으로 여러 SQL문을 실행시킬 수 있습니다. (네트워크 부하를 줄일 수 있음) 네트워크 .. 2023. 7. 3.
티스토리 원하는 글씨체 적용 안녕하세요. 오늘은 티스토리 블로그의 글씨체를 바꿔보려고 합니다. 저는 원래 깔끔한 스타일의 사각형의 고딕체를 좋아하는데요. 왠지 요즘은 동글동글한 글씨체가 귀여워보이더라고요. 제가 쓰는 폰트 사이트 '눈누' 입니다. https://noonnu.cc/ 눈누 상업용 무료한글폰트 사이트 noonnu.cc 글씨체에 따라 저작권 조건이 다르니 꼭 확인하고 사용하셔야 합니다. 우측 상단 웹 폰트로 사용하기 코드를 복사합니다. 화면을 꾸며주는 부분은 css에서 담당합니다. 폰트 역시 화면을 꾸며주는 부분이기 때문에 티스토리 스킨편집 > css 에 적용을 해주도록 하겠습니다. 설정 > 꾸미기 > 스킨 편집 html 편집 클릭 css > 복사한 코드 붙여넣기 ctrl + f > font-family 검색해서 폰트 이름.. 2023. 7. 3.
배포 시 로그 확인하기 명령어 배포 시 .war 파일 올리고, 톰캣이 배포할 때에 다음 명령어를 사용하면 로그 확인이 가능합니다. tail -f /usr/local/tomcat/logs/catalina.out 2023. 7. 3.
jstl에서 if-else문 사용하기 jsp 코드를 작성할 때 조건에 따라 다른 결과를 보여주어야 할 때가 있습니다. 조건이 하나라면 c;if 태그를 이용해 표현할 수 있지만, 조건이 여러개인 경우에는 어떻게 해야할까요? 오늘은 c:if문과 c:choose에 대해 학습해보았습니다. c:if 조건이 하나인 경우 해당 조건에 맞는경우 실행 현재 해당 게시판은 리스트가 존재하지 않습니다. c:choose 조건이 여러 개인 경우 해당 조건에 맞는경우 실행 그 외의 경우 실행 count가 10보다 작은 경우 count가 10보다 크고 20보다 작은 경우 count가 20보다 큰 경우 c:choose를 사용하면 어떤 경우를 나누고 싶었는지 보기가 명확해지기 때문에 조건이 여러 가지인 경우 유용하게 사용할 수 있을 것 같습니다. 2023. 7. 3.
HTML5 DATA 속성 사용하기 안녕하세요. HTML에서 DATA 속성을 사용할 수 있다는 사실, 알고 계셨나요? 브라우저에 영향을 주지 않고 요소에 특정한 데이터를 저장하고 싶은 경우 사용하는 속성이라고 하는데요. 오늘은 DATA 속성의 장점과 사용법에 대해 학습해보겠습니다. DATA- 속성이란? HTML 표준인 value 속성과 별개로 만들어진 사용자 지정 데이터 속성입니다. hidden 태그로 데이터를 저장할 필요가 없습니다. 하나의 HTML 요소에 여러 데이터 속성을 사용할 수 있습니다. 어느 엘리먼트에서나 data-로 시작하는 속성은 무엇이든 사용할 수 있습니다. 화면에 안보이게 글이나 추가 정보를 엘리먼트에 담아 놓을 수 있습니다. DATA- 속성 사용법 특정 속성값만 추출하기 console.log(input.dataset... 2023. 6. 28.
반응형