My Space

반응형

Development → (125)건

  1. SQS(Simple Queue Service)
    2021.09.13
  2. 웹 스토리지(web storage)
    2021.09.13
  3. e.preventDefault(기본 동작을 중단)
    2021.09.13
  4. toggle(on/off)
    2021.09.13
  5. console.log(), console.dir() 차이 2
    2021.09.12
  6. getElementBy~ , querySelector 차이 (링크)
    2021.09.12
  7. 모바일기기 진동울리기(feat. javascript)
    2021.09.12
  8. 구글 쿠키(_ga) 참고 링크
    2021.09.06
  9. CURL(Client URL)
    2021.09.02
  10. MAC크롤링 셋팅(pip, requests, beautifulsoup4)
    2021.08.21
  11. git명령어(참고 링크)
    2021.08.16
  12. jsp 내장객체(참고 링크)
    2021.08.16
  13. MySQL Workbench(오토커밋 해제)
    2021.08.13
  14. URL과 URI의 차이
    2021.08.12
  15. web.xml대신 java 스프링 MVC 설정
    2021.08.06
  16. Json과 Gson
    2021.08.05
  17. 애자일 소프트웨어 개발 선언
    2021.07.29
  18. 스프링 핵심 원리
    2021.07.29
  19. 맥OS MySql 설치 및 삭제
    2021.07.29
  20. OAuth/JWT
    2021.07.24
  21. [7] QueryDSL 실무 활용 [2/2]
    2021.07.23
  22. [6] QueryDSL [1/2]
    2021.07.20
  23. 오라클 Keep 함수
    2021.07.11
  24. 원시타입과 참조타입
    2021.07.11
  25. H2DB 셋팅
    2021.07.08
  26. [5] 스프링 데이터 JPA
    2021.07.08
  27. [4] JPA 활용2 강의 내용 [2/2]
    2021.06.17
  28. [2] 자바 ORM 표준 JPA 프로그래밍 - 기본편(객체지향 쿼리) [2/2]
    2021.05.20
  29. 계층형 쿼리
    2021.05.09
  30. [1] 자바 ORM 표준 JPA 프로그래밍 - 기본편 [1/2]
    2021.05.04

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

구글 쿠키(_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

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

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

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

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

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

스프링 핵심 원리

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

맥OS MySql 설치 및 삭제

https://whitepaek.tistory.com/16 macOS MySQL 설치 및 설정 사용법 macOS에서 MySQL 설치, 삭제, 환경변수 설정 및 사용법! Web 공부를 하다 보면 데이터베이스는 필수로 사용되는 거 같습니다. 저는 Web 개발 공부를 하고 있는데, 데이터베이스로 MySQL을 사용하려고 whitepaek.tistory.com
Development/SETTING 2021. 7. 29. 11:13

OAuth/JWT

1. OAuth OAuth는 외부서비스(third-party application)으로 구글, 페이스북 등의 인증 및 권한부여를 관리하는 범용 프레임워크. OAuth에서 주체는 Client, Resource Owner, Server(Resource Server, Authorization Server)로 3명 client : 서비스를 운영하는 측(확장 기능을 이용하고자 하는 서버) Resource owner : 애플리케이션을 이용하는 유저 Server(Resource server, Authorization Server) : 각각 데이터를 가지고있는 서버, 인증 권한을 전담하는 서버 OAuth 목적은 Access Token을 획득하기 위함이다. OAuth 클라이언트가 리소스 서버에 등록하기 위한 필수 요소는..
Development/OTHER 2021. 7. 24. 17:41

[7] QueryDSL 실무 활용 [2/2]

1. 순수 JPA와 Querydsl 사용 코드 - MemberTeamDto.java : 반환할 Dto클래스 - MemberSearchCondition.java : 검색할 필드가 들어있는 클래스 - MemberJpaRepository.java : 리포지토리 - MemberController.java : API 컨트롤러 - InitMember.java : 애플리케이션 구동시 데이터 등록할 클래스 MemberTeamDto.java @Data public class MemberTeamDto { private Long memberId; private String username; private int age; private Long teamId; private String teamName; @QueryProjec..
Development/JPA 2021. 7. 23. 11:39

[6] QueryDSL [1/2]

1. QueryDSL 설정 build.gradle에 별도의 설정이 필요하다. plugins { id 'org.springframework.boot' version '2.5.2' id 'io.spring.dependency-management' version '1.0.11.RELEASE' //querydsl 추가 id "com.ewerk.gradle.plugins.querydsl" version "1.0.10" id 'java' } group = 'study' version = '0.0.1-SNAPSHOT' sourceCompatibility = '11' configurations { compileOnly { extendsFrom annotationProcessor } } repositories { mav..
Development/JPA 2021. 7. 20. 13:12

오라클 Keep 함수

정렬을 통해 나온 row를 keep(보관)해 놓고 사용할 수 있는 함수. FIRST 또는 LAST와 함께 쓰인다. ex) 부서별로 가장 높은 급여를 받는 사람을 구하고 싶을때 => 부서별로 GROUP BY 후 MAX로 값을 추출하면 된다. 이때 추가적으로 ex) 부서별로 가장 오래 근무한 사람의 급여를 알고 싶을때 => 입사일 기준으로 추출 후 급여를 알아야 하므로 서브 쿼리등의 방법을 사용해야 하는데 keep 함수를 이용해 간단히 해결할 수 있다. SELECT DEPTNO , MIN(SAL) KEEP ( DENSE_RANK FIRST ORDER BY HIREDATE ) AS JOIN_FIRST_SAL , MAX(SAL) KEEP ( DENSE_RANK LAST ORDER BY HIREDATE ) AS ..
Development/DB 2021. 7. 11. 22:53

원시타입과 참조타입

자바에서 숫자를 다루기 위한 타입에는 원시타입(primitive type), 참조타입(reference type)이 있다. 원시타입 : int, long, boolean 등 참조타입: Integer, Long, Boolean 등 현재의 자바는 오토박싱, 언박싱이 잘 되어 있어서, 개발자 입장에서는 원시 타입과 참조 타입을 같이 사용해도 문제는 없다. 하지만, 오토박싱은 메모리 누수의 원인이 될 수 있다. // 오토박싱, 언박싱으로 컴파일 에러가 뜨지 않는다. int i = Integer.valueOf(1); Integer integer = i; 원시타입과 참조타입의 기능적 특징 1. Null 사용 여부 //원시타입은 null을 담을 수 없지만, 참조타입은 가능 int i = null;//불가능 Integ..
Development/JAVA 2021. 7. 11. 20:11

H2DB 셋팅

H2DB 설치 및 셋팅 H2DB는 RDMBS(관계형 데이터 베이스)이다. oracle, mysql 등 과는 다르게 인메모리 데이터 베이스이다. 설치 링크 www.h2database.com/ H2 Database Engine (redirect) H2 Database Engine Welcome to H2, the free SQL database. The main feature of H2 are: It is free to use for everybody, source code is included Written in Java, but also available as native executable JDBC and (partial) ODBC API Embedded and client/server mo www.h..
Development/SETTING 2021. 7. 8. 17:43

[5] 스프링 데이터 JPA

1. 공통 인터페이스 설정 //DataJpaApplication.java @SpringBootApplication //@EnableJpaRepositories(basePackages = "jpabook.jpashop.repository") public class DataJpaApplication { public static void main(String[] args) { SpringApplication.run(DataJpaApplication.class, args); } } 위와 같이 @EnableJpaRepositories(basePackages = "jpabook.jpashop.repository") 속성을 넣어 줘야 했지만, Spring boot에서는 별도로 repository 위치를 지정해주지 않..
Development/JPA 2021. 7. 8. 16:46

[4] JPA 활용2 강의 내용 [2/2]

템플릿 엔진 사용한 랜더링 컨트롤러 방식이 아닌 api 스타일의 컨트롤 방식 (@RequestBody @Valid Member memeber) : json으로 온 body를 Member에 매핑하여 넣어준다. 입력 예제 코드 @RestController //@Controller + @ResponseBody @RequiredArgsConstructor public class MemberApiController { private final MemberService memberService; @PostMapping("/api/v1/members") // api와 엔티티를 1:1 매핑하지 말고 api 스팩을 위한 별도의 dto를 만들어 사용할 것 // 아래는 api와 Memeber엔티티가 1:1 매핑되는 방식 사..
Development/JPA 2021. 6. 17. 20:09

[2] 자바 ORM 표준 JPA 프로그래밍 - 기본편(객체지향 쿼리) [2/2]

JPQL(Java Persistence Query Language) - JPA를 사용하면 엔티티 객체를 중심으로 개발 - 문제는 검색 쿼리 - 검색을 할 때도 테이블이 아닌 엔티티 객체를 대상으로 검색 - JPA는 SQL을 추상화한 JPQL이라는 객체 지향 쿼리 언어 제공 - SQL과 문법 유사, SELECT, FROM ,WHERE ,GROUP BY, HAVING, JOIN 지원 - JPQL은 엔티티 객체를 대상으로 쿼리 - SQL은 데이터베이스 테이블을 대상으로 쿼리 - 테이블이 아닌 객체를 대상으로 검색하는 객체 지향 쿼리 - SQL을 추상화해서 특정 데이터베이스 SQL에 의존X - JPQL을 한마디로 정의하면 객체 지향 SQL 사용코드 List result = em.createQuery("selec..
Development/JPA 2021. 5. 20. 20:47

계층형 쿼리

위의 문제를 보고 풀어보면 1. START WITH C2 IS NULL => C2가 NULL 값인 것부터 시작 한다 2. CONNECT BY PRIOR(이전) C1=C2 => 이전에 나온 값에서 C1=C2인 것을 찾는다 C1 C2 C3 1 NULL A 2 1 B 3 1 C 3. ORDER SIBLINGS BY C3 DESC => 위의 값에서 C3을 내림차순으로 정렬한다 C1 C2 C3 1 NULL A 3 1 C 2 1 B 4. 다시 CONNECT BY PRIOR(이전) C1=C2 => 이전 로우를 보면 C1은 2이기 때문에 C2도 2를 찾는다. C1 C2 C3 1 NULL A 3 1 C 2 1 B 4 2 D 참고 영상 => SQL전문가 정미나 youtube
Development/DB 2021. 5. 9. 22:17

[1] 자바 ORM 표준 JPA 프로그래밍 - 기본편 [1/2]

JPA 사용 이유 - SQL 중심적인 개발에서 객체 중심으로 개발 - 생산성 - 유지보수 - 패러다임의 불일치 해결 - 성능 - 데이터 접근 추상화와 벤더 독립성 - 표준 생산성 JPA에서의 CRUD 저장 : jpa.persist(member) 조회 : Member member = jpa.find(memberId) 수정 : member.setName("변경할 이름") 삭제 : jpa.remove(member) 중요! 단순 조회가 아닌 JPA의 모든 데이터 변경은 트랜잭션 안에서 실행!! JPQL - 테이블이 아닌 객체를 대상으로 검색하는 객체 지향 쿼리 - SQL을 추상화해서 특정 데이터베이스 SQL에 의존X - JPQL을 한마디로 정의하면 객체 지향 SQL JPA의 핵심 2가지 1. 객체와 관계형 데이..
Development/JPA 2021. 5. 4. 21:19
◀ 1 2 3 4 5 ▶
반응형
loading

티스토리툴바