본문 바로가기
반응형

프로그래밍38

[SQL] 게시판 상세화면에서 이전글 다음글 구현 쿼리 최근에 게시물 관련 웹개발을 진행하면서 게시글의 상세화면에서 하단부에 이전글, 다음글을 노출시켜 개발을 진행하게 되어 진행한 방법을 공유합니다. 우선 선택한 게시글 기준으로 이전글, 이후글을 상세화면에서 데이터로 갖게 되면 되기에 lead, lag 함수를 이용해서 조회했습니다. 데이터는 다음과 같이 목업데이터로 type이 먹방, 여행 두가지 타입중에 각각 타입별 이전글, 이후글을 노출해야합니다.  seq 3 인 먹방 타이틀2 제목의 이전글  = seq 1 / 먹방 타이틀 1 이후글 = seq 4 / 먹방타이틀 3 with DUAL as ( select 1 as seq, '먹방 타이틀1' as title, 'eating' as type union ALL select 2 as seq, '여행 타이틀1' as.. 2025. 1. 14.
[react] Toast-Ui-Editor (tui에디터) Viewer/Editor에서 유튜브 썸네일 삽입하기 1. Editor 컴포넌트에 customHTMLRenderer 속성 추가해당 속성은 iframe 태그를 입력할 수 있게 해준다. 미리보기 선택시  Editor에서는 미리보기로 썸네일 노출이 가능한대 아직 Viewer에서는 썸네일이 보이지 않는다 2. Viewer 유튜브 표시방법Viewer 태그를 호출하는 화면으로 가서 기존에는 아래와 같이 설정되어있었는데customHTMLRenderer 속성을 아래와 같이 추가해준다.  * Viewer에서도 썸네일 노출 2025. 1. 8.
[TypeScript] 타입스크립트 기본타입 # 타입스크립트 기본 타입  1. 문자열 let car:string = 'audi'; 2.숫자let age:number = 10;  3. boolean typelet isAdult:boolean = false;  4. 배열 숫자 배열let a:number[] = [1,2,3]; let a2:Array = [1,2,3]; 문자열 배열 let week1:String[] = ['mon', 'tue', 'wed']; let week2:Array = ['mon', 'tue', 'wed'];  5. 튜플 (인덱스별로 타입이 다를때) let b:[string, number]; b = ['z', 1]; // OK// b = [1, 'z'] // err  6. void, never void function sayHell.. 2024. 12. 8.
[TypeScript] 타입스크립트란 ? #타입스크립트란 ? 타입스크립트란 자바스크립트 문법에 Type을 선언한 언어로 자바스크립트의 확장 언어입니다.  #타입스크립트를 왜 사용할까? 기존 JS로 add 펑션을 하나 만들어보면  // JSfunction add(num1, num2) { console.log(num1 + num2);} add() ;                      --> NaNadd(1);                     --> NaNadd(1,2);                  --> 3 add(3,4,5);               --> 7add('hello', ' world'); --> "hello world" 원하는 방식으로 함수를 사용하지 않아도 JS는 어떠한 오류도 발생시키지 않고 실행을 시킨다.  자바스크.. 2024. 12. 8.
반응형

티스토리툴바