My Space

반응형

Development → (125)건

  1. MySQL auto_increment 값 변경
    2022.01.11
  2. 맥북에서 노드 완전삭제(링크)
    2022.01.07
  3. 선택자에 클래스 존재 여부 확인
    2022.01.04
  4. FLUTTER 실습
    2021.12.20
  5. FLUTTER 시작
    2021.12.18
  6. Spring-Security(링크)
    2021.12.06
  7. (AWS) EC2 서버 디스크 용량 확장
    2021.12.02
  8. EXISTS, NOT EXISTS 사용
    2021.11.22
  9. 그리드 (링크)
    2021.11.17
  10. php 암호화(mysql 자체 함수 포함) [링크]
    2021.11.10
  11. 맥북 brew 명령어
    2021.11.10
  12. 형태소 분석기(mecab, KoNLPy 설치)
    2021.11.10
  13. 윈도우PC Apache, php 설치 (링크)
    2021.11.04
  14. split 첫 번째만 자르기
    2021.11.02
  15. 맥OS에서 php 실행
    2021.10.28
  16. [MyBatis] MySQL의 DUPLICATE
    2021.10.27
  17. 몇 초 후에 이벤트 발생(setTimeout)
    2021.10.27
  18. 글자수가 길때 줄바꿈이 안되는 경우 2
    2021.10.14
  19. 전화번호 중간에 - 추가
    2021.10.06
  20. background 속성
    2021.10.05
  21. li태그 n 번째 요소 고르기(링크)
    2021.10.05
  22. 맥OS JAVA 환경변수 설정(링크)
    2021.10.05
  23. before, after
    2021.10.04
  24. checkbox 관련
    2021.10.04
  25. 스프링 각종 파라미터 타입(링크)
    2021.09.30
  26. 스크립트 날짜계산
    2021.09.30
  27. 공통 레이아웃 SiteMesh 프레임워크(링크)
    2021.09.23
  28. classList(속성 변경)
    2021.09.20
  29. 문자열안에 따옴표 인식
    2021.09.16
  30. slack webHooks(링크)
    2021.09.15

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

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

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

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

스프링 각종 파라미터 타입(링크)

http://wonwoo.ml/index.php/post/1834 Spring Controller 파라미터 타입 - 머루의개발블로그 오늘 소개할 내용은 Spring의 Controller에서 사용할 수 있는 파라미터 타입들을 알아보도록 하자. . Spring에서 Controller로 받을 수 있는 파라미터들이 다양한 타입들이 존재하는데 이는 Object 혹은 어 wonwoo.ml
Development/JAVA 2021. 9. 30. 23:11

스크립트 날짜계산

사용할 일이 있을 때 마다 찾아보기 번거로워서 정리... //현재 날짜 var currDay = new Date(); var year = currDay.getFullYear(); var month = (currDay.getMonth() + 1); var day = currDay.getDate(); //7일 후 currDay.setDate(currDay.getDate()+7); var day7 = currDay.getDate(); //7일 후의 날짜 //요일 계산 var week = ['일', '월', '화', '수', '목', '금', '토']; var dayOfWeek = week[new Date(currDay).getDay()]; console.log("요일 => " + dayOfWeek); //추가..
Development/JSP, JS, JQUERY 2021. 9. 30. 16:56

공통 레이아웃 SiteMesh 프레임워크(링크)

https://blog.acronym.co.kr/323 웹 페이지 레이아웃을 설정하는 SiteMesh 세팅 및 활용에 대하여~ 1. SiteMesh의 정의 SiteMesh(http://www.sitemesh.org/)는 웹 페이지의 레이아웃을 효율적으로 처리할 수 있도록 도와주는 프레임워크입니다. 쉽게 말해서 웹사이트의 동일한 상단, 하단, 메뉴 부분을 한곳 blog.acronym.co.kr
Development/OTHER 2021. 9. 23. 08:38

classList(속성 변경)

예를 들어 해당 클래스에 hidden 속성을 추가해 주고 싶을때, 기존에 추가로 들어있는 다른 속성들은 건드리지 않은채 hidden 만 추가 하려고 한다. //index.html// ... ... ///////////// ///////////// js /////////////////////////////////////// const greeting = document.querySelector("#greeting"); const HIDDEN_CLASSNAME = "hidden"; console.dir(greeting); function onLoginSubmit(event) { event.preventDefault(); const username = loginInput.value; loginForm.clas..
Development/JSP, JS, JQUERY 2021. 9. 20. 15:56

문자열안에 따옴표 인식

문자열에 따옴표를 인식하고 싶으면 "앞에 \를 붙여서 \" 로 표현한다. System.out.println(""따옴표 출력""); //에러 코드 System.out.println("\"따옴표 출력\""); //"따옴표 출력"
Development/JAVA 2021. 9. 16. 11:20

slack webHooks(링크)

https://zeddios.tistory.com/123 왕초보를 위한 Slack webHooks 사용법(incoming webhooks) 안녕하세요 :) 오늘은 외부에서 Slack(이하 슬랙)에 메세지를 보내는 방법을 알아볼거에요 :) 정말 과정 하나하나 같이 해볼거니까, 차근차근 따라하시면 슬랙에 메세지가 뿅 하고 뜰거에요 XD 그 zeddios.tistory.com
Development/OTHER 2021. 9. 15. 10:49
◀ 1 2 3 4 5 ▶
반응형
loading

티스토리툴바