DEV133 [IntelliJ] 인텔리제이에서 git 사용방법 인텔리제이 상단 메뉴바에서 오른쪽을 보면 아래 이미지에서 표시된 부분이 있는데 해당 부분을 가지고 git을 제어할 수 있습니다. 현재 브랜치와 깃 로그 확인 위 이미지와 같이 인텔리제이 화면 하단 왼쪽에 Git이라는 아이콘을 클릭하면 현재 위치하고 있는 깃 브랜치와 다른 브랜치의 로그를 확인할 수 있습니다. 왼쪽 브랜치 목록에서 다른 브랜치를 클릭하면 해당 브랜치의 log를 확인할 수 있습니다. 위 이미지에서 표시된 부분과 같이 해당 아이콘은 현재 위치하고 있는 로컬 브랜치(Current branch)를 보여줍니다. 화면 오른쪽 아래에 있는 현재 브랜치(위 이미지상에선 dev) 부분을 클릭하여 다른 브랜치로 체크아웃할 수 있습니다. git pull 항상 모든 작업을 수행하기 전엔 원격 저장소에 있는 파일.. 2023. 5. 12. [MSSQL] IN과 NOT IN 사용하기 IN과 NOT IN 데이터베이스의 데이터를 추출할 때 조건을 붙여 사용하는데, 하나의 대상에 조건이 여러개일 경우 OR조건을 사용할수도 있지만 아래와 같이 IN과 NOT IN을 사용하여 더욱 간결하게 쿼리를 작성할 수 있습니다. -- IN SELECT * FROM [테이블명] WHERE [컬럼명] IN ( [조건1],[조건2],[조건3] ) -- NOT IN SELECT * FROM [테이블명] WHERE [컬럼명] NOT IN ( [조건1],[조건2],[조건3] ) IN은 컬럼의 값 = 조건1 혹은 컬럼의 값 = 조건2 혹은 컬럼의 값 = 조건 3 일 경우에 조회가 됩니다. NOT IN은 그 반대로 조건 1,2,3을 제외한 나머지를 조회할 수 있습니다. ※ NOT IN을 사용할 경우 주의해야 할 점이 .. 2023. 4. 11. [JavaScript] 요일 구하기 자바스크립트의 Date 객체를 사용하여 무슨 요일인지 알 수 있습니다. new Date(yyyy-MM-dd).getDay() 날짜의 요일은 new Date(yyyy-MM-dd).getDay() 함수를 통해 구할 수 있습니다. 자세한 사용방법은 다음과 같습니다. //ex) getDayOfWeek('2023-04-04') 의 형태로 사용 function getDayOfWeek(yyyyMMdd){ const dayOfWeek = new Date(yyyyMMdd).getDay(); //0:일, 1:월, 2:화, 3:수, 4:목, 5:금, 6:토 return dayOfWeek; } 위 getDayOfWeek함수는 매개변수로 들어오는 날짜의 요일을 구할수있습니다. 날짜의 형식은 yyyy-MM-dd와 같은 형태이며,.. 2023. 4. 4. [JQuery] $(document).ready 와 $(document).on의 차이(Feat. $(document).ready가 동적 요소 제어하지 못할 경우) $(document).ready $(document).ready(function(){ //이벤트 }) 보통 위 코드와 같은 형식으로 사용됩니다. $(document).ready는 DOM이 준비가 됐을 때 click이벤트를 시작하겠다는 의미입니다. 문제는 동적으로 생성되는 엘리먼트들에 한해서는 $(document).ready가 동작되지 않을 수 있습니다. 그 이유는 이벤트 핸들러(event handler)를 엘리먼트에 직접 바인딩을 하기 때문입니다. 엘리먼트에 직접 바인딩을 하기 때문에 지금 존재하는 태그들만 영향을 받고 새로 동적으로 생성되는 엘리먼트 들은 영향을 받을 수 없습니다. 동적이란? 보통 ajax를 통해 만들어지는 것을 말하며, 기존 DOM이 생성된 뒤 JS, JQuery를 통해서 새로 만들어.. 2023. 3. 22. [WEB] 웹 브라우저에서 쿠키(Cookie) 확인하기 쿠키(Cookie)란?HTTP 쿠키(웹 쿠키, 브라우저 쿠키)는 서버가 사용자의 웹 브라우저에 전송하는 작은 데이터 조각입니다. 브라우저는 그 데이터 조각들을 저장해 놓았다가, 동일한 서버에 재 요청 시 저장된 데이터를 함께 전송합니다. 쿠키는 두 요청이 동일한 브라우저에서 들어왔는지 아닌지를 판단할 때 주로 사용합니다. 이를 이용하면 사용자의 로그인 상태를 유지할 수 있습니다. 상태가 없는 HTTP 프로토콜에서 상태 정보를 기억시켜 주기 때문입니다. 브라우저에서 쿠키(Cookie) 확인하기 엣지브라우저 이외의 브라우저의 경우 키보드의 f12버튼을 누르거나, 웹브라우저 화면에서 마우스 커서 오른쪽을 클릭하면 [검사]라는 메뉴를 통해 개발자도구 창을 활성화시킬 수 있습니다. 위 이미지에서.. 2023. 3. 17. [Thymeleaf] 타임리프 에서 null과 빈 문자열 확인하기 기존의 null값과 빈 문자열(" ") 확인 기존 방식은 null값과 빈 문자열을 각각 확인하였습니다. #strings. isEmpty를 통한 null값과 빈 문자열(" ") 확인 #strings. isEmpty(확인할 값) 의 형태로 null값과 빈 문자열(" ")을 한 번에 확인할 수 있습니다. 타임리프의 isEmpty 함수는 전달되는 매개변수가 null값인지, 그리고 빈 문자열(" ")인지 확인하여 맞다면 true 아니라면 false를 리턴합니다. 아래의 코드를 통해 자세한 사용 예시를 확인할 수 있습니다. #strings. isEmpty를 통하여 매개변수인 player.num의 값이 null인지 빈 문자열(" ")인지 확인합니다. #strings. isEmpty앞에 not을 붙인 th:if="${.. 2023. 1. 31. [JQuery] 체크 박스 전체 개수와 선택된 개수 / 체크 처리와 체크 해제 제이쿼리를 이용하여 체크박스 전체 개수와 체크된 개수를 구할 수 있습니다. 또한 체크처리 / 해제 할 수 있습니다. 체크박스의 전체 개수 $("input:checkbox[name=체크박스 NAME]").length 의 형태로 체크박스 전체 개수를 구할 수 있습니다. 위와 같은 체크박스가 있을 때 다음과 같은 제이쿼리를 사용해 checkbox_aaa 체크박스의 전체 개수를 알 수 있습니다. $("input:checkbox[name='checkbox_aaa']").length; 체크박스 체크된 개수 $("input:checkbox[name=체크박스 NAME]:checked").length 의 형태로 체크된 개수를 구할 수 있습니다. 위와 같은 체크박스가 있을 때 다음과 같은 제이쿼리를 사용해 checkbox.. 2023. 1. 27. [JavaScript] 배열의 특정 값 삭제하기 1. 배열 전체 값 삭제 방법 1 배열 = []; 의 형태로 배열의 전체 값을 삭제(초기화) 할 수 있습니다. 방법 2 배열.length = 0; 의 형태로 배열의 길이를 0으로 초기화하여 전체 값을 삭제(초기화) 할 수 있습니다. //방법 1 //배열 선언 let arr1 = ['aaa', 'bbb', 'ccc']; // 배열 값 전체 삭제 arr1 = []; console.log(arr1.length);//0 출력 //방법 2 //배열 선언 let arr2 = ['ddd', 'eee', 'fff']; // 배열 값 0으로 변경 arr2.length = 0; console.log(arr2.length);//0 출력 2. 배열 첫 번째 값 삭제 자바스크립트의 shift 함수를 사용하여 배열의 첫 번째 값.. 2023. 1. 19. [Thymeleaf] 동적으로 클래스 지정, 추가하기(th:class / th:classappend) Thymeleaf의 th:class와 th:classappend를 사용하여 동적으로 class를 지정, 추가할 수 있습니다. th:class th:class를 이용하여, 동적으로 class를 지정할 수 있습니다. Text aaa Text bbb Text ccc //player == Y Text aaa Text bbb Text ccc //player != Y Text aaa Text bbb Text ccc th:classappend th:classappend를 이용하여, 기존 class에 동적으로 class 값을 추가할 수 있습니다. Text 1 Text 2 //player == Y Text 1 Text 2 //player != Y Text 1 Text 2 2023. 1. 17. 이전 1 2 3 4 5 6 7 8 ··· 15 다음 반응형
