My Space

반응형

전체 글 → (175)건

  1. 직전에 쌓인 키값을 가져오기(Mybatis selectKey)
    2022.01.23
  2. JQUERY 자동완성(autocomplete)
    2022.01.23
  3. OS 및 깃랩 버전 업그레이드(링크)
    2022.01.13
  4. 스케줄러 crontab
    2022.01.12
  5. MySQL auto_increment 값 변경
    2022.01.11
  6. 맥북에서 노드 완전삭제(링크)
    2022.01.07
  7. 선택자에 클래스 존재 여부 확인
    2022.01.04
  8. DI(의존성주입) 방법. 생성자주입을 사용하자
    2021.12.21
  9. FLUTTER 실습
    2021.12.20
  10. FLUTTER 시작
    2021.12.18
  11. Spring-Security(링크)
    2021.12.06
  12. (AWS) EC2 서버 디스크 용량 확장
    2021.12.02
  13. EXISTS, NOT EXISTS 사용
    2021.11.22
  14. 그리드 (링크)
    2021.11.17
  15. php 암호화(mysql 자체 함수 포함) [링크]
    2021.11.10
  16. 맥북 brew 명령어
    2021.11.10
  17. 형태소 분석기(mecab, KoNLPy 설치)
    2021.11.10
  18. 윈도우PC Apache, php 설치 (링크)
    2021.11.04
  19. split 첫 번째만 자르기
    2021.11.02
  20. 맥OS에서 php 실행
    2021.10.28
  21. [MyBatis] MySQL의 DUPLICATE
    2021.10.27
  22. 몇 초 후에 이벤트 발생(setTimeout)
    2021.10.27
  23. 가장 면접 사례로 배우는 대규모 시스템 설계 기초
    2021.10.21
  24. 글자수가 길때 줄바꿈이 안되는 경우 2
    2021.10.14
  25. 전화번호 중간에 - 추가
    2021.10.06
  26. background 속성
    2021.10.05
  27. li태그 n 번째 요소 고르기(링크)
    2021.10.05
  28. 맥OS JAVA 환경변수 설정(링크)
    2021.10.05
  29. before, after
    2021.10.04
  30. checkbox 관련
    2021.10.04

직전에 쌓인 키값을 가져오기(Mybatis selectKey)

상황 : 하나의 service딴에서 데이터 INSERT를 하고, INSERT된 키의 값을 가져와 처리해야하는 로직이 있었다. ex) A테이블에 데이터 INSERT 후, 바로 이어서 A테이블의 키값을 외래키로 B테이블에 INSERT Mybatis의 selectKey로 해결 가능. 사용 코드 INSERT INTO A (TITLE, CONTENT) VALUES (#{title}, #{content}) SELECT LAST_INSERT_ID() ) // 위에서 받은 값을 사용하고 싶으면 해당쿼리를 사용하고 아래와 같이 받아올 수 있다. Param.getId(); 설명 SELECT LAST_INSERT_ID()은 mysql에서 사용가능. - 방금입력한 테이블의 auto_increment로 증가된 컬럼값을 가져오는..
Development/JAVA 2022. 1. 23. 19:40

JQUERY 자동완성(autocomplete)

입력필드에 타이핑시 자동으로 데이터에 일치하는 값들을 가져와서 완성시킬 수 있게 해주는 기능. 사용 코드 $("#title").autocomplete({ source: function(request, response) { $.ajax({ url: "/apiUrl"), success: function(data) { // 서버에서 json 데이터 response response($.map(data.items, function (item) { return { label: "["+item.id+"] " + item.title + " ("+item.type+")", baseCodeId: item.id, type: item.type }; })); } }); }, minLength: 2,// autocomplete로..
Development/JSP, JS, JQUERY 2022. 1. 23. 19:21

OS 및 깃랩 버전 업그레이드(링크)

https://patch-magnesium-0f0.notion.site/8e08e0fc217442d1af8af270a9f92904 깃랩 버전업그레이드 새로운 OS에서 작업시 우선 깃랩 패키지를 받아준다. patch-magnesium-0f0.notion.site 이슈(ubuntu 네트워크 끊김 현상) ubuntu를 16 -> 18로 올렸을땐, 문제가 되지않았는데 18 -> 20으로 올리면서, 1시간이 지나면 네트워크 연결이 끊겨 접속이 불가했다. 인스턴스 재기동을 해도 1시간 지나면 네트워크 연결 끊겨 서버에 접근하는게 불가능. 해결방법 - ubuntu16 정도부터 네트워크 interface가 기존eth에서 ens로 변경되어 나타나는데, 아직 많은 프로그램들이 기본적으로 eth0를 기본으로 찾기도 한다. ..
Development/SETTING 2022. 1. 13. 21:41

스케줄러 crontab

리눅스의 crontab로 정해진 시간에 프로그램을 실행 시킬 수 있다. root 권한 필요한 경로(vi /etc/crontab 로 수정) /etc/crontab 개인 유저 경로 /var/spool/cron/crontabs 일반 유저 crontab 생성 crontab -e #접속한 계정으로 크론탭을 생성할 수 있다. crontab -l #조회
Development/LINUX 2022. 1. 12. 11:58

MySQL auto_increment 값 변경

조회 SHOW TABLE STATUS WHERE name = '테이블명'; ALTER TABLE 테이블명 AUTO_INCREMENT = 시작값;
Development/DB 2022. 1. 11. 17:19

맥북에서 노드 완전삭제(링크)

https://roy-jung.github.io/161020_how-to-remove-node-from-macos/ mac에서 `node.js`를 완전히 삭제하는 방법 서로 다른 버전의 node가 하나의 shell 안에서 경쟁하는 구도가 되었다는 점이다. 여러 수단으로 node를 설치했음에도 아무 문제가 없는 분은 이쯤에서 뒤로가기를 살포시 눌러도 무방하나, 그렇지 roy-jung.github.io
Development/SETTING 2022. 1. 7. 15:24

선택자에 클래스 존재 여부 확인

상황 => 클래스가 존재하는지에 따라 분기 처리 해야할 경우가 생겼다. 코드 // 클래스 1개만을 확인하고 싶을때 (div태그에 btn 클래스가 있는지 확인) if( $("div").hasClass("btn")===true ) { alert('존재'); } // 클래스 여러개를 확인하고 싶을때 (div태그에 btn, wrap 태그가 모두 있는지 확인) if( $("div").is(".btn, .wrap")===true ) { alert('존재'); } hasClass는 하나의 클래스명만 확인이 가능 is는 ' , ' 구분자로 여러개의 클래스 확인 가능. 속한 것들이 모두 포함되어야 true 반환
Development/JSP, JS, JQUERY 2022. 1. 4. 17:22

DI(의존성주입) 방법. 생성자주입을 사용하자

Dependency Injection(의존관계 주입)에는 아래의 3가지 방법이 있다. 1. 필드주입 2. 수정자주입 3. 생성자주입 (결론: 생성자 주입을 사용 할 것) 결론 부터 알아보는 장점(생성자 주입) 1. 느슨한 결합으로 결합도를 낮출 수 있다. (런타임시 의존관계 결정 -> 유연한 구조) 2. SOLID 원칙에서 Open Closed Principle(개방폐쇄원칙)에 알맞음 3. final을 사용하여 선언과 함께 초기화 됨(누군가가 값을 바꿔치기 할 수 없다.) 4. 의존관계 설정 안될시 객체생성 불가(NullPointerException 방지, 컴파일 시점에 인지 가능) 5. 순환참조 발생시 애플리케이션 실행 시점에 에러 발생(순환 참조 방지) 6. 테스트 코드 작성에 편리(해당 객체를 생성..
Theory 2021. 12. 21. 10:04

FLUTTER 실습

1. 당근마켓 (아래 이미지를 디자인 해보자) 1차로 지금까지 한 결과 소스 코드 class MyApp extends StatelessWidget { const MyApp({Key? key}) : super(key: key); @override Widget build(BuildContext context) { return MaterialApp( home: Scaffold( appBar: AppBar(title: Text('금호동3가'), actions: [ IconButton(onPressed: () { }, icon: Icon(Icons.zoom_in)), IconButton(onPressed: () { }, icon: Icon(Icons.view_headline)), IconButton(onPress..
Development/APP 2021. 12. 20. 23:36

FLUTTER 시작

공식사이트 https://flutter-ko.dev/docs Flutter 문서 Flutter 문서의 랜딩 페이지 flutter-ko.dev 기본 프로젝트 구조 기본 메인 소스 import 'package:flutter/material.dart'; void main() { runApp(const MyApp()); } class MyApp extends StatelessWidget { const MyApp({Key? key}) : super(key: key); @override Widget build(BuildContext context) { return Container(); } } HTML 개발방식은 의 사용, Flutter 개발방식은 위젯()의 사용. //텍스트 문구 사용 Text() Material..
Development/APP 2021. 12. 18. 12:37

Spring-Security(링크)

https://kimchanjung.github.io/programming/2020/07/02/spring-security-02/ [Spring Security] 스프링시큐리티 설정값들의 역할과 설정방법(2) 스프링시큐리티의 여러가지 설정값들의 역할과 설정방법을 상세히 알아봅니다. Spring Security 커스텀 필터를 이용한 인증 구현 - 스프링시큐리티 설정(2) 본 포스팅은 스프링시큐리티의 전반적인 kimchanjung.github.io
Development/OTHER 2021. 12. 6. 09:40

(AWS) EC2 서버 디스크 용량 확장

1. AWS에 접속 후 확장하고자 하는 서버 인스턴스에 들어간다. 2. 스토리지 탭으로 들어가 볼륨ID 클릭 3. 따라 들어가서 수정을 누르면 볼륨 세부 정보를 변경할 수 있다. 원하는 크기 입력 후 수정. 4. 이후, 터미널로 접속해서 디스크 증설한 것을 적용 시켜줘야 한다. df -hT : 각 볼륨의 파일 시스템 확인 lsblk : 볼륨에 확장해야 하는 파티션 있는지 확인 sudo growpart /dev/디스크명 : 파티션 확장 sudo resize2fs /dev/디스크명 : 파일 시스템 확장 이후 df -hT 로 변경된 용량 확인 참고링크 https://docs.aws.amazon.com/ko_kr/AWSEC2/latest/UserGuide/recognize-expanded-volume-linux..
Development/AWS 2021. 12. 2. 15:35

EXISTS, NOT EXISTS 사용

IN과 비슷한 점이 있지만, 큰 차이점은 EXISTS(서브 쿼리)는 서브 쿼리의 결과가 한건이라도 존재하면 결과 값을 리턴한다. USER ID NAME 1 KIM 2 PARK SAMPLE ID USER_ID STATE 1 1 1 2 1 0 # NOT EXISTS 사용 SELECT COUNT(*) FROM USER U WHERE NOT EXISTS (SELECT 1 FROM SAMPLE S WHERE U.ID = S.USER_ID AND S.STATE=1); 결과: 0 설명 EXISTS 내부의 서브쿼리에서 SAMPLE과 일치하는 USER_ID 중에 SAMPLE테이블의 STATE필드 값이 하나라도 STATE=1이 있으면 제외 한다는 뜻. # IN 사용 SELECT COUNT(*) FROM USER U WHE..
Development/DB 2021. 11. 22. 21:42

그리드 (링크)

https://studiomeal.com/archives/533 이번에야말로 CSS Grid를 익혀보자 이 포스트에는 실제 코드가 적용된 부분들이 있으므로, 해당 기능을 잘 지원하는 최신 웹 브라우저로 보시는게 좋습니다. (대충 인터넷 익스플로러로만 안보면 된다는 이야기) 이 튜토리얼은 “ studiomeal.com
Development/CSS 2021. 11. 17. 16:51

php 암호화(mysql 자체 함수 포함) [링크]

https://hello-bryan.tistory.com/279
Development/OTHER 2021. 11. 10. 14:54

맥북 brew 명령어

# 패키지 검색하기 brew search iterm2 # 패키지 설치하기 brew install iterm2 # 설치한 패키지 목록보기 brew list # 패키지 위치 및 정보 보기 brew info 앱이름 # 버전업된 패키지 확인하기 brew outdated # 패키지 업그레이드 brew upgrade iterm2 # 모든 패키지 업그레이드 brew upgrade # 패키지 이전버전들 삭제하기 (최신버전만 남기고 이전버전은 삭제) brew cleanup iterm2 # 패키지 삭제하기 brew uninstall iterm2 # Homebrew 업데이트 brew update
Development/OTHER 2021. 11. 10. 12:45

형태소 분석기(mecab, KoNLPy 설치)

mecab 설치 git clone https://github.com/SOMJANG/Mecab-ko-for-Google-Colab.git cd Mecab-ko-for-Google-Colab bash install_mecab-ko_on_colab190912.sh KonLPy 설치 KonLPy은 POS태거인 twitter와 mecab을 가지고 있다. pip install konlpy 설치 후 python3로 들어가서 >>> from konlpy.tag import Mecab >>> mecab = Mecab() >>> mecab.pos('이상하다 이상해 생각해도 어쩔 수 없어 변함') [('이상', 'NNG'), ('하', 'XSV'), ('다', 'EC'), ('이상', 'NNG'), ('해', 'XSV+EC..
Development/PYTHON 2021. 11. 10. 12:00

윈도우PC Apache, php 설치 (링크)

https://fifo22.tistory.com/34
Development/SETTING 2021. 11. 4. 12:41

split 첫 번째만 자르기

split로 문자열을 잘라 배열에 담던 도중 한가지 문제가 있었다. split(":") 을 기준으로 자르고 있었는데 첫번째 : 기준으로만 잘라야 했다. split를 보면 2개의 인자를 받을 수 있는데, public String[] split(String regex, int limit); String text = 기타: 테스트: 테스트 :테스트; text.split(":", 2); 로 자를 경우 [기타, 테스트: 테스트 :테스트] 로 담기게 된다. 즉 배열의 길이가 2개가 됨.
Development/JAVA 2021. 11. 2. 11:28

맥OS에서 php 실행

https://meanbymin.tistory.com/69#google_vignette [PHP] 맥북 빅서(big sur)에서 php, 아파치, mysql 설정하는 법 - 1 정말... 개고생했다.. 배움은 윈도우로하는데 나는 맥북으로 하다보니 정말... 이건 뭐 말이 안된다. 운영체제가 다르고 강사님께서도 맥북을 쓰지 않아서 하시는 법을 모르니 혼자서 끙끙 거려 meanbymin.tistory.com 추가로, html파일 안에서도 php가 실행되게 하려면 /etc/apache2/other에있는 php7.conf파일을 수정해야한다. 뒤에 .html 추가 AddType application/x-httpd-php .php .html AddType application/x-httpd-php-source .p..
Development/SETTING 2021. 10. 28. 11:27

[MyBatis] MySQL의 DUPLICATE

MySql에서의 ON DUPLICATE는 오라클의 MERGE INTO와 비슷하다. insert시 키값이 중복되면 해당 키값에 대해 update가 동작하게 된다. INSERT INTO TEST (TITLE, SUBJECT, CONTENT) VALUES (#{title}, #{subject}, #{content}) ON DUPLICATE KEY UPDATE STATE = 1, MOD_TSP = NOW(); # 중복되는 키가 존재할 경우, state=1, mod_tsp는 현재시간으로 업데이트 다중 insert시 update처리 foreach 아래에서 주목해야할 점은 values 부분이다 ON DUPLICATE KEY UPDATE VALUE = values(value) foreach로 컬렉션 안에서는 item...
Development/DB 2021. 10. 27. 14:16

몇 초 후에 이벤트 발생(setTimeout)

스크립트에서 바로 이벤트가 발생하는 것이 아닌, 딜레이를 주고 발생시키고 싶을때 setTimeout를 사용하면 된다. ex) toast문구를 보여주고 1.5초후에 페이지 전환 toast.success("등록되었습니다.") setTimeout(function() { location.href = "/index"; }, 1500);
Development/JSP, JS, JQUERY 2021. 10. 27. 14:11

가장 면접 사례로 배우는 대규모 시스템 설계 기초

start day : 2021-10-22 콘텐츠 전송 네트워크(CDN) 정적 콘텐츠를 전송하는데 쓰이는, 지리적으로 분산된 서버의 네트워크. 이미지, 비디오, CSS, JavaScript 파일 등을 캐시하여, 이를 요청하는 클라이언트로 부터 가장 가까운 CDN 서버의 캐시를 불러온다. 해당 지역 CDN에 캐시가 없을 경우 메인 CDN서버에서 요청. 데이터베이스의 규모 확장 - 수직적 확장(scale up) : 기존서버에 CPU, RAM등을 증설하는 방법 하드웨어에는 한계가 있으므로 무한 증설 불가능. SPOF(Single Poing Of Failure)로 인한 위험성이 크다.(한대죽으면 끝) 고성능 서버로 갈수록 가격이 올라 비용이 많이 든다. - 수평적 확장(scale out) : 샤딩이라고도 부르며 ..
Books 2021. 10. 21. 23:30

글자수가 길때 줄바꿈이 안되는 경우

word-break 옵션을 추가한다. - 텍스트가 들어가는 블록 요소에서 단어 단위로 줄 바꿈할지, 글자 단위로 줄바꿈 할지를 정하는 속성 1. word-break: normal word-break의 기본값으로 한글은 글자 단위, 영어는 단어 단위로 줄바꿈 한다. 우측 공간이 듬성듬성 비게 될 가능성이 있다. 2. word-break: break-all; 한글, 영문 모두 글자 단위의 줄바꿈을 한다. 반응형 웹을 고려할때 가로길에 맞게 줄바꿈이 되어 미관상 적합하다. 3. word-break: keep-all; 한글, 영어 모두 단어 기준으로 줄바꿈한다.
Development/CSS 2021. 10. 14. 12:15

전화번호 중간에 - 추가

var tel = "01011111111"; tel.replace(/(^02.{0}|^01.{1}|[0-9]{3})([0-9]+)([0-9]{4})/, "$1 - $2 - $3"); //결과=> 010 - 1111 - 1111
Development/JSP, JS, JQUERY 2021. 10. 6. 16:39

background 속성

button등에 이미지를 줄 수 있는 background는 background와 background-img 속성이 있다. background-img는 각 속성들을 따로 지정할 수 있고, background는 한번에 지정 가능하다. 예제 코드 //background-image 방식 body { background-image: url("/test/images/img01.png"); background-repeat: no-repeat; //이미지 반복 no background-position: 100px 200px; } //background 방식 body { background: #FFCCCC url("/test/images/img01") no-repeat center 0px; } ※ 참 고 backgrou..
Development/CSS 2021. 10. 5. 22:12

li태그 n 번째 요소 고르기(링크)

https://verdana1012.tistory.com/entry/CSS3-nthchildn-%EC%84%A0%ED%83%9D%EC%9E%90-%EA%B0%99%EC%9D%80%EC%A2%85%EB%A5%98%EC%9D%98-%ED%83%9C%EA%B7%B8%EB%A1%9C-%EA%B5%AC%EC%84%B1%EB%90%98%EC%96%B4-%EC%9E%88%EC%9D%84-%EB%95%8C-%EC%82%AC%EC%9A%A9 CSS3 :nth-child(n) 선택자 (같은종류의 태그로 구성되어 있을 때 사용) CSS3에서는 :nth-child(n) 선택자를 사용하여 여러 개의 항목이 일렬로 나열되어 있는 경우, class나 id를 사용하지 않고 스타일을 지정할 항목이 몇 번째에 있는지 따져서 스타일을 적..
Development/CSS 2021. 10. 5. 15:46

맥OS JAVA 환경변수 설정(링크)

https://velog.io/@tpdlqj0514/Java-2%EA%B0%95.-Java-%EC%84%A4%EC%B9%98-%EB%B0%8F-%ED%99%98%EA%B2%BD%EB%B3%80%EC%88%98-%EC%84%A4%EC%A0%95Mac
Development/SETTING 2021. 10. 5. 09:39

before, after

W3C 스펙에서 ::before - 실제 내용 바로 앞에 생성되는 자식요소 ::after - 실제 내용 바로 뒤에 생성되는 자식요소 라고 일컷는다. 이 두가지를 사용하기 위해서는 만드시 content="" 라는 속성이 필요하다. 안녕하세요 결과 before, after은 inline형태로 되며, 특성상 width, height가 먹지 않고, padding/margin은 좌우 영역만 조절된다. 즉, 앞에 붙는다 - 안녕하세요 - 뒤에 붙는다. 위와 같이 div 앞뒤로 inline 속성인 span이 붙는거와 같다
Development/CSS 2021. 10. 4. 18:50

checkbox 관련

https://cocosoft.kr/397 [jQuery]html 체크박스 체크시 이벤트 동작 발생 예전에도 input type="checkbox" 의 이벤트 실행해 대해서 포스팅 한 적 있습니다. 개인적으로 체크박스로 만들어 진 것은 제어하기가 편해서 많이 사용 하는 것 같네요. 오늘은 간단하게 체크박스 클 cocosoft.kr https://openlife.tistory.com/381 갯수 구하기 checkbox 갯수 구하기 $("input[type='checkbox']").length checkbox 체크 갯수 구하기 $("input[type='checkbox']:checked").length checkbox에 이미지 입히기 // jsp // input태그의 id와 label의 for을 매핑시킨다...
Development/JSP, JS, JQUERY 2021. 10. 4. 12:05
◀ 1 2 3 4 5 6 ▶
반응형
loading

티스토리툴바