I AM Seung Hyeon

모달창 뒷부분이 스크롤이 되지 않게 하는 방법 body 태그 스타일에 overflow : hidden 을 주면 된다!너무 간단....!!!!    모달창이 닫혀있을 땐overflow : visible      refer tohttps://joonfluence.tistory.com/657

classList - Methods add(String)지정한 클래스 값을 추가한다.만약 추가하려는 클래스가 이미 존재한다면 무시. remove(String)지정한 클래스 값을 제거한다.존재하지 않는 클래스라면? 에러 발생 X contains(String)지정한 클래스 값이 존재하는지 확인.true, false 값을 반환. replace(old, new)old class를 new class로 대체 item(Number)인덱스 값을 활용하여 클래스 값을 반환  refer tohttps://hyunjungchoi.tistory.com/70

제품 가격 수량 합계 14,900 원 - +   위 아래 둘다 공통으로 적용하고 싶어서 아래처럼 적용했더니.order_list .co..

자식셀렉터 div > span > input.form_control { ... }  자손셀렉터- 계층구조 공백으로 표현- 순차적일 필요 없다div span input.form_control { ... } ... ? ... ...?... ...?... ... ? ... 속성셀렉터a[href]href 속성을 갖는 a태그a[href="#"]href 속성값이 "#"인 a태그#hello[method="post"]method속성값이 "post"인 id가 hello인 태그 가상클래스a:link { ... } a:visited { ... } a:hover { ... } a:active { ... } n번째 요소 :first-child:last-child:n..

2019년쯤 부터 사용해온 영어쉐도잉 어플, 꾸매영.미디어로 공부할 수 있어 재미없지 않고 좋았다.영어 공부 어플 추천추천해요!https://play.google.com/store/apps/details?id=com.doctor9.evdtenmineng     ●  I was like "I'm done", "I need to leave", which leads to the rather large disagreement for my parents.저는 마치 "더는 못해", "나는 떠나야해" 와 같았고, 그건 제 부모님껜 다소 큰 의견 충돌이 되었죠. ●  Just play. Have fun. Enjoy the game."쫄지말자"  그냥 하고, 재미를 느끼고, 즐겨라. ●  Success doesn't c..

운동기록 · · ·2024-10-282024-10-30· · ·2024-10-312024-11-012024-11-02 2024-11-042024-11-052024-11-062024-11-082024-11-112024-11-122024-11-132024-11-142024-11-172024-11-192024-11-202024-11-222024-11-242024-11-262024-11-272024-11-282024-11-292024-12-022024-12-032024-12-042024-12-052024-12-092024-12-102024-12-112024-12-182024-12-192024-12-202024-12-212024-12-222024-12-232024-12-242024-12-262024-12-2720..

FEAT새로운 기능 추가FIX버그 수정REFACTOR코드 리팩토링 ( 기능 추가(feat), 버그수정(fix), 성능 개선(perf)을 제외한 코드 수정 )TEST테스트 코드 수정COMMENT필요한 주석 추가 및 변경BUILD빌드 관련 파일 수정CHORE그 외 자잘한 수정 ( 기타 변경, 빌드 업무, 패키지 매니저, .gitignore 수정, .... )CICI관련 설정 수정DOCS문서 추가, 수정, 삭제STYLE스타일 관련 기능 ( 코드 스타일, 세미콜론 누락, 코드 자체의 변경이 없는 경우 )DESIGNCSS 등 사용자 UI 디자인 변경RENAME파일 혹은 폴더명 수정 or 옮기는 작업만 한 경우REMOVE파일 삭제HOTFIX급하게 치명적인 버그 고친 경우PERF성능 개선REVERT이전 커밋으로 회귀..

핸들러 인터셉터  Handler Interceptor - 웹 브라우저가 보내는 컨트롤러의 실행 요청을 중간에 가로채서 어떠한 일을 수행하게 하는 기능 - 모든 웹 페이지가 공통적으로 동일하게 실행해야 하는 기능들을 구현할 수 있다 - 컨트롤러에 들어오는 요청 HttpRequest와 컨트롤러가 응답하는 HttpResponse를 가로채는 역할- 웹 어플리케이션 내에서 특정한 URL 호출을 가로채는 역할- 요청과 응답을 가로채서 원하는 동작을 추가하는 역할 - 요청을 받아들이기 전, 세션에서 로그인 한 사용자가 있는지 보고 없다면 로그인 페이지로 redirect 시킬 수 있다- 주기적으로 결과 페이지에 등장하는 데이터들을 인터셉터에서 응답을 가로채 데이터를 추가한 다음 보낼 수 있다 - 클라이언트의 요청이 컨..

설정 단축키 : Ctrl + , Settings  >  우측 상단의 Open Settings (JSON) 클릭으로   전환   "java.project.sourcePaths": ["src"],"java.project.outputPath": "bin","java.project.referencedLibraries": [ "lib/**/*.jar"]- Java 프로젝트의 소스 폴더를 "src"로 지정한다. IDE는 "src" 디렉토리에서 Java 소스 파일을 찾는다- 컴파일된 Java 클래스 파일의 출력 디렉토리를 정의한다. 컴파일 후 .class 파일은 "bin" 디렉토리에 저장된다- 외부 라이브러리를 프로젝트에 포함할 수 있도록 설정한다. IDE는 "lib" 디렉토리(및 하위 디렉토리) 내의 모든 J..

alt + 183 (숫자패드에서만 가능)ㄱ+ 한자키 + 페이지다운 + 8 ·ㅌ+ 한자키 + TAB 누른 후 마지막에서 두번째 ㆍ'아래한글'에서는 자음 ㅏ ㅏ 연속 입력파워포인트와 엑셀, Word에서 위 방법으로 안되면  alt + 0183    refer tohttps://blog.naver.com/h333j333/222097843616

쿠키(Cookie)와 세션(Session)은 웹에서 사용자 정보를 저장하고 관리하는 두 가지 주요 방식이다쿠키 (Cookie)- 클라이언트(브라우저)에 저장되는 작은 데이터 조각- 서버가 생성하고 클라이언트에 저장하여 나중에 서버로 다시 전송된다- 주요 용도: 사용자 인증, 사용자 선호 설정, 쇼핑 카트 정보 저장- 저장 위치: 브라우저의 로컬 저장소에 저장된다- 수명: 만료 기간을 설정할 수 있으며, 세션 쿠키(브라우저 종료 시 사라짐)와 영구 쿠키(설정된 기간 동안 유지됨)로 나뉘다- 제한 사항:- 보안상 민감한 정보를 저장하는 데는 적합하지 않다- 쿠키는 클라이언트 측에 저장되기 때문에 탈취될 위험이 있다 세션 (Session)- 서버 측에서 관리되는 사용자와의 연결 상태- 사용자가 웹사이트에 접속..

패키지 정보패키지 이름 (com.hyeon.cookie)GroupId  :  com.hyeonArtifactId  :  cookie의존성 설정프로젝트 생성 과정에서 dependencies 항목에 대해 아래의 항목을 선택Spring Boot DevTools Spring Boot Acturator Ops Spring WebThymeleaf Template EnginesLombok(Java Mail Sender)추가 설정logback 설정파일 추가/src/main/resources/logback-spring.xml 파일 추가프로젝트명 변경라이브러리 설정필요한 라이브러리 추가UserAgent 라이브러리 추가MyWebConfig.java,  application.properties 파일 추가 및 설정패키지 추가 ..

Spring 프로젝트 브라우저로 여는데,웹브라우저가 VS Code 안에서 뜨는 경우가 있다그럴 경우 아래 설정을 VS Code 설정 (settings.json) 에 추가하고,Chrome Extension에 RemoteLiveReload 설치 하면 기본 브라우저로 열린다Settings(단축키 Ctrl+,)  >  우측상단의 "Open Settings (JSON)" 버튼 클릭"java.debug.settings.hotCodeReplace": "auto","spring.dashboard.openWith": "external"  "java.debug.settings.hotCodeReplace": "auto"   => 코드 변경시 자동 리로드된다

VS Code 에서 Spring 프로젝트 생성하기Ctrl + Shipt + P > spring initializer: Create a Gradle Project 선택Spring 버전 선택첫 번째 항목이 추천버전이므로 첫번째 선택사용할 언어 선택  :  JavaGroupId 지정  :  회사 이름의 도메인 역순 ( ex: com.hyeon )ArtifactId 지정  :  버전 없는 Jar파일 이름 ( 최종 산출물 이름 / 실행 파일 이름 / 프로그램 이름 )특수문자는 사용할 수 없고, 소문자만 사용되어야 한다배포 타입 지정  :  JarJava Version 선택  :  17 (설치되어 있는 버전을 선택)dependency 선택기본으로 탑제할 라이브러리 의미Spring WebSpring Boot DevT..

- 1990년대 후반: 동적 웹의 등장- 초기 웹은 주로 정적 페이지로 구성되었으나, 1995년 자바스크립트(JavaScript)가 등장하면서 브라우저에서 클라이언트 측에서 실행되는 동적 웹 페이지 제작이 가능해졌다- 이를 통해 사용자와 상호작용할 수 있는 웹 페이지가 탄생.- 1995년에는 PHP와 MySQL 같은 서버 측 스크립트 언어와 데이터베이스가 등장하여 동적 콘텐츠 생성이 가능해졌고, 이는 웹 애플리케이션의 기본 요소가 되었다- 2000년대 초: 웹 2.0과 AJAX의 등장- 2000년대: 웹 2.0이라는 개념이 등장. 사용자 생성 콘텐츠, 소셜 네트워킹, 블로그, 위키와 같은 동적 웹 애플리케이션의 확산- AJAX(Asynchronous JavaScript and XML)가 대두되면서 웹 페..

- 웹 애플리케이션이 점점 복잡해짐에 따라, 구조적인 패턴이 필요해졌다.- 그중 가장 널리 사용된 것이 MVC 패턴이다- MVC 패턴: Model-View-Controller의 약자로, 애플리케이션을 세 가지 주요 컴포넌트로 나눠 관리하는 방식이다.- Model: 데이터와 비즈니스 로직을 관리.- View: 사용자에게 보여지는 화면(UI).- Controller: 사용자의 요청을 처리하고, 적절한 Model과 View를 연결.- 이 패턴을 사용하면 애플리케이션의 유연성과 유지보수성이 크게 향상된다. Spring 프레임워크 >- 자바 기반 웹 애플리케이션의 복잡성이 증가하면서, 이를 효과적으로 관리하고 확장할 수 있는 프레임워크의 필요성이 대두되었다.- 그 중 가장 성공적인 프레임워크가 Spring이다- ..

- VS Code 설정: VS Code의 settings.json 파일에 이 설정을 추가하면, IDE가 해당 JDK를 인식하고 사용할 수 있게 된다. 이를 통해 빌드 및 실행 시 JDK 버전 문제를 피할 수 있다. "java.import.gradle.java.home": "C:\\jdk-17.0.2"- Visual Studio Code에서 Gradle 프로젝트를 사용할 때, 사용할 Java Development Kit (JDK)의 경로를 설정하는 것- 이 경로에 있는 JDK를 사용하여 Gradle 빌드를 수행한다

### Error updating database.  Cause: java.lang.IllegalArgumentException: Mapped Statements collection does not contain value for ProfessorMapper.insert = 매핑된 컬렉션에 ProfessorMapper.insert 값이 포함되어 있지 않다= ProfessorMapper 인터페이스에서 insert 메서드에 대한 매핑이 정의되어 있지 않다 원인 )- MyBatis 설정에서 매핑 파일의 경로가 잘못되었거나, 매핑 파일이 로드되지 않았을 수 있다- 매핑 파일에 정의된 ID와 인터페이스 메서드의 이름이 일치하지 않는 경우에 이 오류가 발생할 수 있다    => Mapper의 기능명(id)와 Jav..

- 데이터베이스의 상태를 변화시키기 해서 수행하는 작업의 단위를 뜻한다- 데이터베이스 상태를 변화시킨다  =>  SQL를 이용하여 데이터베이스를 접근 하는 것을 의미 - 데이터베이스 관리 시스템(DBMS)에서 하나의 논리적인 작업 단위를 의미- 여러 개의 데이터베이스 작업(쿼리)을 하나의 작업으로 묶어서 처리하는 개념으로,- 트랜잭션 안에 있는 모든 작업이 성공적으로 완료되면 데이터베이스에 반영되고,- 그렇지 않으면 아무것도 반영되지 않도록 보장한다- 트랜잭션은 일관성 있는 상태를 유지하면서 데이터베이스 작업을 처리하기 위한 중요한 메커니즘이다트랜잭션은 다음과 같은 ACID 특성을 충족해야 한다1) Atomicity (원자성):- 트랜잭션은 모두 실행되거나 모두 실행되지 않아야 한다- 트랜잭션 내에서 수..

- Java에서 데이터베이스와 상호작용할 수 있도록 해주는 API- JDBC는 데이터베이스 독립적인 API를 제공하여, Java 애플리케이션이 다양한 데이터베이스 시스템과 쉽게 연결되고 SQL 쿼리를 실행할 수 있게 해준다- 데이터베이스 연결:JDBC는 Java 애플리케이션에서 데이터베이스와의 연결을 설정하는 방법을 제공한다연결을 설정한 후 SQL 명령을 통해 데이터를 삽입, 삭제, 갱신, 조회할 수 있다 - SQL 실행:JDBC는 SQL 쿼리를 실행하기 위한 메서드를 제공하여 데이터베이스의 테이블에서 데이터를 가져오거나 변경하는 등의 작업을 수행할 수 있다SQL 문은 Statement, PreparedStatement, CallableStatement와 같은 객체를 통해 실행된다 - 데이터베이스 독립성..