전체 글 347

<foreach collection=“”>

마이바티스에서 문을 사용할 때  이런식으로 사용하는데 foreach는 다중 값을 받아 사용할 때 사용 하는 것으로 다중 값들이 ,로 되어있다면 separator의 ',' 를 기준으로 값을 잘라 item에 자른 값을 넣어 비교를 한다.만약, 값은 운행차량,말소차량,공백으로 받았고 쿼리를AND RMRK IN          #{srr}     OR RMRK NOT IN ('운행차량', '말소차량', '조회된 결과가 없습니다.')   OR RMRK IS NULL 이렇게 사용한다면 결과는AND RMRK IN                (                   '운행차량'                  ,'말소차량'               )OR RMRK IS NULL                 ..

<if test = ‘’>

● .contains("")멀티 조회할때 를 사용하는 경우가 있는데 화면에서 조회를 하여 받은 파라미터 값에 해당 글자가 포함 되어 있으면 실행되는 것으로만약 srch_rfnd_rmrk에 받은 데이터 값이 '운행차량,말소차량,공백' 이라면srch_rfnd_rmrk.contains("운행차량"), srch_rfnd_rmrk.contains("말소차량"), srch_rfnd_rmrk.contains("공백")이렇게 해도 위의 데이터가 조회된다.또한, srch_rfnd_rmrk.contains("운행차량,말소차량") 이렇게 해도 된다.대신 값을 1개가 아닌 여러개를 선택해서 '운행차량,말소차량,공백 이렇게 받았을 경우.srch_rfnd_rmrk == "운행차량" and srch_rfnd_rmrk == "말소차..

Choose, when, otherwise

동적 쿼리 중 중첩 if문을 대신 할 수 있는 것이다.1. , ,  이해 태그와 같이 조건식이 참일 경우 쿼리문을 실행해주는 역할을 합니다. 다른점은 여러개의 태그 사용경우 조건식이 true를 반환하는 태그는 모두 쿼리문이 실행됩니다. 하지만 태그내의 여러개의 태그문의 경우 조건식이 true를 반환하는 태그를 찾으면 거기서 멈추고 해당 태그의 쿼리만 실행합니다. 다시말해 조건식을 가진 여러개의 태그 오로지 한개의 태그내부 쿼리만 실행됩니다. 대부분의 프로그래밍 언어에서 사용되는 if else와 비슷한 역할을 합니다.    태그 안에서 태그와 를 작성합니다. 태그는 각각 조건식(test 속성)을 가지며 여러번 작성할 수 있습니다. 실행 시 태그의 조건식을 순서대로 확인하여 true를 반환하는 태그 안의..

예외 처리, throw / try ~ catch

https://bvc12.tistory.com/193 [java28강] 예외(Exception) 종류 및 발생원인[java28강] 예외(Exception) 종류 및 발생원인 자바에는 예외(Exception) 라는것이 있습니다.열심히 코딩을 한다음 실행을 하면 똭!!!! 하고 Exception 이 발생하며 실행이 안될때가 종종있습니다..정말 열심bvc12.tistory.com   https://bvc12.tistory.com/194 [java29강] try catch finally (예외처리)[java29강] try catch finally (예외처리) 이번 강의에서는 자바 try catch finally 에 대해서 알아보겠습니다.우선 exception 에 대해서 알아야합니다.28강의 exception 강..

카테고리 없음 2024.12.06

React Profiler

● 리액트 프로파일러란?React Profiler는 React 16.5에서 새로운 DevTools 프로파일러 플러그인에 대한 지원을 추가한다.이 플러그인은 React의 Profiler API를 사용하여 React 애플리케이션의 성능 병목 현상을 식별하기 위해 렌더링되는 각 구성 요소에 대한 타이밍 정보를 수집한다.   ● 리액트 프로파일러를 이용한 성능 측정하기React Profilers를 이용해서 성능을 측정하기 위해서 두 개의 컴포넌트를 생성한 후에 성능을 비교해본다. 1) 폴더 생성   2) 리액트 설치 -> npx create-react-app./ 새로운 폴더를 실행 시켜주기 위해 visual studio를 열어준다.(해당 폴더 주소창에 cmd를 열어 code . 을 입력해도 되고 visual s..

리액트/이론 2024.11.07

리액트 앱 성능 개선하기 (리액트 확장 프로그램 추가)

- 다운로드 받기https://chrome.google.com/webstore/detail/react-developer-tools/fmkadmapgofadopljbjfkapdkoienihi?hl=ko&     ● 익스텐션을 이용해서 렌더링 되는 부분 표시하기Components 탭에서 Highligh updates 부분을 체크해주면 쉽게 컴포넌트가 렌더링 되는 것을 볼 수 있다.(Components 탭에서 톱니바퀴 눌러서 설정)    이렇게 설정하면 어떤 컴포넌트(틱택토의 칸)가 클릭 되었는지 알 수 있도록 해당 선택부분에 하이라이트 표시가 된다.   또한, Chrome과 Firefox의 React Devtools 확장 프로그램을 사용하면 브라우저 개발자 도구에서 React 컴포넌트 트리를 검사할 수 있다..

리액트/이론 2024.11.07

TICTACTOE 만들기 10 (github를 이용해서 배포하기)

1. new repository를 선택해서 깃허브 저장소를 생성한다.    ● 로컬 앱과 저장소 연결create repository를 누르면 이렇게 command line 이 나타난다. 이 command Line을 모두 복사하여 visual studio의 터미널에 붙여넣기 해준뒤 실행시켜준다. 그리고 레파지토리를 새로고침해서 확인해보면 이렇게 readme 파일이 올라간 것을 확인 할 수 있다.   작업 디렉토리 상의 모든 변경 내용을 스테이징 영역에 추가: git add . 스테이징 영역에 있는 소스 코드를 로컬 저장소에 간단한 메시지와 함께 저장: git commit -m "메세지" 원래는 자동으로 master 브랜치가 설정되지만, 따로 main 브랜치를 설정해 이용: git branch -M main..

카테고리 없음 2024.09.29

TICTACTOE 만들기 9 (앱 스타일링 변경하기)

전체적인 css를 변경하기 위해 index.css로 가준다.그리고 body와 ol,ul을 스타일링 해준다.  그리고 확인해보면 아래처럼 나오게 된다.    다음은 Layout 의 css를 변경시켜주기 위해 App.css로 가준다.      다음은 Move Button css를 변경시켜주기 위해 App.css에서 작성해준다.그 이전에 App.js에서 button의 이름을 지정해주지 않았기 때문에 className을 지정해준다. 그리고 css를 작성해준다.    그리고 위의 사진에서 버튼 왼쪽의 숫자를 지워주기 위해 App.js에서 수정해준다.   이번에는 Board의 스타일을 수정해줄껀데 그 전에 Board.js에서 className을 지정해준 뒤 Board.css를 변경해준다.     그리고 Square..

리액트/TicTacToe 2024.09.29

TICTACTOE 만들기 8 (JumpTo 함수 작성하기)

JumpTo 함수는예를들어, 기록이 되어있는 해당 버튼을 선택했을 시 그 기록 상태로 돌아가는 것을 수행하는 함수이다.   현재는 생성되어있는 버튼을 눌러도 버튼 이벤트가 없기 때문에 아무 것도 일어나지 않는다. app.js 파일로 가서JumpTo 함수를 작성해주고 move의 버튼에 onClick 함수를 작성하여 JumpTo 함수를 넣어준다.  그리고 현재 몇번째 스텝인지 알 수 있는 새로운 State를 생성해준다. (이전으로 되돌아 갔을 때 그 step을 기억하기 위해서) App.js위로 올라가서 작성해 줄껀데 useStateSnippet을 해주면 자동으로 코드가 완성되어 나타나져서 해당 변수만 변경해주면 된다.   이후 stepNumber를 업데이트 하기 위해 jumpTo를 정의해줄 것이다.stepN..

리액트/TicTacToe 2024.09.29

리액트 수행시 visual studio 확장팩 리스트

● 간단한 명령어로 코드 작성ES7+ React/Redux/React-Native snippets- rafce 하면 자동으로 import와 export가 생성- rcc 하면 밑의 코드가 자동 생성됨import React, { Component } from 'react'export default class Board extends Component { render() { return ( Board ) }} - useStateSnippet : 자동으로 코드구조가 완성되어 나타남 ● 자동 importAuto Import - ES6, TS, JSX, TSX ● 다음에 뭐 입력될지 예상Tabnine: AI Chat & Autocomplete for JavaScri ● is ..

리액트/이론 2024.09.29