본문 바로가기

전체 글129

[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.
[AI] ChatGPT란?(feat. GPT-3 와 GPT-4) ChatGPT란? ChatGPT(챗지피티)는 인공지능 회사인 OpenAI에서 출시한 AI 기반의 챗봇 서비스입니다. 용어 자체는 채팅을 의미하는 Chat과 GPT의 합성어로, GPT는 Generative Pre-trained Transformer (생산적 사전학습 변환기: 언어적 훈련이 미리 되어 있으며 대화 생성이 가능한 봇)라는 뜻을 지닌다고 합니다. 한마디로 요약하면 대화형 인공지능 서비스입니다. 오픈 AI에서는 'ChatGPT는 대화 형식으로 질문에 답하지만 정확하지 않은 전제에 대해서는 이의를 제기하거나 부적절한 요청을 거부할 수 있다.'라고 합니다. 게다가, 아직은 베타 단계이기 때문에 질문에 대한 대답이 부정확할 가능성도 있습니다. Infographic: ChatGPT Sprints to O.. 2023. 3. 23.
[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.
[Microsoft Edge] ChatGPT를 결합한 검색엔진 'BING' 사용하기 요즘 chatGPT에 대한 관심이 나날이 높아져 가고 있는 가운데, Microsoft사의 Edge브라우저에서 chatGPT를 사용할수 있게 되었습니다. 마이크로소프트(MS)가 chatGPT를 결합한 검색엔진 ‘빙’에 대한 베타 테스트를 끝내고 엣지 브라우저에 공식 장착했다고 밝혔습니다. MS는 15일(현지시간) 오픈AI의 GPT-4를 그동안 빙 검색에 적용해 왔다는 사실과 함께 이를 자사의 브라우저인 엣지에서도 이날부터 사용가능하다고 밝혔다고 테크크런치 등 외신들이 전했습니다. 채팅과 검색을 결합한 새 빙은 지난달 MS의 공식 회견에서 처음 소개됐지만, 그동안 사용신청을 받아 접근을 허용하는 베타 테스트를 계속해왔다고 합니다. (기사 출처 https://www.aitimes.com/news/article.. 2023. 3. 16.
[Microsoft Edge] 엣지에서 IE(인터넷 익스플로러) 설정하기 인터넷 익스플로러(IE) 11의 데스크톱 애플리케이션은 2023년 2월경 특정 버전의 윈도우10에서 영구적으로 비활성화되면서 2023년 6월경에는 IE 아이콘 등이 윈도우 10을 쓰는 PC에서 아예 사라질 예정입니다. 마이크로소프트에서는 IE 대신 마이크로소프트 에지 Edge를 사용하시길 권장하고 있지만 많은 기업과 학교, 관공서에서는 IE에 특화된 프로그램을 사용하고 있어 마이크로소프트에서는 2029년까지 엣지에서 IE모드를 지원할 예정이므로 IE를 계속 쓰셔야 한다면 엣지에서 IE 모드를 설정하여 사용할 수 있습니다. Microsoft Edge 설정 변경 브라우저 실행 후 설정페이지 진입 방법1 엣지 주소창에 아래 링크를 붙여 넣은 뒤 설정 페이지의 [기본 브라우저] 메뉴로 진입합니다. edge://.. 2023. 3. 15.
[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.
반응형