전체 글 48

[bootstrap] 모달 창 스크롤 초기화

문제 상황모달창의 스크롤이 밑으로 내려간 상태에서모달창을 닫고 다시 열면 스크롤이 초기화되지 않고 유지되는 이슈 발생.모달창 호출 방식jsp에서 modal 창 html을 포함한 파일을 include하고$("#modalId").modal('show'); 형태로 호출하고 있음.화면에 계속 모달이 남아있기 때문에 모달을 단순히 show하고 hide하는 형식이라 스크롤은 그대로 유지되는 듯했다.해결 방법(미해결)$(document).on('show.bs.modal', '#modalId', function(e){ $("#modalId").scrollTop(0);});대부분 이 방법만 나오는데, 나의 상황에는 적용이 안됐다.show대신 shown을 사용하면 모달창이 열린 후에 스크롤이 올라가기 때문에 보기가..

카테고리 없음 2025.03.11

[React] 절대경로 설정

프로젝트를 생성하고 서버를 실행했는데, 컴포넌트를 찾을 수 없다고 에러가 뜬다.분명히 같은 경로에 저장했는데 안되길래 찾아보니까 절대경로를 설정하지 않아서 그렇다. 절대경로를 설정하지 않으면 import 할 때마다 ../../ 이런 상대경로를 지정해줘야한다. jsconfig.json 파일 생성{ "compilerOptions": { "baseUrl": "src" }, "include": ["src"]}baseUrl  : 기본 경로 src로 설정include : import시 '/components' === '/src/components'jsconfig.json 파일을  프로젝트 제일 상단 디렉토리에 생성해준다.

React.js 2024.09.24

[React] material-ui 템플릿 사용방법

개인 프로젝트를 진행하는데 디자인까지는 구현할 수 없어 material-ui 에서 제공하는 템플릿을 적용하려고 한다. 이번 글에서는 로컬에서 템플릿을 띄우는것 까지만 하도록 하겠다. Material UI 설치 아래 명령어로 Material UI를 설치해준다. $ npm install @mui/material @emotion/react @emotion/styled $ npm install @mui/material @mui/styled-engine-sc styled-components $ npm install @fontsource/roboto $ npm install @mui/icons-material package.json에 다음을 추가해준다. "peerDependencies": { "react": "^1..

React.js 2024.04.22

Spring Boot 패키지 구조 정하기

실무에서 프로젝트 생성할 땐 보통 도메인형 구조를 선택했다. 도메인도 많고 업무도 다양하기 때문이다. 이번 프로젝트는 도메인도 적고 업무가 크게 다양하지 않다. 그래서 패키지 구조를 어떻게 정할까 하다가 발견한 블로그인데 딱 필요한 글이었다. https://ksh-coding.tistory.com/96 [아키텍쳐] 패키지 구조 : 계층형 VS 도메인형 어떤 것을 선택할까? 🎯 0. 들어가기 전 MVC 패턴 & 자바 기반의 콘솔 애플리케이션에서는 관성적으로 model(domain) & controller & view 패키지를 만들고 시작하는 경우가 대부분이었다. 웹 애플리케이션을 구현하면서, 설계 ksh-coding.tistory.com * 계층형 구조 선택 - 규모가 작고, 도메인이 적은 경우 - 계층형..

[AWS] EC2 Linux 에 Dokcer 설치 & Spring Boot 배포

작년에도 spring boot 프로젝트를 aws에 배포하여 진행했었는데 터미널을 끄면 서버가 종료되거나, 터미널 끄더라도 종료되지 않도록 백그라운드에서 실행시켜야 한다는 불편함이 있었다. docker를 활용해서 aws에 배포해보니 의도하진 않았지만 내가 겪었던 제일 큰 불편함이 해결되었다. 가정 [1.인스턴스가 생성되어있음] [2. Spring Boot - gradle 프로젝트임] [3. Dokcer hub 계정이 있음] [4. Spring Boot 3.2.3 버전 & jdk 17] Docker 설치 ec2 터미널을 접속하여 다음 명령어 실행. 인스턴스에 설치한 패키지 및 패키지 캐시를 업데이트합니다. $ sudo yum update -y 최신 Docker Community Edition 패키지를 설치합..

AWS 2024.03.13

[Spring Boot] 빌드 실패 (Could not resolve org.springframework.boot:spring-boot-gradle-plugin:3.2.3.)

* What went wrong: A problem occurred configuring root project 'GooJob'. > Could not resolve all files for configuration ':classpath'. > Could not resolve org.springframework.boot:spring-boot-gradle-plugin:3.2.3. Required by: project : > org.springframework.boot:org.springframework.boot.gradle.plugin:3.2.3 > No matching variant of org.springframework.boot:spring-boot-gradle-plugin:3.2.3 was foun..

Spring Boot 2024.03.12

[mysql] 사용자 정의 변수 사용하기

쿼리 실행할 때마다, where 조건에 값을 일일이 넣어주는게 귀찮아서 변수같은게 있지 않을까 찾아보니 '사용자 정의 변수'가 있었다. 시스템 변수랑은 다른, 현재 커넥션에서만 사용할 수 있는 변수이다. 한 명령문에서 값을 저장하고 다른 명령문에서 참조할 수 있다. 이를 통해 한 명령문에서 다른 명령문으로 값을 전달할 수 있다. 사용자 정의 변수는 @var_name으로 작성하며, 변수 이름은 영문, 숫자, ., _, 등으로 구성될 수 있다. 그리고 대소문자를 구분하지 않는다. 또한 세션(session) 단위로 유지되기 때문에, 한 클라이언트에서 정의한 사용자 변수는 다른 클라이언트에서 사용할 수 없다. set @변수명 = 값; 또는 set @변수명 := 값; 또는 select @변수명 := 값; 형식으로..

DB 2023.12.04

[git] eclipse 로 브랜치 간 소스 비교하기

회사에서 작업을 하다가 DEV브랜치에는 merge를 해놓고 운영브랜치에는 mere를 해놓지 않은 소스들이 있었다. eclipse를 뒤져보다가 아주 쉬운 방법을 찾았다. git perspective를 선택하고 Branches > 비교를 하는 브랜치 2개 선택 Compare with Each Other in Tree 선택하면 차이점이 있는 파일이 트리형식으로 나타나고 Compare with Each Other를 선택하면 파일마다 차이점을 보여준다.

기타/Git 2023.12.01