My Space

반응형

전체 글 → (175)건

  1. 스프링 각종 파라미터 타입(링크)
    2021.09.30
  2. 스크립트 날짜계산
    2021.09.30
  3. 공통 레이아웃 SiteMesh 프레임워크(링크)
    2021.09.23
  4. classList(속성 변경)
    2021.09.20
  5. 로컬 서버를 외부 도메인으로 보여주기
    2021.09.18
  6. 문자열안에 따옴표 인식
    2021.09.16
  7. slack webHooks(링크)
    2021.09.15
  8. SQS(Simple Queue Service)
    2021.09.13
  9. 웹 스토리지(web storage)
    2021.09.13
  10. e.preventDefault(기본 동작을 중단)
    2021.09.13
  11. toggle(on/off)
    2021.09.13
  12. console.log(), console.dir() 차이 2
    2021.09.12
  13. getElementBy~ , querySelector 차이 (링크)
    2021.09.12
  14. 모바일기기 진동울리기(feat. javascript)
    2021.09.12
  15. 비트, 바이트, 문자인코딩
    2021.09.11
  16. 구글 쿠키(_ga) 참고 링크
    2021.09.06
  17. CURL(Client URL)
    2021.09.02
  18. MAC크롤링 셋팅(pip, requests, beautifulsoup4)
    2021.08.21
  19. git명령어(참고 링크)
    2021.08.16
  20. jsp 내장객체(참고 링크)
    2021.08.16
  21. ERROR 1217 (mysql 외래키)
    2021.08.13
  22. MySQL Workbench(오토커밋 해제)
    2021.08.13
  23. URL과 URI의 차이
    2021.08.12
  24. No password provided[for eclipse]
    2021.08.12
  25. web.xml대신 java 스프링 MVC 설정
    2021.08.06
  26. 로깅(logging)
    2021.08.06
  27. Json과 Gson
    2021.08.05
  28. com.mysql.cj.jdbc.exceptions.CommunicationsException
    2021.08.03
  29. 애자일 소프트웨어 개발 선언
    2021.07.29
  30. 스프링 핵심 원리
    2021.07.29

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

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

로컬 서버를 외부 도메인으로 보여주기

로컬 서버를 외부 도메인으로 노출 시켜주는 툴은 localtunnel, Argo tunnel(cloudflared) 가 있다. 이 글에서는 localtunnel 설치법과 사용법만 다룬다. Argo tunnel은 추후에 사용하면 추가할것. localtunnel 터미널에서 글로벌하게 설치해준다. npm install -g localtunnel lt 명령어로 해당 포트를 적어 도메인을 생성한다(도메인 직접 변경 가능). lt --port 8012 lt --port 8012 --subdomain 도메인이름
Theory 2021. 9. 18. 21:55

문자열안에 따옴표 인식

문자열에 따옴표를 인식하고 싶으면 "앞에 \를 붙여서 \" 로 표현한다. 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

SQS(Simple Queue Service)

Simple Queue Service : 해야 할 일을 나중에 처리하거나, 다른 시스템이 처리 할 수 있도록 하기 위한 비동기 메시징 서비스. : SQS는 메시지의 저장소로 처리해야 할 업무에 대한 TODO 리스트와 같은 역할을 한다. ex) 신규글이 작성되면 그 글을 구독하는 사람들에게 새로운 글이 작성되었음을 알리는 시스템이 있다고 하면, 신규글을 작성했을 때 모든 구독자에게 이메일을 발송하면 구독자가 많은 글의 경우 매우 오랜시간 사용자를 대기해야 한다. SQS를 사용하면 신규글이 작성되었을 때 신규글이 작성되었음을 SQS에 발행하고, 백그라운드에서 SQS를 처리하도록 하면 사용자의 대기 시간을 줄일 수 있다. 즉, 글이작성 -> SQS에 신규글 작성 저장 -> 다른 사용자들의 요청에 대한 응답. ..
Development/AWS 2021. 9. 13. 22:31

웹 스토리지(web storage)

API https://developer.mozilla.org/ko/docs/Web/API/Window/localStorage Window.localStorage - Web API | MDN localStorage 읽기 전용 속성을 사용하면 Document 출처의 Storage 객체에 접근할 수 있습니다. 저장한 데이터는 브라우저 세션 간에 공유됩니다. developer.mozilla.org 웹 스토리지(web storage)에는 로컬 스토리지(localStorage), 세션 스토리지(sessionStorage)가 있다. 두개의 차이는 데이터가 어떤 범위 내에서 얼마나 보존되느냐의 차이이다. 세션 스토리지 : 웹페이지의 세션이 끝날 때 저장된 데이터가 소멸 - 브라우저에서 여러 탭이나 창을 띄우면, 여러 ..
Development/JSP, JS, JQUERY 2021. 9. 13. 16:57

e.preventDefault(기본 동작을 중단)

기본적으로 a태그의 href 이벤트, form태그의 submit은 페이지를 전환하거나 리로드 된다. 이와 같은 기본 이벤트 동작들을 중단할 수 있다. a태그를 눌렀을때 링크이동을 시키지 않을 경우, form 태그의 submit를 눌렀을때 새로 실행하지 않고 싶을 경우 사용 const loginForm = document.querySelector("#login-form"); function onLoginSubmit(event) { event.preventDefault(); } loginForm.addEventListener("submit", onLoginSubmit); 위와 같은 코드가 있을때, event.preventDefault(); 가 없으면 Log In 버튼을 클릭 했을시 페이지가 리로드되어 "남아..
Development/JSP, JS, JQUERY 2021. 9. 13. 10:27

toggle(on/off)

클릭을 했을 경우 on / off 상태를 번갈아가며 액션을 취해주는 이벤트/ 버튼을 클릭할 때마다 색상을 변경하고 싶을 경우 const h1 = document.querySelector("div.hello:first-child h1") function handleTitleClick() { h1.classList.toggle("active"); } h1.addEventListener("click", handleTitleClick); ////////////////////////////////////////////////////// toggle의 내부 동작은 아래와 동일하다. const clickedClass = "active" if(h1.classList.contains(clickedClass)) { h1...
Development/JSP, JS, JQUERY 2021. 9. 13. 09:28

console.log(), console.dir() 차이

console.log는 요소를 HTML과 같은 트리 구조로 출력 하고, DOM 요소에 대해 특별한 처리를 제공. console.dir은 요소를 JSON과 같은 트리 구조로 출력 하고, DOM JS 객체의 전체 표현을 보려고 할 때 유용. 객체는 dir, 나머지는 log로 로깅하면 편하다. 아래를 참고하면 console.log의 경우 해당 body의 요소가 출력 되고, console.dir의 경우 전체 요소가 출력된다. 함수(객체)도 마찬가지로 출력된다. console.log( a() ); console.dir( a() ); 를 사용할 경우 ()로 인해 함수를 실행하게 되는 것이므로 둘다 true가 출력되게 된다.
Development/JSP, JS, JQUERY 2021. 9. 12. 23:14

getElementBy~ , querySelector 차이 (링크)

https://velog.io/@chloeee/getElementById-%EA%B7%B8%EB%A6%AC%EA%B3%A0-querySelector-%EC%B0%A8%EC%9D%B4%EC%A0%90 ❣️getElementById 그리고 querySelector 차이점 한번도 getElementById와 querySelector의 차이점에 대해 크게 생각해본 적이 없다. 이번에 클론코딩으로 자바스크립트를 작성하는데 지금 정리해서 알아두면 좋겠다는 생각에 기록해 본다! velog.io
Development/JSP, JS, JQUERY 2021. 9. 12. 22:49

모바일기기 진동울리기(feat. javascript)

소스 코드 .... 진동 시작 SOS 진동 시작 진동 중지
Development/JSP, JS, JQUERY 2021. 9. 12. 21:43

비트, 바이트, 문자인코딩

비트, 바이트 컴퓨터가 이해할 수 있는 최소한의 정보 단위는 0과 1. 이처럼 가장 작은 정보단위를 나타내는 것이 bit이며, 1 bit는 0또는 1을 담을 수 있다.(2진수) 따라서, 1bit = 2가지의 종류, 2bit = 4가지의 종류 8bit = 256가지 가장 기본적인 단위인 1Byte = 8Bits = 256가지[0~255] char 1Byte(8Bits) short 2Byte(16Bits) int 4Byte(32Bits) long 8Byte(16Bits) B, KB, MB, GB, TB를 나타낼때, 기본적으로 사람들에게 익숙한 10진수 표현법과 컴퓨터의 실제 2진수 표현법이 불문명하다. 10진수 => B(Byte), KB(1000Byte),MB(1000KByte),GB(1000MByte), ..
Theory 2021. 9. 11. 12:02

구글 쿠키(_ga) 참고 링크

https://analyticsmarketing.co.kr/digital-analytics/google-analytics/1655/ [Google Analytics] 쿠키와 사용자(고객ID) 이해하기 - 분석마케팅 쿠키, 고객 ID & 사용자 ID 쿠키 (Cookie) 쿠키(참조: 네이버 지식백과)는 사용자가 웹사이트를 방문할 때 웹 브라우저를 통해 전송되어 사용자의 컴퓨터 하드디스크에 저장되는 작은 analyticsmarketing.co.kr
Development/OTHER 2021. 9. 6. 11:06

CURL(Client URL)

커맨드 라인이나 소스코드로 웹 브라우저 처럼 활동할 수 있게 해주는 기술 => 서버와 통신할 수 있는 커맨드 명령어 툴(기본적으로 윈도우와 리눅스에 설치되어 있다.) http, https, telnet, ftp 등의 수 많은 프로토콜을 지원한다는 장점이 있다.(SSL 인증도 가능) 옵션 -X : 사용할 메소드 선택 -d : 전달할 파라미터 값 설정 -G : 전송할 사이트 url 및 ip 주소 -H : 헤더 정보를 전달하기 -I : 사이트의 Header 정보만 가져오기 -i : 사이트의 Header와 바디 정보를 함께 가져오기 -u : 사용자 정보 사용예제 파리미터값 전달 방식(-G, -d) - curl -G http://test.com/action?type=test - curl -X POST-G http..
Development/LINUX 2021. 9. 2. 14:21

MAC크롤링 셋팅(pip, requests, beautifulsoup4)

맥북엔 기본적으로 python이 설치되어 있다. $ python3 -V 로 python3 버전 확인 pip 설치 pip : 파이썬으로 작성된 패키지 소프트웨어를 설치 및 관리할 수 있는 시스템. get-pip.py 다운 $ curl https://bootstrap.pypa.io/get-pip.py -o get-pip.py $ sudo python3 get-pip.py $ sudo easy_install pip pip 설치 여부 확인 $pip requests, beautifulsoup4 설치 requests : HTTP 요청 처리를 도와주는 모듈 $ pip install requests beautifulsoup4 : HTML과 XML 파일에서 데이터를 읽어내주는 라이브러리.(크롤링에 필요) $ pip in..
Development/PYTHON 2021. 8. 21. 00:37

git명령어(참고 링크)

https://velog.io/@grinding_hannah/Git-Git-사용법-및-터미널-명령어-정리 [Git] Git 사용법 및 터미널 명령어 정리 pwd Print working directory; 현재 작업 위치 알려줌. ls list files; 현재의 directory의 모든 파일들을 보여줌. cd .. 상위 디렉토리로 이동.cd ~ 사용자의 홈디렉토리(/Users/hannah)로 감. velog.io
Development/GIT 2021. 8. 16. 12:20

jsp 내장객체(참고 링크)

https://devinside.tistory.com/71 JSP #11 EL-3 EL의 내장객체 EL의 내장객체 EL의 내장객체는 EL 표현식(${})에서만 사용할 수 있다. 구 분 내 장 객 체 설 명 Scope pageScope page 영역에 존재하는 객체의 참조 requestScope request 영역에 존재하는 객체의 참조.. devinside.tistory.com
Development/JSP, JS, JQUERY 2021. 8. 16. 00:45

ERROR 1217 (mysql 외래키)

원인 MySql에서 외래키가 적용된 테이블을 삭제할때 발생 에러 문구 : ERROR 1217(23000): Cannot delete or update a parent row: a foreign key constraint fails. 해결 방법 외래키 일시적 해제 후 삭제 SET foreign_key_checks = 0; //외래키 해제 SET foreign_key_checks = 1; //외래키 등록 SELECT @@foreign_key_checks; //외래키 상태 조회
Error 2021. 8. 13. 13:55

MySQL Workbench(오토커밋 해제)

현재 AutoCommit 확인 SELECT @@AUTOCOMMIT; 결과 값이 1이면 활성화, 0이면 비활성화 SET AUTOCOMMIT = 1; //오토 커밋 활성화 SET AUTOCOMMIT = 0; //오토 커밋 비활성화 위와 같이 설정해도 툴을 재기동하면 다시 활성화 되어있다. 해결 방안 WorkBench Preferences > SQL Editor > SQL Execution에서 General항목의 Leave autocommit mode enabled by default를 체크 해제하면 된다.
Development/OTHER 2021. 8. 13. 08:55

URL과 URI의 차이

URL보다 큰 개념이 URI이다. URL은 자원의 위치를 나타내고, URI는 자원의 식별자이다. ex) http://test.org:8080/main?page=5 라는 주소가 있을때 URL : http://test.org:8080/main URI : http://test.org:8080/main?page=5 https://velog.io/@jch9537/URI-URL URI & URL 웹개발 공부를 하면서 URL과 URI에 대해 자주 들었지만 둘 사이의 명확한 차이점을 알지 못해 정리를 해보게 되었다.결론부터 말하면 URI가 URL의 상위개념이며 공부를 하며 느낀 점은 URL이라고 부 velog.io
Development/OTHER 2021. 8. 12. 11:41

No password provided[for eclipse]

오류 발생 : 깃 프로젝트를 PULL하는 과정에서 계정, 패스워드 묻는 창이 나타나서 입력하였지만 No password provided라는 오류 발생(맥os사용) 해결 방법 : 환경설정의 General - Security - Secure Storage에서 패스워드 초기화 후 다시 로그인
Error 2021. 8. 12. 10:45

web.xml대신 java 스프링 MVC 설정

https://m.blog.naver.com/PostView.naver?isHttpsRedirect=true&blogId=kimnx9006&logNo=220615072614 [스프링프레임워크] 스프링 웹 애플리케이션 2.스프링 MVC 설정 스프링 MVC 설정 DispatcherServlet 설정하기 DispatcherServlet은 스프링 MVC의 핵심이다. 요청... blog.naver.com
Development/SETTING 2021. 8. 6. 16:53

로깅(logging)

로깅 : 시스템 동작 시 시스템 상태/작동 정보를 시간의 경과에 따라 기록하는 것. 로그 : 로깅의 기록.
Theory 2021. 8. 6. 15:42

Json과 Gson

1. Json 기존의 xml의 경우 무겁다는 단점이 있지만(많은 태그들 원인), json은 태그를 사용하지 않고 key:value 쌍으로 데이터를 표현하여 가볍다. 플랫폼에 독립적이어서 json의 형식만 지키면 시스템간 데이터 교환이 가능하다. //데이터 형식 { "name" : "java", "age" : 18 } 문법 - 객체는 {} 표기 - 배열은 [] 표기 - 각 속성은 key, value 한쌍으로 :를 이용해 구분 - 속성이 여러개일 경우 , 로 구분 2. Gson gson은 json구조를 띄는 직렬화된 데이터를 JAVA 객체로 역직렬화, 직렬화 해주는 자바 라이브러리. JSON Object -> JAVA Object, JAVA Object -> JSON Object를 돕는 라이브러리 사용 코드..
Development/JAVA 2021. 8. 5. 10:35

com.mysql.cj.jdbc.exceptions.CommunicationsException

오류 시나리오 AWS의 RDS를 이용하여 개발 서버에 db connection을 하려고 할때 발생하였다. 톰캣 구동시에 아래와 같은 메시지가 발생 프로퍼티에 설정되어 있는 db url, name, password는 문제가 없었다. 해결 방법 url 부분 파라미터에 useSSL=true가 있었는데 false로 변경해준 결과 해결
Error 2021. 8. 3. 15:43

애자일 소프트웨어 개발 선언

공정과 도구보다 개인과 상호작용을 포괄적인 문서보다 작동하는 소프트웨어를 계약 협상보다 고객과의 협력을 계획을 따르기보다 변화에 대응하기를 가치 있게 여긴다. 이 말은, 왼쪽에 있는 것들도 가치가 있지만 오른쪽에 있는 것들에 더 높은 가치를 둔다는 뜻.
Development/OTHER 2021. 7. 29. 22:44

스프링 핵심 원리

스프링 프레임워크의 핵심 스프링은 자바 언어 기반의 프레임워크 자바 언어의 가장 큰 특징 - 객체 지향 언어 스프링은 객체 지향 언어가 가진 강력한 특징을 살려내는 프레임워크 스프링은 좋은 객체 지향 애플리케이션을 개발할 수 있게 도와주는 프레임워크 스프링과 객체 지향 다형성이 가장 중요하다.(객체지향의 추상화, 상속, 다형성, 캡슐화 중) 스프링은 다형성을 극대화해서 이용할 수 있게 도와준다. 제어의 역전(IoC), 의존관계 주입(DI)은 다형성을 이용해서 역할과 구현을 편리하게 다룰 수 있도록 지원한다. 스프링을 사용하면 레고 블럭을 조립하듯이 구현을 편리하게 변경할 수 있다. 좋은 객체 지향 설계의 5가지 원칙(SOLID) 클린코드로 유명한 로버트 마틴이 좋은 객체 지향 설계의 5가지 원칙 정리 S..
Development/OTHER 2021. 7. 29. 17:04
◀ 1 2 3 4 5 6 ▶
반응형
loading

티스토리툴바