4.[JS] FileReader 이용하여 업로드 이미지 출력하기 현재 나는 새로운 파일을 업로드 할때 마다 그에 맞는 이미지를 출력해야하는데 이전에 업로드했던 파일의 이미지가 그대로 올라가는 문제가 발생하였다. 파일 선택 버튼을 클릭하여 파일을 새로 갱신 할때 마다 이미지 또한 갱신해주는 식으로 변경해야된다. 파일 변경시마다 서버 업로드와 이미지 갱신하는 JS코드 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 $("input[type='file']").change(function(e){ var formData = new FormData(); var inputFile = $("input[name='uploadFile']"); var files = in.. Language/자바스크립트 2021. 6. 12. 22:28
[자바]8. hashCode() 와 equals()의 차이 Object 클래스에선 equals() 는 비교 연산자인 == 과 동일한 결과를 리턴한다. 오로지 객체의 주소값이 같은지를 확인하는 것이다. 자바에서는 두 객체를 동등비교 할때 equals() 를 주로 사용한다. 그러나 String에서는 이것을 재정의하여 사용한다. equals 는 논리적으로 동등하면 true 아니면 false 논리적 동등? 둘의 참조값이 다르더라도 객체 내부 value 는 같다. String 에서는 equals() 메소드를 재정의해서 번지비교가 아닌 문자열 '값'을 비교한다. 객체의 인스턴스 주소값 비교는 == 객체 내부의 값의 비교는 equals()메소드로 자바 해시 코드란? 객체를 식별하는 하나의 정수값이다. Object의 hashCode() 메소드는 객체의 메모리 번지를 이용해서 .. Language/자바 2021. 4. 22. 10:18
[자바] 7. 컬렉션 프레임워크 컬렉션이란❓❓❓ 사전적 의미로 요소를 수집해서 저장하는 것. Collection *List : 순서를 유지하고 저장, 중복 저장 가능 **ArrayList List 인터페이스의 구현 클래스로서 그냥 List는 생성시 크기가 고정되며 사용 중 크기를 변경할 수 없으나 ArrayList는 저장 용량을 초과한 객체들이 들어오면 자동적으로 저장 용량이 늘어남 otherwise! ArrayList는 객체를 추가할 때 인덱스 0부터 차례대로 저장되며 삭제시 삭제된 공간을 채우기 위하여 뒤에있던 데이터 들이 앞당겨 진다. 이 때문에 빈번한 객체 삭제와 삽입이 일어나는 곳에서 사용은 바람직하지 않으며 이런 경우 LinkedList를 사용하길 권장한다. 허나 인덱스 검색, 맨 마지막에 객체를 추가하는 경우라면 Array.. Language/자바 2021. 4. 6. 21:08
[자바]6. 표준API의 함수적 인터페이스 🤖 자바 8부터 빈번하게 사용되는 함수적 인터페이스는 java.util.function 표준 API 패키지로 제공한다. 이 패키지에서 제공하는 함수적 인터페이스의 목적은 메소드 또는 생성자의 매개 타입으로 사용되어 람다식을 대입할 수 있도록 하기 위해서이다. *패키지의 함수적 인터페이스5가지 예제를 보며 이해하자 *Consumer package lamdaCons; import java.util.function.BiConsumer; import java.util.function.Consumer; import java.util.function.DoubleConsumer; import java.util.function.ObjDoubleConsumer; import java.util.function.ObjInt.. Language/자바 2021. 4. 3. 15:50
[자바]5. 람다(Lamda) 자바 8부터 람다식을 지원한다. 람다식은 익명 함수를 생성하기 위한 식으로 객제 지향 언어보다는 함수 지향 언어에 가깝다. 람다식을 사용하는 이유는❓ ✏️자바 코드가 매우 간결해지고 ✏️컬렉션의 요소를 필터링하거나 매핑해서 원하는 결과를 쉽게 집계할 수 있기 때문 ⏳기존 Runnable 익명 구현 객체를 생성하는 코드 Runnable runnable=new Runnable(){ public void run(){...} }; ⏳람다식 생성 코드 Runnable runnable=() -> {...}; ✔️람다식 생성조건 ✏️1.무조건 단 하나만의 추상 메소드가 선언된 인터페이스만 람다식의 타겟이 된다. ✏️2.@FunctionalInterface 어노테이션을 통해 두 개 이상의 추상 메소드가 선언되면 컴파일.. Language/자바 2021. 4. 2. 21:37
[자바]4.제네릭(Generic) 우리는 제네릭을 왜 사용하는가❓ ✔️컴파일 시 강한 타입 체크를 할 수 있다. 실행 시 타입 에러가 나는 것 보다는 컴파일 시 미리 타입을 강하게 체크하여 사전에 방지 ✔️타입 변환을 제거한다. 비 제네릭 코드는 불필요한 타입 변환을 하기 때문에 프로그램 성능에 악영향을 미친다. ex)불필요한 타입변환 시 String str=(String)list.get(0); List list=new ArrayList(); list.add("hello"); String str=(String)list.get(0); ex)제네릭 코드 사용으로 인한 타입변환 제거 String str=list.get(0); List list=new ArrayList(); list.add("hello"); String str=list.get(.. Language/자바 2021. 3. 29. 07:44
[자바]3. 날짜 출력 Date Date()는 컴퓨터의 현재 날짜를 읽어 Date 객체로 만든다 특정 문자열 포맷으로 얻고 싶다면 java.text.SimpleDateFormat 클래스를 이용하자 *SimpleDateFormat를 용한 포멧 package thisisjava; import java.text.SimpleDateFormat; import java.util.Date; public class SimpleDateFormatExample { public static void main(String[] args) { Date now=new Date(); SimpleDateFormat sdf=new SimpleDateFormat("yyyy-MM-dd"); System.out.println(sdf.format(now)); sdf=new .. Language/자바 2021. 3. 23. 08:33
[자바]2. StringTokenizer // StringBuilder 사용법 1.StringTokenizer *split() 메소드 [사용형식] String[] result="문자열".split("정규표현식"); ex public class split { public static void main(String[] args) { String text="윤주영&웹개발자,db엔지니어,자바-안녕"; String[] names=text.split("&|,|-"); for(String name:names) { System.out.println(name); } } } *StringTokenizer [사용형식] StringTokenizer st=new StringTokenizer("문자열","구분자"); *메소드 int countTokens() 남아있는 토큰수 boolean hasMoreTok.. Language/자바 2021. 3. 21. 22:29
3.[JS] 사용자와의 커뮤니케이션(alert,confirm,promt) Window 가 최종부모객체로서 아래 하위 자식들을 사용할 수 있다. ex) alert 객체는 기본적으로 window에 속해있기때문에alert = window.alert 은 같은 기능을 한다. DOM: Document Object Model 보통 태그 접근하여 어떠한 기능을 주고싶을때 document.getElementById('태그값'); document 객체를 써서 접근한다. BOM:Browser Object Model 브라우저한테 어떠한 행동을 보여주는 기능을 한다. *사용자와의 커뮤니케이션 1.alert 대표적으로 alert 으로 알람메시지를 띠우는걸 볼수 있다. 결과 요즘은 경고 알람을 alert 이 아닌 console.log 로서 클라이언트한테 주는 형식을 많이 쓴다고 한다. 2.confirm.. Language/자바스크립트 2021. 3. 17. 12:51
2.[JS] 자바스크립트 선언위치 선정 우리는 자바스크립트 선언시 2가지 방법으로 선언할수있다. 1.head 태그안에 2.body 태그 안에 왠만해서는 body 태그 안에 선언을 추천한다. 왜 그럴까? *head 태그 안에 실행 순서는 위 사진과 같이 웹 브라우저에서 html 페이지를 요청하면 1. 자바 스크립트 파일 이 먼저 읽히고 그 다음 2.body 태그 안에 있는 정보들이 읽히게 된다. 이때문에 body 태그안에 있는 id값을 통해서 이벤트를 주고싶을때는 window.onload 라는 함수를 통해서 html의 전체 정보를 가져와 실행시켜야 한다. 이는 실행 순서로 인해서 js가 먼저 실행되고 body 정보가 해석되기때문에 결국 js는 body정보를 모르기 때문에 전체를 택하는 함수를 통해서 사용해주어야 한다. 별도의 자바 스크립트 파일.. Language/자바스크립트 2021. 3. 15. 16:44
[자바]1. 싱글톤 Singleton: 전체 프로그램에서 단 하나의 객체만 만들도록 보장 하는것. -메모리 낭비 제거(생성되는 객체들마다 하나의 주소를 공유함) package c6Class; public class ShopService { private static ShopService singleton=new ShopService(); private ShopService() { } static ShopService getInstance() { return singleton; } } 1. 정적 필드를 선언하고 자신의 객체를 생성해 초기화 한다 외부에서 필드값을 변경할 수 없음 private static ShopService singleton=new ShopService(); 2.private 생성자 생성 클래스 내부에서는 .. Language/자바 2021. 3. 12. 14:08
1.[JS]메모리 절약을 위한 프로토타입 사용하기 1.객체 생성자 함수 CheckWeight 이름으로 객체 생성자 함수를 선언하고 2개의 객체를 생성하는 예제. yoon.getInfo() 를 통해서 객체에 등록된 속성과 함수를 확인하고 yoon.getResult()를 통해서 몸무게가 정상인지 판별하는 결과를 반환한다. 2.메모리 절약을 위한 프로토타입 사용 앞선 1번방법으로는 객체를 생성하면 생성한 만큼 함수가 등록됨. 그리고 함수를 여러 개 등록하면 메모리 공간을 많이 차지해 메모리 낭비가 됨. 객체 생성자 함수에 프로토타입을 사용하여 함수를 등록하면 메모리 낭비를 줄일 수 있음 1번 방법 2번 방법 Language/자바스크립트 2021. 3. 3. 18:48
GUI DB갱신버튼 연동 등록버튼 눌러 DB에 갱신 okButton.addMouseListener(new MouseAdapter() { public void mouseClicked(MouseEvent e) { //버튼 클릭시. 사용자가 입력한 정보들을 db에 저장 String name=text_name.getText(); // int age=Integer.parseInt(text_age.getText()); //문자열 형태로 String number=text_number.getText(); System.out.println(name); //db에 저장하기 위한 dao객체 생성 ContactDAO dao=new ContactDAO(); dao.addContact(new ContactVO(name,age,number)); dispo.. Language/자바 2021. 1. 17. 20:13
이클립스와 오라클의 새로운 계정 연동 sqlplus sys as sysdba cmd 창에서 sqlplus Create user [username] identified by [password]; grant connect, resource to [username] ORA-01017: invalid username/password; logon denied 에러 뜰시 계정이 잠겨있기때문에 뜬것 ALTER USER 계정명 ACCOUNT UNLOCK; Language/자바 2021. 1. 16. 23:07
[GUI]2 SpringLayout: 틀에 제한받지않고 레이아웃 구현>>스프링을 프레임에 적용시킨뒤 스프링이 적용된것을 확인할수있음 jpanel로 경계면을 지정 요기까지 소스상에서 추가됨을 확인할수있음 jpanel 1개 더 추가 코드상에서 추가하고 실행하면 짜잔! 해당 테이블 마우스로 누른다음 코드에서 생성됨을 확인 테이블을 클릭했을대의 위치값을 출력 스트링 문에서 위치값을 get해와서 스트링 형식으로 출력해주면 테이블안의 데이터 값이 온전히 나온다. 속성창 가서 row col 수정 요런식으로 버튼또한 똑같이 해서 입력하고 추가 버튼을 입력했을때 추가되는 기능이 필요하다 추가 버튼에 마우스 클릭 이벤트 생성뒤 코드로 가보자. UI상에서 추가한 정보가 콘솔창에 출력되고있음을 확인할수있다. 이제 추가되거나 삭제되는 데이.. Language/자바 2021. 1. 14. 11:21
[GUI] 자바 상단메뉴-help - 이클립스 마켓프레이스-window검색-window builder install-다운 AWT 자바차 처음나왔을때 구성된 라이브러리 운영체제에 따라 서로 다른 모양이 그려짐 SWING AWT기술을 기반으로 작성된 자바라이브러비 운영체제에 관계없이 항상 동일하게 작동 동일한 모양으로 그려짐 대문에 J로 컴포넌트 이름이 시작 컨테이너vs컴포넌트 컨테이너 컴포넌트들의 배치를 관리하는 Layout개념 Java.awt.Container 를 상속받음 ex)JPanel, JFrame, JApplet, JDialog, JWindow 컴포넌트 컨테이너에 포함되어야 화면에 출력될수 있는 gui객체 화면구성을 담당하는 요소들 ex)JButton,JLabel,JTable,JTextField 등 GUI시.. Language/자바 2021. 1. 12. 17:10
[JDBC]JDBC 회원정보시스템 구현 1.DriverManager JDBC 드라이버를 통하여 Connection을 만드는 역할을 합니다. conn=DriverManager.getConnection(ur1 , user, password); 2.Connection db연결해주는 내장 인터페이스 3.Preparestatement 자바프로그램과 sql사이에 데이터를 전송할수있는 통로를 만들어주는 역할 String sql="delete from member where name=?"; pst=conn.prepareStatement(sql); pst.setString(1,name); 4.Resultset 테이블을 자바에 넘길때 데이터의 구조를 하나씩 가져오는것(=select) String sql="select * from member"; pst=conn.. Language/자바 2021. 1. 12. 13:04
[자바]Interface(인터페이스) 1-------------A사 개발자 ---------> Interface(JDBC) 2--------------B사 3 -------------C사 A B C 사의 다른 환경 및 메서드를 공용으로 통합관리하기 위하여 인터페이스 사용 다중상속을 구현하기 위한 것 public interface 인터페이스이름{ public static final 자료형 변수명=변수값; public abstract 반환자료형 메서드명(매개변수); 하나의 클래스가 여러개의 인터페이스를 구현할 수 있다(다중구현 가능) 인터페이스 끼리도 상속 가능 ex) interface l3{ public void x(); } interface l4{ public void x(); } class B implemements l4{ public v.. Language/자바 2021. 1. 11. 17:41
[자바]접근제한자 & 추상화(클래스,메서드) private 외부객체접근불가 default 같은 패키지에 있는 클래스만 접근 가능 protected 상속관계에 있거나 같은 패키지에 있는 클래스만 접근가능 public 모든 객체에서 접근 가능 static 메모리에 고정적으로 변수 또는 메소드를 생성(모든공간에서 공용으로 사용하는 값) 객체 생성없이 클래스명.변수 로 사용가능 super() this 같은 키워드는 사용불가 추상화 클래스간의 공통점을 찾아내서 공통의 조상을 만드는 작업 상속 계층도를 따라 올라갈수록 클래스의 추상화는 더욱 심화된다. 구체화 상속을통해 자세한 메서드 구현 추상 메소드 선언되어 있으나 구현되어 있지 않은 메소드 추상메소드 선언 abstract 키워드로 선언 ex)public abstract int getValue(); 추상 메.. Language/자바 2021. 1. 11. 17:09
[JDBC]이클립스 JDBC연동 MVC패턴 Model: DB에 관련된 일(추가 수정 삭제 조회) DAO(Data Access Object), VO(Value Object) View: 사용자 인터페이스 ex)GUO, UI XML,JSP Controller: 사용자의 요청에 따른 처리 GUI-->View, Controller JDBC에 연결되는 순서 1.JDBC 드라이버를 로딩 2.DriverManager.getConnection을 통해 db Connectionㅇ,ㄹ 그힘 3. 쿼리 실행을 위한 Statement객체 생성 4. 쿼리 실행 5. 쿼리 실행 결과 사용 6.Statement 정료 7.db 커넥션 종료 이클립스에서 Window-Show view-Other-Data Management-Data Source Explorer 선택후-o.. Language/자바 2021. 1. 11. 12:55
