본문 바로가기

전체 글

화면에서 권한이름 변경시 리스트와 이미지를 같이보여주기 권한이름 클릭 했을때 선택할 수있는 리스트와 해당 이미지를 같이 보여주기 * MabatisMapper.xml의 권한이름 가져오기 내용 select distinct code_name as auth_code_name from table명 where code_type = 'AUTH' 1. UserDropdown.tsx내용 // UserDropdown.tsx import React, { FC, useCallback, useState } from 'react'; import DataGrid, { Column, Paging, Scrolling, Selection } from 'devextreme-react/data-grid'; import DropDownBox from 'devextreme-react/drop-do.. 더보기
매일 따라 하면 인생이 달라지는 20가지 조언 모음 1. 기분은 일시적인 것이다. 감정기복이 심하면 명상을 해보라 2. 말해야 할때 말하고 들을 때는 확실하게 들어라 관계의 기본이다. 3. 운동이 힘들면 걷기를 습관으로 만들어라 머리가 맑아진다. 4. 멍때리기는 훌륭한 뇌의 휴식이다. 자연을 바라보며 스트레스 풀자. 5. 멘탈 훈련은 좋은 환경설정에서 시작된다 해가 되는 사람, 좋은 사람 구분하고 내방 정리부터 시작하자 6. 청소는 마음 정리할때도 도움된다. 정리정돈 습관화하라 7. 누구든 무엇이든 사랑하라. 사랑은 만병통치약이다 8. 좋은 글은 필사하거나 메모장에 붙여 놓아라 나도모르게 그 글이 마음속에 새겨진다. 9. 인생에 한방은 없다. 한방처럼 보이는 것이다. 꾸준함, 성실함을 잊지말아라 10. 좋은 태도는 하루 아침에 나오지않는다. 365일 매일.. 더보기
모르는 기능 찾아가서 참고하기 방법 1. chatgpt 검색하기( 내용 추가및 보완 진행중...) --> devexpress.com 사이트에서 검색하기 --> Drop Down Button / Custom main button action 메뉴라는 것을 확인 어떤 파일을 참고해서 작성할지 해당 항목 클릭후 참고하여 소스 작성 더보기
react 잘 모르는것들 정리 1. 패스워드 초기화 클릭시 "save" 버튼이 활성화 되고 save 버튼을 누르면 패스워드가 초기화 되도록 한다. e.component?.cellValue(e.row?.rowIndex, 'password_reset', '1234'); { return ( { e.component?.cellValue(e.row?.rowIndex, 'password_reset', '1234'); }} > ); }} > MybatisMapper.xml에서 password_reset = "1234"로 받아감 password=#{password_reset}, e.component?.cellValue(e.row?.rowIndex, 'password_reset', '1234'); 이 코드는 DevExtreme DataGrid 또는 .. 더보기
react 개발 위한 유용한 사이트 1. 예제 소스https://js.devexpress.com/React/Documentation/Guide/React_Components/DevExtreme_React_Components/ DevExtreme React Components - DevExtreme React Documentation DevExtreme v23.2 is now available. Explore our newest features/capabilities and share your thoughts with us. js.devexpress.com 2. 아이콘,이미지등 https://w3schools.com w3cschool.com Hotels.com US $11,000,000 California.com US $3,000,000 F.. 더보기
vs code를 활용 react 개발 프로그램 예 유저리스트의 정보들을 보여주고, 그룹이름과 권한이름은 수정 가능한 리스트만 보여준후 수정 가능 패스워드 초기화는 아이콘 클릭시 비밀번호 초기화 가능 * VS CODE, CHAT GPT4.0, gibhub Copilot 활용 index.js import { Pool } from 'pg'; import MybatisMapper from 'mybatis-mapper'; const pool = new Pool({ user: 'postgres', host: 'xxx.xxx.xxx.xx', database: 'xxxxxx', password: 'xxxx', port: xxxx, }); console.log("index check"); MybatisMapper.createMapper(['src/pages/api/my.. 더보기
json json(javaScript Object Notatioin)은 Javascript 객체 문법으로 구조화된 데이터교환형식, python, javascript, java등 여러언어에서 데이터 교환형식으로 쓰이며 객체 문법말고도 단순배열, 문자열도 표현 가능 javascript object와 유사하지만 undefined,매서드등을 포함하지 않는다. - number, sstring,boolean, arrage, object, null 1. javascript 객체문법 키(key)와 값(value)으로 구성됨 {key: value} 이미 존재하는 키를 중복선언하면 나중에 선언한 해당 키에 대응한 값이 덮어쓰이게 된다. 2. 데이터 + 교환형식 데이터는 추상적인 아이디어에서부터 시작해 구체적인 측정에 이르기까지 다.. 더보기
개발 개념 잡기 웹 개발에서 back-end와 front-end는 웹 애플리케이션의 두 주요 구성 요소입니다. 각각은 사용자와 시스템과의 상호작용을 처리하는 데 중요한 역할을 하며, 특정 기술 및 프레임워크를 필요로 합니다. 이 둘의 차이점을 명확히 이해하는 것은 웹 개발 프로젝트의 구조와 디자인을 결정하는 데 필수적입니다.Front-end (프론트엔드)정의: 프론트엔드는 사용자가 직접 상호작용하는 웹 사이트의 부분입니다. HTML, CSS, JavaScript 같은 기술을 사용하여 구현되며, 사용자 인터페이스와 사용자 경험(UX)을 담당합니다.주요 기능: 사용자의 요청과 행동에 반응하여 콘텐츠를 동적으로 표시하고, 사용자 입력을 수집 및 처리합니다. 또한, 사용자가 쉽게 정보를 이해하고 웹 애플리케이션과 상호작용할 수.. 더보기

티스토리툴바