ExtJS는 JavaScript기반의 웹 ui 프레임워크 입니다. 요즘은 React, view가 강세를 보이고 있어 ExtJs의 사용이 많이 줄어든 추세이지만, 공부 삼아서 본 강의 내용을 정리해보았습니다. ExtJS 6 정리 미리 정의 되어있는 패키지들의 이름을 선언하여 사용하는 개념 ExtJS 소개 자바스크립트 프레임워크 화면개발은 Json구조를 가짐 (key : value) 다양한 플랫폼 환경 지원 ExtJS(웹) / Sencha Touch(테블릿, 모바일) 수치를 이미지화 하는데 장점 3버전까지만 해도 무겁고 느렸으나, 버전업이 되면서 문제해결 사용처 SI 프로젝트, 기업용 솔루션 무료 오픈 웹 어플리케이션 ㅤ 초기설정 sencha, extjs 설치 명령어로 설치 확인: cmd → sencha 설..

먼저 비밀번호 복호화하는데 자바 진영이 아닌 SQL에서(mapper.xml) 처리를 했다. SQL에서 처리 했을 때의 장점은 자바에서 for문을 돌지 않아도 된다는 장점이 있다고 한다. 툴은 DBeaver를 사용했고 전화번호 복호화 작업을 하던 중 칼럼에 [blob]이 찍히는 것을 확인했고 위와 같은 문제를 알게 되어 공부하던 중 내용을 정리해보았다. 1. DTO에 저장하나? Map에 저장하나? 나같은 경우는 Mapper.xml에 선언한 쿼리의 리턴 값을 Map param 형식으로 저장했다. key 값을 DTO에서 String 변수에 저장하면 SQL에서 나온 값에 대해 JAVA에서 형 변환을 해주어 문제가 되지 않았지만, Map에 저장하다보니 형 변환에 문제가 발생하여 [Blob]이 발생했다. 2. 해결..

varchar(50)에 몇 글자가 저장될까? 한글은 3바이트라서 50 % 3 즉 16글자 정도 저장이 될 줄 알았다. 하지만 프런트 단에서 확인 결과 16글자 이상 저장이 되어 확인해 보았다. 1. mysql에서의 글자수 저장 mysql4.0 버전까지 varchar(50)은 바이트를 의미하고 mysql5.0 버전까지 varchar(50)은 charaters를 의미한다 즉 mysql4.0버전 이상이면 varchar(50)은 50글자가 저장된다. https://dev.mysql.com/doc/refman/8.0/en/char.html 링크를 확인해보면 `The CHAR and VARCHAR types are declared with a length that indicates the maximum number..

글을 들어가기 전 1. 부모가 생성돼야 자식이 존재한다. 2. class가 인스턴스화 될 때 생성자가 실행되면서 객체의 초기화를 한다. 그때 자신의 생성자만 실행이 되는 것이 아니고, 부모의 생성자부터 실행된다. 1. 예시를 통해 살펴보기 [예시로 선언한 클래스를 살펴보자.] 아래와 같이 3개의 클래스가 존재한다고 가정하고, 각각을 부모, 자식, 실행이라는 단어로 부르겠다. 부모: Car.class, 자식: Truck.class, 실행파일: TruckExam.class [Car.class] Car를 명시한 부모 클래스 public class Car { public Car() { System.out.println("Car의 기본 생성자 입니다."); } } [Truck.class] Car 부모를 상속받은 ..

1. static [static 변수] 1. static 한 변수는 공유된다. 2. static 한 변수는 값을 저장할 수 있는 하나의 공간이 생성된다. -> 인스턴스가 여러 개 생성해도 static 한 값은 마지막의 값으로 결정된다. [static 메소드] 1. static 한 메서드는 Class가 인스턴스화 되지 않아도 사용할 수 있다. 2. static 한 메서드에서는 static 한 변수만을 사용할 수 있다. public class VariableScopeExam { int globalScope = 10; public void scopeTest(int value){ int localScope = 20; System.out.println(globalScope); System.out.println..

인프런 김영한님 강의를 보고 그대로 따라 하다 오류를 마주했다. java.lang.ClassNotFoundException ClassNotFoundException이 나는 이유는 다양한데 구글링을 하며 총 5가지의 방법을 찾았다. 아래에 순차적으로 java.lang.ClassNotFoundException 오류 해결 방법을 작성했다. * 내 환경 1. 맥북 m1 2. 인텔리제이 커뮤니티 버전 3. jdk 11 4.Spring boot 2.X.X * 오류 확인을 위한 체크 리스트 1. 자바 버전 확인 2. 인텔리제이에 jdk 버전, 인텔리제이 build and run using 체크 3. 캐시 존재 유무 4. 폴더명으로 인한 오류 1. 자바 버전 확인 1. 자바 버전 체크 터미널 혹은 cmd를 열어 버전 ..

강의를 보다가 프로미스, .then 사용에대한 설명이 없어서 공부할 겸 적는 포스팅 프로미스란? 프로미스는 자바스크립트 비동기 처리에 사용되는 객체 비동기 처리란? 특정 코드의 실행이 완료될 때까지 기다리지 않고 다음 코드를 먼저 수행함 프로미스가 필요한 이유? 서버에서 받아온 데이터를 화면에 표시할 때 사용한다. 내가 인턴생활 할 때 한글과 번역문을 가지고 엑셀 만드는 일을 했는데 파파고API를 사용하여 문장 번역 스크립트를 짰는데 3000문장 당 15분 정도 걸렸다. 이때 프로미스 개념을 적용하자면 프로미스를 사용하지 않았다면, 번역되는 15분을 기다리지 않고 바로 엑셀을 생성했을 것이다 그러면 한글과 빈 번역문의 엑셀파일이 생성 되었을 것이다. 이와 같은 문제점을 해결하기 위해 나온 것이 프로미스 ..

엑셀 작업을 하다가 중복단어가 있는 경우 삭제하기 내용을 적용하여. "중복단어 삭제"를 정리해 보았습니다. 🌌 다룰 내용 리스트 형식의 전체 단어 중 2개 이상인 단어의 경우 삭제하고 1개만 추출하기. 전체 단어 중 단어가 2개 이상인 경우 삭제하고 1개만 추출하기. join과 OrderedDict.fromkeys를 사용한 방법 *import 설정 및 기본 내용은 생략했습니다. 1. list에 담긴 값 list = ['안녕','안녕','하이','안녕','방가'] 2. 최상단에 collections 모듈의 OrderedDict클래스를 선언 from collections import OrderedDict 파이썬 3.6 이전에는 사전에 얻은 데이터를 순서대로 얻을 수 없었습니다. 즉 무작위 순서로 데이터를 얻..