e7e

무한 스크롤이나 그 비스무리한 곳에 사용하면 좋을 IntersectionObserver라는 것이 있엉, 요기서 소개한당 부모태그 안의 자식이 부모보다 커질때, 보통 css overflow 속성을 이용 사용자가 스크롤바를 이용할 수 있게 해주는뎅, IntersectionObserver는 특정 자식(target)이 부모 안에서 부모 스크롤바를 움직일 때 몇 퍼센트가 지금 눈에 보이는가?를 관찰해 주고 등록한 포인트들(threshhold)을 지날 때 등록한 callback함수를 불러준당 더 자세한 내용은 역시 자바스크립트의 성지인 MDN에서 확인(아래 링크) https://developer.mozilla.org/en-US/docs/Web/API/IntersectionObserver 하장. (문서를 읽는 능력은..

자바스크립트 2024. 4. 16. 14:09

인터넷을 사용하다 보면 복사 버튼이 들어있는 사이트들이 꽤 있어서 직접 CTRL+C를 누르지 않고, 마우스로 버튼만 클릭해 주면 쉽게 복사가 되어, 필요한 곳에 CRL+V를 이용하면 된당. 우리가 영역을 선택하고 CTRL+C를 누르면, 메모리의 CLIPBOARD란 곳에 내용이 복사되는뎅, 그걸 이용하는 거시당. 이전엔 아래와 같은 명령어들을 이용했는뎅, 보안상의 이슈가 있어 deprecated 되었당.(쓰지 말란 이야기당!) document.execCommand("copy") document.execCommand("paste") document.execCommand("cut") 아래와 같은 clipboard API를 사용하란당.(2개만 기억하장) navigator.clipboard.writeText() ..

자바스크립트 2024. 4. 16. 08:21

개발자의 삶엔 꽤나 자주 가짜, 또는 더미라 불리는 데이터들이덩어리로 필요한 경우가 꽤나 많당. 아이러니 하게도 가짜 데이터의 품질이 프로그램의 실행 모습을진짜 스럽게 또는 가짜 스럽게 맹근당. 그래서 소개한당.  영어뿐만 아니라 , 한글 가짜 데이타도 꽤나진짜스럽게 제공하는 Faker 라이브러리당.그냥 따라 하면 그냥 느낌이 온당 pom.xml에 아래 내용 추강 com.github.javafaker javafaker 1.0.2  아무 이름으로나 테스트용 class 맹글어서 테스통package com.e7e.study.test;import java.util.Locale;import org.junit.jupiter.api.DisplayName;import org.junit.jupiter.a..

스프링 2024. 4. 10. 09:07

2024.01.08 - [자바스크립트] - Promise(약속) 모르면 바보옹(비동기)글을 읽고 Promise가  맘속에 자리잡았다면, 모두가 그렇진 않겠지만fetch를 이해하지 못할  이유를 책상아래나 모니터 뒤에선 찾을 수 없당. 사실 난 Response객체.text(),  Response객체.json() 메소드가왜 다시 Promise를 리턴하게  맹글었는지는 아직 조금 의문이당.!바로 결과를 리턴하면 사용이 좀 더 편리하지 않았을까앙?가독성?, 실제 Ajax 처리 타이밍이 내가 생각하고 있는 것과많이 다를 깡?  쪼메 궁금하긴 하당 ?  (짐작은 있으나  아직  확신이 없당!) 뭐 암튼  이렇게 만들지 않았을까? 하는 내 추측을 담아  fetch를AJAX와 Promise를 이용해서 직접 일부라도 구..

자바스크립트 2024. 4. 9. 07:53

초보자들은 Spring Security를 아주 마니 어려워 하는 경우가 대부분이고, 실행만 잘 되어도 대단한 업적을 쌓은 양~~ 겉으로는 기뻐하면서, 속으로는 잘 모른다는 불안감에 스스로에게 "이 설정파일만 잘 지키면 문제업엉!" 라는 자기 다짐을 다지고 또 또 다진당.~~ 처음 설정이라면 당연히 익숙치 않은 설계 다이어그램, 인터페이스, 클래스등등.. 지나친 낯설음 연속에 뇌가 연속 스트레스에 피로감을 느끼는 건 안 피한당!!. 편하게 해주려고, 지켜주려고 맹글었단 사실에만 먼저 기뽀하장. 보안에 열심인 사람들이 이미 기본적으로 필요한 걸 다 맹글어 놓았공, 난 커스터마이징 할 수 있게, 큰 그림을 이해하고, 필요한 부분 찾아서 세팅하면 일단 OK당, 시간을 두고 점점 더 익숙해 지면 점점 스스로 더 ..

스프링 2024. 3. 19. 21:22

의외로 오라클(여기선 11g 대상)을 사용하지만 sys와 system 계정의 존재를 모르는 사람들이 의외로 있당. 의외로 이젠 놀랍지 않당. 관리자가 아닌 상태로 의외로 오래 사용했다면 의외로 이해가 된당. 그냥 sys는 사장님, system은 공장장님 정도로 무성의하게 기억하장! 설치시 존재를 몰랐다면 암호는 당근 기억조차 없을 거공, 존재를 알았다해도 스치는 인연이었다면 기억이 가물치일거당. 다시 찾거나 다시 맹근다는 생각으로 그냥 확인하장! 방법은 의외로 지나치게 간단하당, sys로 로그인만 되면 다 할 수 있당. 곧 암호없이 sys로 로그인 하는 방법만 알면 된다는 이야기당. window 돋보기에 cmd라고 쳐서 명령프롬프트를 일단 띠우장! (방법1) 그리고 아래 그림 처럼 sqlplus 라고 치..

데이터베이스 2024. 3. 13. 19:46

정규표현식 엔진은 TEXT 처리를 최강 목표로 맹글어진 Perl 언어의 엔진이 일반적으로 최강으로 받아들여지고, 다른 언어들은 그것의 일부를 가져다 쓰거나, 모방을 하게 된당. 개발자들이 사용하는 IDE(이클립스,VSCODE등)나 에디터 에서 키워드 색깔이 일괄적으로 바뀌는 데에 정규표현식 엔진이 사용된당.(느낌?) 느군강?? SQL에서 정규표현식을 물어 뜨드려 했던 것 같당! 무섭당! 마니 복잡한 걸 맹글 땐 껌색의 도움을 받공, 아래 정도의 내용으로 안분지족 해보장! 정규표현식을 하려면 최소 아래 메타문자의 의미 정도는 외워야디용 문자 의미 . 암거나 1개 문자 ? 없거나 1개 문자 | A|B A 또는 B [] [abc | 가나다] abc 또는 가나다 [-] [a-z] a에서 z까지 [0-9] 0에서..

데이터베이스 2024. 2. 20. 12:51

자바를 사용하는 사람이라면 아래 형식의 코드를 마나 봤을 거당. 속성명 앞에 with를 붙여서 withName, withAge등으로 쓰이는 것도 봤을 가능성이 높당. 이미 꽤 많이 사용되고, Lombok에서도 @Builder 어노테이션으로 자주 사용되고 있는 build(빌드) 디자인 패턴이 당신에게 낯설다면 잠깐 인연을 맺는 시간을 가져보장. 역시 항상 그렇진 않지만 한번 보면 그냥 쉽당 프로그램 스타일이다 보니, 빌더 패턴도 모양이 쪼메씩 다를 수 있고, 다른 패턴과 믹스 된 방식으로 사용 될 수도 있당. 이야기가 길어지면 지루해 지고, 당연히 졸리게 되닝. 여기선 lombok에서 사용되고 있는 형태로 뽀인또만 확인토록 하장. 아래 빌더패턴을 적용한 소스를 builder static 메소드, stati..

자바(Java) 2024. 1. 14. 13:22