e7e

고정 헤더 영역

글 제목

메뉴 레이어

e7e

메뉴 리스트

  • 홈
  • 태그
  • 방명록
  • 분류 전체보기 (187) N
    • 그냥 (3)
    • 스프링 (38)
    • 리눅스(우분투) (3)
    • 자바스크립트 (80)
    • 데이터베이스 (9)
    • 서블릿 (2)
    • 스프링부트 (6)
    • React (39)
    • CSS (0)
    • 데이타베이스 (1)
    • NodeJS (3)
    • 윈도우(Window) (0)
    • 자바(Java) (1)

검색 레이어

e7e

검색 영역

컨텐츠 검색

전체 글

  • Builder 패턴... (lombok @Builder)

    2024.01.14 by e7e

  • Promise(약속) 모르면 바보옹(비동기)

    2024.01.08 by e7e

  • 외부파일 드래그 앤 드롭3 (File Drag and Drop)

    2023.12.20 by e7e

  • 외부파일 드래그 앤 드롭2(File Drag and Drop)

    2023.12.19 by e7e

  • 외부파일 드래그 앤 드롭1(File Drag and Drop)

    2023.12.18 by e7e

  • Form(폼) Serialize 속 살짝 들여다 보깅!

    2023.11.24 by e7e

  • 이벤트 동적 바인딩 당신만 몰라용!!

    2023.11.23 by e7e

  • 오라클 도커(Docker) 설치 (free 23c)

    2023.11.15 by e7e

Builder 패턴... (lombok @Builder)

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

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

Promise(약속) 모르면 바보옹(비동기)

설마 아직도 Promise(약속)를 모르는 사람들이 현업에도 있다닝!~~ 중학교 시절 친구에게 똥침을 당했던 기억만큼 놀라우리만큼 아프공,아프당~~ 항상 그렇진 않지만 역시 별거 아니당. 띠간을 쪼메 투자해 보장! 마냑 콜백을 모른다면, 여기서 더 읽어도 ㅠㅠ 크게 의미가 없으닝.... 2023.06.09 - [자바스크립트] - 시베리안 허숙희의 자바스크립트 비기닝 12 글을 먼저 차분히 읽고 콜백을 이해하고 다시 오장!(시름 그냥 일콩, 콜백 익장) 보통 비동기는 실행시간이 필요해서, 결과를 바로 return받지 못해, 실행완료 되었을 때, 해당 결과를 콜백함수의 매개변수로 넘겨주는 빵씩으로 마니 사용하는 뎅(AJAX생각?) 요거이 옴팡지게 운이 나쁘면, 비동기 안에 비동기 안에 비동기 식 반복 .....

자바스크립트 2024. 1. 8. 21:51

외부파일 드래그 앤 드롭3 (File Drag and Drop)

https://e-7-e.tistory.com/195 글에서 파일 드래그 앤 드랍한 파일들을 AJAX로 전송하는 법을 알아보았당. 구지~ 구지~ 하고 싶진 않지만 form태그를 이용하여 구현/전송하려는 호기심 만땅 소수 열정파들이 있어 form 태그로 전송하는 것도 억지로 구현해보장. 먼저 해결해야 할 문제를 인식해 보장 form 태그를 이용하여 전송하려면 input type=file을 이용해야 하는뎅, 이전 글처럼 사용자가 파일묶음을 마우스로 끌고 왔을 때, 개별 파일의 전송 여부를 체크박스로 제어하려면, 끌고 온 파일들을 개별로 input type=file에 넣어주어야 하는뎅, 요기서 어려움이 발생한당. input type=file의 files 속성(FileList 인터페이스)은 읽기 전용이란 사실이..

자바스크립트 2023. 12. 20. 18:36

외부파일 드래그 앤 드롭2(File Drag and Drop)

외부파일 드래그 앤 드롭1(File Drag and Drop)글에서  사용자 편의를 위한 확장한  드래그 앤 드롭 파일업로드 화면구현에 대해필요한 만큼은 알아 보았당.  이제 기능을 좀더 확장해 보장.조금이라도 포인트에 더 집중하기 위해서, 사용자는 이미지 파일만을 멀티로 선택해서마우스로 끌어 올 수 있고, 우린 그것을 미리보기 해주고, 체크박스를 통해 전송여부를 선택할 수 있다는 아주 제한적인 스토리로 구현해 보장! 제공기능을 피부로 느껴보기 위해 일단 전체 소스를 아래에 붙이니,복사/붙여넣기를 통해 아무 웹서버 위에서 실행시켜 먼저 동작을 확인하장! fullSample.html 외부파일 끌다노킹 이해 파일 리스트 ..

자바스크립트 2023. 12. 19. 20:37

외부파일 드래그 앤 드롭1(File Drag and Drop)

파일업로드 구현시 클라이언트 사이드에서 input type=file 만을 사용해서 만드는 거슨 기능적으로는 문제 업스낭 시대적 흐름상 쪼메 마니 없어보인당.(ㅠㅠ) 기본적으로 사용자가 필요한 파일을 바로 마우스로 드래그 드롭할 수 있도록 해주는 거슨 이젠 기본이라 해도 과언이 아닐 꼬시당. 그럼 기본을 해보장!!!~ 항상 그렇진 않지만 역시 넘 쉽당. 말이나 글로는 쪼메 길어진당 세세하고 세세하게 알고자 한다면 아래 링크를 추천하낭 https://developer.mozilla.org/en-US/docs/Web/API/HTML_Drag_and_Drop_API 단순 파일 드래그 앤 드롭을 구현하기 위해 다 읽어야 하는 거슨 피로도가 만만치 않으닝, 요기서 필요한 것만 확인해 보장! 일단 파일 드래그 앤 드..

자바스크립트 2023. 12. 18. 16:41

Form(폼) Serialize 속 살짝 들여다 보깅!

웹프로그램에서 form 태그 안의 사용자 입력 태그들의 name과 value를 서버로 보낼 때 그냥 form 태그 객체의 submit 으로 보낼 때는 상관없는뎅,이것들을 AJAX로 보내야 할 때, form태그안에 사용자 입력태그(input:text 등등)가 꽤나 많다면 이것들을 일일이 접근해서 name=value&name=value 식의 쿼리스트링으로 만드는 건 여간 귀찮은 일이 아닐 것이당. (input:text만 만개가 있다고 가정해 보라!~~ 토 나오공 분명 빼먹을거당!) 이럴 때 보통 퀴리스트링으로 만들려면 jQuery의 serialize() 메소드를 사용하고, JSON 문자열 형태로 만들려면 serializeJSON() 메소드를 사용한당. jQuery는 자바스크립트로 맹글어졌기 때문에 jQuer..

자바스크립트 2023. 11. 24. 19:38

이벤트 동적 바인딩 당신만 몰라용!!

당황스럽당. 당연하게 받아들여질 수  있는 개념이, 현학적 용어와  배려없는 코드에 묻혀서어렵고 대단하고 학문적인 것으로 받아들여지는 것이........내면보단 외모가, 내용보단 형식이,  실체보다는 브랜드가, 의도파악보단  편견적 결론이...  브라우져 자바스크립트(jQuery에서동)에서 의식적 무의식적으로 많이 사용되지만,개념 이해없이 마구 사용되는 이벤트 동적바인딩에 대해  쪼메 이야기 해보장.     먼저 아래 코드를 눈으로 SSG(쓱) Top->Down으로 그냥 읽자.단순 클릭 이벤트 등록이라 버튼 누르면 alert가 실행 될 꺼이당.(오켕?) 이벤트동적바인딩1.html E7E 눌렁 위 소스에 아래 그림처럼 2번째 버튼을 하나 추가 할 꺼당.2번째 버튼을 누르면 ..

자바스크립트 2023. 11. 23. 19:42

오라클 도커(Docker) 설치 (free 23c)

오라클에서  데이터베이스 23c 개발자용 무료 버전을 공개했단당https://www.oracle.com/kr/news/announcement/oracle-database-23c-free-developer-release-2023-04-03/ 개발자를 위해 공개 했다닝 어찌 아니 사용하지 아니 할 수 없지 아니하당. 오라클의 설치방법을 다 읽고 따르기에는 세상에 둘도 없는 친구 Docker가 있당.아직도 도커를 설치해 본 경험이 없다면 당신은 더욱 서둘러야 한당.(설치는 각자 하는 걸롱, 아래 링크에 가서 다운받아서, 연신 Next를 누른당!, 사실 Docker는 리눅스(우분투)에서 개발되어서 우분투와 궁합이 가장 잘 맞는다고 한단당!)https://www.docker.com/products/docker-d..

데이터베이스 2023. 11. 15. 21:37

추가 정보

인기글

최신글

페이징

이전
1 ··· 6 7 8 9 10 11 12 ··· 24
다음
TISTORY
e7e © Magazine Lab
페이스북 트위터 인스타그램 유투브 메일

티스토리툴바