개발자의 길

wsl2 버전 기준 입니다. (wsl) Rocky 설치 이미지 다운로드 Github Action 빌드 에서 이미지 다운로드 가장 최신 버전의 rocky-버전-Container-UBL-x86_64.tar.xz 를 받는다. 압축을 두번 정도 풀면 마지막에 rocky-버전-Container-UBL-x86_64.tar 가 나오면 된다. (확장자 tar가 나올 때 까지 푼다.) 나의 wsl 관리 폴더를 생성한다. wsl 폴더 생성 wsl/files 폴더 생성 wsl/import 폴더 생성 wsl/files 폴더에 압축을 푼 rocky-버전-Container-UBL-x86_64.tar 를 넣어둔다. 윈도우의 power shell을 실행 wsl --import rocky-8.6-UBL C:\wsl\import\roc..

무한 스크롤링이라곤 하지만 정확하겐 바닥에 닿으면 데이터를 새로 불러오는 로직이다. 여러 라이브러리가 존재하지만 순수 리액트만으로 작성을 해보았다. 먼저 스크롤이 화면 전체인 컴포넌트에서의 스크롤 구현이다. 해당 기능은 현재 진행중인 프로젝트내에서 여러곳에서 써야하므로 훅으로 구현을 하였다. const useScroll = (totalPage, limit) => { const [page, setPage] = useState(1) const ScrollPaging = useMemo( () => throttle(() => { let scrollHeight = Math.max(document.documentElement.scrollHeight, document.body.scrollHeight) let scro..

자주 까먹는 소스..맨날 할때 마다 찾아보기 귀찮.. private final String LOCAL_PATH="/home"; public void writeFile(String fileName, String writeContents) { try { // 1. 파일 객체 생성 //폴더 생성 File localFolder = new File(LOCAL_PATH); if(!localFolder.exists()) { if (localFolder.mkdir()) { log.info("폴더 생성:" + LOCAL_PATH); } else { log.error("폴더 생성 에러"); } } File localFile = new File(localFolder, fileName); // 2. 파일 존재여부 체크 및 생..

은근 자주 쓰는데, 할때 마다 헷갈리고, 찾아본다.. public void readUrlFile(String url) { StringBuffer sb = new StringBuffer(); BufferedReader in = null; try { in = new BufferedReader(new InputStreamReader(new URL(url).openStream())); String inputLine; while((inputLine = in.readLine()) != null) { sb.append(inputLine+"\n"); } in.close(); } catch (Exception e) { System.out.println("error:"+e.getMessage()); } finally { ..

react 에서, 특정 컴포넌트를 페이지 이동이 아닌, 모달 팝업(레이어 팝업) 같이 열었을 경우, 뒤로 가기 클릭스, 해당 팝업만 닫고 싶은데, 페이지가 뒤로 가기 되 버려서 당황 스러웠다. 그럴 경우, 뒤로 가기 이벤트를 잡아서, 다른 액션을 주었다. function closeView() { //여기에, 뒤로 가기 클릭시 할 액션을 정의 하면 된다. 나는 레이어팝업을 닫는 액션을 했다. props.onClose(); } useEffect(() => { const randomKey = 페이지의 특정한 값을 부여해주세요. // 별도로 history에 특정값을 주었다. window.history.pushState('fake-route'+randomKey, document.title, window.locat..