티스토리

effortDev
검색하기

블로그 홈

effortDev

shlee0882.tistory.com/m

step by step

구독자
21
방명록 방문하기

주요 글 목록

  • Reactjs, Tailwindcss 토이 퀴즈 앱 만들기 해당 토이 프로젝트는 아래와 같은 기술을 사용할 것이다. - Reactjs, Typescript, Tailwindcss - Opentdb API(퀴즈 API) - Google Cloud Translation API 먼저 프로젝트를 구성해보자. 1. 아래 명령어를 입력한다. HTML 삽입 미리보기할 수 없는 소스 2. 서버가 정상적으로 뜨는지 확인한다. 3. tailwind css를 적용해보자. https://tailwindcss.com/docs/guides/create-react-app Install Tailwind CSS with Create React App - Tailwind CSS Setting up Tailwind CSS in a Create React App project. tailwindcs.. 공감수 0 댓글수 2 2023. 8. 2.
  • NestJs 토이 프로젝트 구성해보기 - 2 Swagger 설정, Google Cloud MySQL 설정을 완료했으니 1. 구글 로그인 사용을 위해 아래 노드 패키지를 설치해준다. HTML 삽입 미리보기할 수 없는 소스 2. src 하위에 auth 폴더를 만들어준다. auth 폴더 하위에 cotroller, service, module 을 만들어준다. 2.1. auth.contoller.ts 생성 // auth.controller.ts import { Controller, Get, UseGuards, Req } from '@nestjs/common'; import { AuthGuard } from '@nestjs/passport'; import { ApiOperation, ApiResponse, ApiTags } from '@nestjs/swagg.. 공감수 1 댓글수 0 2023. 7. 16.
  • NestJs 토이 프로젝트 구성해보기 - 1 NestJS는 백엔드 서버 사이드 애플리케이션을 구축하기 위한 프레임워크이다. 고양이 그림이 귀여워서 공부해보았다. 1. nestjs/cli 를 전역으로 설치해준다. HTML 삽입 미리보기할 수 없는 소스 2. 적절한 위치에서 nestjs 프로젝트를 생성해준다. 3. vsc 를 실행하면 다음과 같은 구조가 보일것이다. NestJS는 모듈, 서비스, 컨트롤러라는 개념을 사용해 코드를 구조화한다. 4. 서버를 실행하면 Hello World 가 나오게 된다. 5. 모듈, 서비스, 컨트롤러라는 개념을 적용해 확장 구현해보자. 아래 cmd를 이용해 task subject에 대한 service, controller, module을 생성해준다. HTML 삽입 미리보기할 수 없는 소스 src 하위로 디렉토리가 생성된다.. 공감수 1 댓글수 2 2023. 7. 16.
  • ReactJs, TypeScript, Vite 휴가 추천 토이 프로젝트 ReactJs, TypeScript, Vite를 사용해휴가(연차)를 효율적으로 사용할 수 있게 추천해주는 [휴가 추천 토이 프로젝트]를 만들어보았다. 이번 프로젝트는 TypeScript와 React를 학습하는 것에 포커스를 두었다. TypeScript는 (변수 : 타입 ) 형태로 구성되어 있다. 매개변수 Object의 타입을 알고있다면 Object안에 속한 속성을 빠르게 찾아 접근가능하며 타입을 제한하여 메소드의 진입을 막을수 있다. 문제는 API를 만드는 백엔드가 주도권을 갖고 있으므로 프론트는 받아서 사용하는 주체이므로 API가 구조적으로 변경되거나 타입을 모를때 지정하고 싶지 않을때가 발생된다. 이때는 any로 받아버리면 된다. 아래는 DateType이라는 Object를 정의한것이다. Java에서는.. 공감수 0 댓글수 2 2023. 6. 10.
  • mybatis에서 enum type handler 사용하기 model에 enum type을 넣고 mybatis에서 아래 테이블의 data를 받아오려고 한다. enum은 여러 형태를 가질 수 있다. 아래와 같이 그냥 단건의 데이터만 지정하여 만드는 경우가 있을 수 있고 db에 쌓이는 데이터유형이 숫자( 1_VERSION, 2_VERSION )나 특수문자로 시작할 경우 enum을 아래와 같이 인자를 2개씩 갖게 지정될 수 있다. 그럴경우 여러 형태의 enum 데이터를 바인딩 하지 못해 아래와 같은 오류가 발생 할 수 있다. Caused by: org.apache.ibatis.executor.result.ResultMapException: Error attempting to get column '' from result set. Caused by: java.lang... 공감수 2 댓글수 3 2021. 3. 7.
  • 여러개의 이미지를(N) to 한개 이미지(1) gif 효과 만들기 프로젝트에서 이미지 api에서 받아온 이미지 url로 이미지 파일 N개 혹은 이미지 파일 1개를 같은 width, height 값으로 N개 분할하여 이미지 N개를 1개의 연결된 gif 이미지로 보여주려는 작업요건이 필요했다. 그래서 일단 해당 요건을 테스트 해보기 위해 테스트 소스를 작성해보았다. codepen.io/shlee0882/pen/QWGmJbm 이미지 gif 효과 만들기 ... codepen.io 위 소스는 캔버스를 이용해 특정영역을 잡고 이미지 데이터 주소를 획득하여 배열에 넣은 다음 마우스 hover시 이미지 정보가 담긴 배열을 0.5초 간격으로 번갈아 가며 보여주며 마우스 out시는 반복을 멈추는 소스코드이다. 그럼 이 코드로 기본검증이 끝났으므로 응용하여 gif를 생성하는 라이브러리를 .. 공감수 1 댓글수 0 2021. 3. 7.
  • image url canvas 조작하기, CORS policy origin exception 회피하기 www.google.com/images/branding/googlelogo/1x/googlelogo_color_272x92dp.png 위 이미지는 구글 웹페이지 메인에 로고이다. 위 이미지의 url이 노출된 상태에서 js에서 해당 이미지url로 image 생성자에 담아 localhost로 해당 이미지를 조작 및 변경 처리를 시도 하면 아래와 같이 CORS policy: No 'Access-Control-Allow-Origin 오류가 발생한다. CORS를 통하지 않고, 다른 origin으로 부터 가져온 이미지를 canvas를 통해 이미지를 자르고 조작 시 원본데이터가 오염 및 안전하지 않다고 판단하여 js에서 origin exception이 발생한 것이다. developer.mozilla.org/ko/do.. 공감수 4 댓글수 0 2021. 2. 14.
  • Could not autowire. No beans of type found. error 해결 component로 등록된 것은 @SpringBootApplication 어노테이션을 통해 componentscan을 한다고 한다. docs.spring.io/spring-boot/docs/current/reference/html/using-spring-boot.html#using-boot-using-springbootapplication-annotation Using Spring Boot This section goes into more detail about how you should use Spring Boot. It covers topics such as build systems, auto-configuration, and how to run your applications. We also cov.. 공감수 5 댓글수 1 2021. 2. 14.
  • spring boot swagger 적용하기 spring boot 테스트 프로젝트로 swagger를 적용해보았다. 1. gradle에 해당 springfox-swagger를 명시해준다. swagger2, swagger-ui, swagger-annotations, swagger-models를 받아주는데 해당 정보는 mvn repository에서 확인할 수 있다. mvnrepository.com/artifact/io.springfox/springfox-swagger2/2.9.2 mvnrepository.com/artifact/io.springfox/springfox-swagger-ui/2.9.2 mvnrepository.com/artifact/io.swagger/swagger-annotations/1.5.21 mvnrepository.com/artif.. 공감수 0 댓글수 0 2021. 2. 14.
  • Caused by: java.sql.SQLException: Access denied for user 'root'@'localhost' (using password: YES) 해결하기 최근 스프링 부트 기본 설정을 테스트로 잡아보면서 작업하는데 DB 비밀번호를 간단하게 설정(숫자 0882) 하여 application.yml 파일을 작성하였더니 해당 오류가 발생하였다. 패스워드는 대문자, 소문자, 숫자, 특수문자를 포함한 암호 길이 8자 이상으로 설정해야 한다고 한다. 그래서 아래와 같이 패스워드를 조합하여 설정하였더니 해당 오류가 발생하지 않았다. 또한 스프링 2.3.x 버전에서는 application-local.yml profile을 local application-dev.yml profile은 dev application-prd.yml profile을 prd로 파일단위별로 관리하여 해당하는 active profiles가 무엇인지 설정한 뒤 실행하였다. 2.4.x 버전 부터 prof.. 공감수 0 댓글수 6 2021. 2. 14.
  • 구글 검색엔진 API, Node js, Vue js를 사용하여 이미지 크롤링하기 - 2 프론트에 Vuejs를 사용해 사용자가 키워드를 넣어 크롤링 할수 있게 구현해보려고 한다. 이미 Vuejs 기본셋팅하는 방법을 포스팅한 적이 있다. https://shlee0882.tistory.com/282?category=903333 해당 포스팅을 참고하여 Vuejs 프로젝트 생성하고 온다. 검색 엔진 ID와 API_KEY를 gitignore에 추가하기 위해 따로 API_DATA.js 파일을 뺐다. Home.vue에는 구글키워드 이미지 크롤링 텍스트와 ImageList 컴포넌트를 갖고 있다. 사용한 오픈소스는 파싱을 위한 url, js를 쉽게 쓸수 있게 도와주는 jquery, 이미지 get을 위한 axios zip파일 생성 및 체크를 위한 JSZip, JSZipUtils 을 사용했다. 구글이미지를 크롤.. 공감수 0 댓글수 2 2020. 10. 18.
  • 구글 검색엔진 API, Node js, Vue js를 사용하여 이미지 크롤링하기 - 1 구글 검색엔진 API, Node js, Vue js를 활용하여 간단하게 이미지 크롤링하는 프로젝트를 만들어 보려고 한다. 본인은 구글 이미지를 크롤링 할 수 있는 오픈소스가 있는지 검색하였고github에서 google-images라는 오픈소스를 발견하여 npm을 이용하여 해당 오픈소스를 설치하여 활용하였다. 1. 일단 제일 먼저 Nodejs프로젝트를 생성해보자. 폴더를 하나 만들고 cmd에서 해당폴더의 경로로 이동 후 npm init을 한다. 그럼 package.json이 생성되고 해당 폴더경로로 VSC(visual studio code)로 오픈한다. 2. VSC에서 TERMINAL창을 열고 해당 위치에서 필요한 package를 설치한다. 3. 구글 커스텀 검색 엔진을 생성한다. https://cse.g.. 공감수 0 댓글수 4 2020. 10. 18.
  • Vue js와 Node js 사용해보기 - 핵심 2 Vue js와 Node js 사용해보기 - 핵심 1 을 이어서 내용을 진행하겠다.1편 ( https://shlee0882.tistory.com/282?category=797808 ) visual studio code를 실행하여 2개의 파일을 수정할 것이다. 1. src/views/Home.vue [Home.vue] 17라인에 HelloWorld를 다시 21라인에서 hello-world 컴포넌트로 재정의한다.3라인에 hello-world 태그로 들어가고 HelloWorld.vue 파일에바인딩 될 데이터를 셋팅해주고 있다 23라인에 초기 데이터를 선언 및 초기화해주고30라인에서는 계산된 결과값을 가져오고35라인에서는 뷰가 생성될때 시작되는 함수이다. 2. src/components/HelloWorld.vue.. 공감수 1 댓글수 0 2020. 9. 27.
  • Vue js와 Node js 사용해보기 - 핵심 1 vue js와 node js를 활용하여 vue js의 핵심 개념을 정리해 보려고 한다. 1. nodejs를 설치 https://nodejs.org/ko/download/ 2. node js 프로젝트 생성 node js 프로젝트 폴더 생성 한다.본인은 vueJs_nodeJs 라는 폴더로 생성하였다.cmd로 생성한 프로젝트 경로로 진입한다. 아래 명령어를 입력하여 설치한다. 1npm install -g @vue/clics 위와 같이 설치가 완료되면 아래 명령어를 입력한다. 1vue create clientcs 위와 같이 명령어를 치면 선택할수 있는 항목이 주어진다.Vue 버전을 선택할수도 있고 직접 커스텀하게 설정할 수 도 있다.Manually select features 선택한다. 스페이스를 눌러 Babe.. 공감수 2 댓글수 0 2020. 9. 27.
  • Git 커밋 조작하기, 히스토리 조작, 잔디밭 조작하기 Git 커밋 조작하기, 히스토리 조작, 잔디밭 조작하기 1일 1커밋을 놓쳤을때 잔디밭이 비게 되는데 비어있는 잔디밭에 색깔을 칠해보자. 비어있는 잔디는 git 커밋 히스토리의 날짜 조작을 통해 과거의 커밋을 한 것처럼 조작 할 수 있다. 1. 먼저 새로운 git-history를 조작할 테스트 repository를 만든다. 2. Git Bash를 열고 로컬 repository와 연결된 위치로 이동한다. 3. git log로 커밋한 내용을 확인한다. 1git logcs commit 다음 나오는 문자열(7dc220b~로 시작하는) 해쉬값을 복사한다. 4. git commit 기록을 수정하는 첫번째 방법은 git 필터링을 활용하는 방법이다. 123456git filter-branch --env-filter \ .. 공감수 4 댓글수 0 2020. 8. 17.
  • 모던 자바 인 액션 - 스트림 1. SQL 쿼리를 자바로 표현하기 SQL 질의 언어에서 조건절을 작성하여 칼로리가 400 이하인 음식의 이름을 아래 쿼리처럼 뽑을 수 있다. 1234SELECT a.name FROM DISHES a WHERE a.calorie a.getCalories() a.getCalories() > 300) // 중간 연산 .map(Dish::getName) // 중간 연산 .limit(3) // 중간 연산 .collect(Collectors.toList()); // 최종 연산 return list;}Colored by Color Scriptercs filter, map, limit는 서로 연결되어 파이프라인을 형성하고 collect로 파이프라인을 실행한 다음에 담게 된다.중간 연산의 중요한 특징은 단말 연산을 스.. 공감수 1 댓글수 0 2020. 8. 2.
  • 모던 자바 인 액션 파트1 - 동작 파라미터화 코드 전달하기 자바8은 간결한 코드, 멀티코어 프로세서의 쉬울 활용 이라는 두가지 요구사항을 기반으로 한다. 1. 스트림 처리 스트림이란 한번에 한개씩 만들어지는 연속적인 데이터 항목들의 모임이다. java.util.stream 패키지에 스트림 api 추가되었다.반복되는 패턴으로 주어진 조건에 따라 - 데이터를 필터링(무게가 100 이상인 사과만)- 데이터를 추출(사과 무게 필드 추출)- 데이터를 그룹화(초록색 사과와 빨간색 사과로 그룹화) 컬렉션을 필터링하는 가장 빠른방법은컬렉션을 스트림으로 바꾸고 병렬로 처리 후 리스트로 다시 복원한다. 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152impor.. 공감수 0 댓글수 4 2020. 7. 26.
  • anaconda3 jupyter notebood 윈도우 백그라운드 실행하기 윈도우 10 에서 anaconda3의 jupyter notebook을 사용하는데 콘솔화면으로 실행되는 것이 바탕화면에 걸리적거려 백그라운드에서 실행되게 설정하는 방법을 검색했다. anaconda navigator를 사용해 launch행동으로 jupyter notebook을 백그라운드로 실행되게 만들수 있었다. 공감수 0 댓글수 0 2020. 6. 13.
  • jupyter notebook 설치 및 외부접속(ubunutu linux 18.04, GCP 사용) 파이썬 디버깅이 쉬운 쥬피터 노트북을 구글 GCP 서버를 이용 설치해보겠다. 1. GCP 인스턴스를 생성해준다. gcp는 지역마다 프리티어로 720시간 무료로 제공하는 region이 있다. 인스턴스 생성전에 무료 지역이 있는지 확인하자. 본인은 우분투 18.04 버전에 지역은 서울로 인스턴스는 가장작은 micro로 설정했다. 2. 생성된 인스턴스에 접속해본다. 3. 파이썬, 쥬피터 노트북 설치한다. 1234567# python3 pip 설치 $ sudo apt-get update $ sudo apt update$ sudo apt install python3-pip$ pip3 --versioncs 12345# 쥬피터 노트북 설치 $ sudo apt-get install jupyter-notebook$ ju.. 공감수 1 댓글수 2 2020. 6. 13.
  • 파이썬으로 해쉬테이블 구현하기 1. 해쉬 테이블이란? - 키(Key)에 데이터(Value)를 저장하는 데이터 구조이다.- Key를 통해 바로 데이터를 받아올 수 있으므로, 속도가 매우 빨라진다.- 파이썬에서는 해쉬를 별도 구현할 이유가 없다. - 딕셔너리 타입을 사용하면 된다. - 해쉬는 임의값을 고정길이로 변환하는 것이다.- 해쉬 테이블은 해쉬값 또는 해쉬주소와 슬롯을 갖고 있는 데이터 구조이다.- 해싱 함수는 key값을 넣으면 해쉬주소가 나오는 함수다. 2. 해쉬테이블 체이닝 기법( Chaining ) 123456789101112131415161718192021222324252627282930313233# 체이닝 기법 hash_table = list([0 for i in range(10)]) def get_key(data): re.. 공감수 0 댓글수 0 2020. 6. 8.
  • 파이썬으로 링크드 리스트 구현하기 1. 링크드 리스트란? - 배열의 단점을 극복하기 위해 만들어짐- 배열은 미리 메모리 사이즈를 할당하고 사용해야 함- 메모리할당을 미리예약하지않고 필요할때마다 데이터를 추가추가할수 있는 구조- 데이터 + next 데이터를 가르킬 주소를 하나의 데이터라고 보면 된다.- 그런테 이것을 데이터라고 부를수 없어 데이터와 주소를 하나로 부르는 것을 노드라고 한다.- 다음 데이터를 가르킬 주소라고 하기도 하지만 포인터라고 얘기한다. 링크드 리스트는 노드와 노드의 연결이다.노드는 데이터와 다음 노드의 연결정보를 갖는 공간이다. 2. 링크드 리스트 구현 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051.. 공감수 0 댓글수 0 2020. 6. 8.
  • 파이썬 시간복잡도 이해하기 알고리즘 시간복잡도가 필요한 이유는하나의 문제를 푸는데 알고리즘이 다양할 수 있다.복잡도를 통해 효율적인 알고리즘을 구현할 수 있다. - 시간복잡도 : 알고리즘 실행속도를 말한다.- 공간 복잡도 : 알고리즘이 사용하는 메모리 사이즈를 말한다. - 시간복잡도는 반복문이 여러개 생길경우 많이 발생한다. 시간복잡도는 빅오 표기법을 사용한다. O(1) < O( 𝑙𝑜𝑔𝑛 ) < O(n) < O(n 𝑙𝑜𝑔𝑛 ) < O( 𝑛2 ) < O( 2𝑛 ) < O(n!) 1. O(n)의 시간복잡도를 가지는 1부터 n까지의 합을 구하는 알고리즘 123456789101112# 1부터 n까지의 합을 구하는 알고리즘1 def sum_all(n): total = 0 for num in range(1, n + 1): total += n.. 공감수 0 댓글수 0 2020. 6. 8.
  • 파이썬으로 큐 구현하기 큐는 줄을 서는 행위와 유사하다.가장 먼저 넣은 데이터를 가장 먼저 꺼내는 구조이다. 매표소에서 티켓을 구매할때 가장 먼저 줄을 선 사람이 먼저 티켓을 살수 있는 것이다.FIFO (First In First Out) 정책을 사용한다. 1. 내장함수 큐를 사용하여 구현하기 123456789101112# 내장 함수 queue를 사용하여 구현import queue q = queue.Queue() q.put("a")q.put("b")q.put("c") q.qsize() # 3q.get() # 'a'q.qsize() # 2cs 맨 처음에 들어간 데이터가 먼저 나온다. 2. LifoQueue()로 큐 만들기 1234567891011# 내장 함수 queue를 사용하여 # Last in First Out Queue 구.. 공감수 0 댓글수 0 2020. 6. 8.
  • 파이썬으로 스택 구현하기 스택은 배열을 활용해 배열의 맨 뒤에 있는 데이터를 빼고 맨뒤에 데이터를 추가하면 되는 간단한 개념이다. LIFO 마지막에 넣은 데이터를 가장 먼저 추출하는 데이터 관리 정책을 사용한다. 1. 내장 pop 함수 사용하기 12345678# 스택 push pop 구현하기1stack = list()stack.append(1)stack.append(2) print(stack) # [1, 2]stack.pop() # 2print(stack) # [1]cs 2. push와 pop 메소드 구현하기 123456789101112131415161718# 스택 push pop 구현하기2 stack_list = list() def push(data): stack_list.append(data) def pop(): data =.. 공감수 0 댓글수 0 2020. 6. 8.
  • 크론탭 스케줄링사용하여 github auto commit push 자동 잔디밭 만들기 github 잔디밭을 매일 만들어보자. (매일 파일이 생성되는 개발일기장을 만들어보자) 매일 파일이 하나씩 자동생성하여 github에 commit, push하는 sh 파일을 만들고 crontab으로 스케줄링을 걸것이다. Github 자동 배포 설정하기 AWS EC2 Ubuntu Linux 18.04로 진행하였다. 1. git 설치 1234567$ sudo apt-get install git $ git --version $ git config --global user.name "shlee0882" $ git config --global user.email "shlee0882@gmail.com"cs 2. ssh key 생성 123456789$ ssh-keygen -t rsa -C "shlee0882@gmai.. 공감수 4 댓글수 1 2020. 6. 2.
  • window10 cmd에서 pip명령어 사용하기 1. 파이썬 설치 2. 파이썬 환경변수 추가해주기 C:\Users\sanghyun\AppData\Local\Programs\Python\Python38-32\Scripts 3. 관리자권한으로 cmd 다시켜기 4. pip 명령어 사용해보기 이제 pip 명령어를 이용해 윈도우에 필요한 도구들을 설치할 수 있게 되었다. 123$ pip install --upgrade pip setuptools $ pip install --upgrade httpiecs 공감수 2 댓글수 0 2020. 5. 6.
  • Intellij Cannot load supported formats: Cannot run program svn 해결방법 IntelliJ 에서 subversion을 사용해 소스를 내려받으려고 했는데 Cannot run program svn 오류가 발생하여 해당 내용을 정리하여 포스팅하려고 한다. 1. Subversion 1.8 다운로드 받는다.(https://www.visualsvn.com/downloads/) 2. IntelliJ SVN 경로 설정 다운받고 적당한 위치에 압축을 풀고 IntelliJ 설정 창으로 들어와 압축푼 경로의 \bin\svn.exe 를 붙여 D:\Apache-Subversion-1.13.0\bin\svn.exe 를 입력해주고 apply OK 해준다. IntelliJ를 재시작하여 svn repository가 잘 연결되었는지 확인해본다. 공감수 0 댓글수 0 2020. 4. 30.
  • spring 프로젝트 jenkins로 배포 관리 하기 (ubuntu linux 18.04) ubuntu linux 18.04에 spring 프로젝트를 jenkins로 배포 관리해보려고 한다. 1. jdk 설치 1234567$ sudo apt-get update $ sudo apt-get install openjdk-8-jdk$ sudo apt-get install openjdk-8-jre $ java -version$ javac -versioncs 2. 톰캣 설치 123456789101112-- download tomcat tar file$ wget https://archive.apache.org/dist/tomcat/tomcat-8/v8.5.53/bin/apache-tomcat-8.5.53.tar.gz -- unzipped tomcat tar file$ tar xvf apache-tomcat.. 공감수 2 댓글수 6 2020. 4. 15.
  • AWS EC2 하나로 운용하기, 서버 및 RDS 마이그레이션 작업 예전에 만든 스프링 기반 웹서비스를 AWS EC2, AWS RDS를 사용하여 운영하고 있었는데본인의 프리티어 기간도 종료되고 AWS EC2, AWS RDS 비용이 많이 나와 EC2를 가장 작은 서버로 옮기고 DB또한 EC2 안에서 구동하려고 서버와 db 마이그레이션을 하게 되어 그 과정을 포스팅 해보려고 한다. 가장 낮은 사양의 AWS EC2 t2.nano Ubuntu Server 18.04 LTS (HVM), SSD Volume Type 우분투 리눅스를 설치하였다.(더 자세한 정보 : https://shlee0882.tistory.com/180?category=777755) 서버의 보안그룹 설정은 다음과 같이 진행하였다.putty나 filezila에서 접속하기 위해 SSH 포트 22, 웹서비스를 구동하.. 공감수 0 댓글수 0 2020. 4. 5.
  • 오라클 column to row (컬럼의 데이터를 여러개의 row로 가져오기) - 컬럼을 여러개의 로우로 표현하기 테이블의 데이터를 보면 한 컬럼안의 구분자를 사용하여 여러개의 데이터를 저장하여 사용하는 테이블이 있다. 1SELECT '02,031,032' LIST_COL FROM DUALcs 1234│ LIST_COL ││───────────────││ 02,031,032 │└───────────────┘cs 현재 LIST_COL 컬럼에는 한 컬럼안에 데이터가 ,(콤마)로 구분되어 코드값이 저장되어 있다. 1개의 로우로 표현된 컬럼 값을 ,(콤마)로 데이터를 분리하여 여러개의 ROW로 표현해보겠다. 1. , (콤마)로 구분되어 코드값을 여러개의 ROW로 추출하기 1234 WITH LIST_TXT AS (SELECT '02,031,032' LIST_COL FROM DUAL) SEL.. 공감수 2 댓글수 0 2020. 2. 26.
    문의안내
    • 티스토리
    • 로그인
    • 고객센터

    티스토리는 카카오에서 사랑을 담아 만듭니다.

    © Kakao Corp.