일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
- CS
- 배열
- 리뷰
- c
- 지식나눔강좌
- doit코틀린프로그래밍
- 함수
- 알고리즘
- 연산자
- 티스토리
- Tips프로그래밍강좌
- 프로그래밍
- 포인터
- Kotlin
- 문법
- Direct2D
- Tips강좌
- Programming
- tipssoft
- Javascript
- Desktop
- Windows
- c#
- 백준
- Win32
- c++
- 김성엽
- 이지스퍼블리싱
- VS ERROR
- Visual Studio
- Yesterday
- Today
- Total
목록DEV WEB/HTML CSS JS (17)
F.R.I.D.A.Y.
티스토리 접은글 제목 정하기 : 01 몇 달 전에 티스토리의 에디터가 새로이 개편되며 불필요한 기능들이 사라지고 새로운 기능은 추가되어 돌아왔습니다. 그러나 예나 지금이나 필요한 것이 하나 있으니, 그것은 바로 접은글 기능입니다. 이 접은글.. pang2h.tistory.com 이전 포스트에서 이어 작성하는 글입니다. 더보기 # tmlTitle.js를 소개합니다. 해당 기능을 이용할 수 있는 tmlTitle.js 스크립트를 소개합니다. 아래 링크를 클릭해 확인할 수 있습니다. 당신의 글쓰기를 더욱 다채롭게 글쓰기를 사랑하는 많은 티스토리 여러분, 안녕하세요. 당신의 글쓰기를 더욱 다채롭게 해줄 프로그램 하나를 소개합니다. 좋은 티스토리, 그러나 불편한 글쓰기 티스토리는 간단한 글을 작 pang2h.tis..
몇 달 전에 티스토리의 에디터가 새로이 개편되며 불필요한 기능들이 사라지고 새로운 기능은 추가되어 돌아왔습니다. 그러나 예나 지금이나 필요한 것이 하나 있으니, 그것은 바로 접은글 기능입니다. 이 접은글 기능은 문서 내에서, 필요에 의해 특정 문장을 바로 보지 못하도록 감춰둘 때 사용하는 기능입니다. 옛날에는 접힌 상태에 따른 표시 스타일을 변경할 수 있었습니다. 에디터 개편이 이루어지고 나선 이런 기능이 사라졌습니다. 더보기 # tmlTitle.js를 소개합니다. 해당 기능을 이용할 수 있는 tmlTitle.js 스크립트를 소개합니다. 아래 링크를 클릭해 확인할 수 있습니다. 당신의 글쓰기를 더욱 다채롭게 글쓰기를 사랑하는 많은 티스토리 여러분, 안녕하세요. 당신의 글쓰기를 더욱 다채롭게 해줄 프로그램..
이런 식으로 이미지, 혹은 내부 요소를 구성하는 방법이 필요해서 검색 좀 해봤습니다. 개인적으로 몇몇과 함께 하고 있는 프로젝트에서 갤러리 레이아웃이 필요해서요. 이 스타일로 페이지를 구성할 때는 브라우저가 이 스타일을 지원하는지 확인하세요. grid grid 속성 지원 브라우저. MDN developer.mozilla.org part1. HTML CSS 검색을 통해 CSS 디스플레이 속성으로 grid 가 있는 것을 발견했습니다. 이번 포스트에서는 이 grid 속성을 이용할겁니다. 이번 포스트에서는 속성에 대한 설명은 없습니다. 블럭 레이아웃을 구성하는게 목적이기 때문이죠. HTML의 기본 구조는 다음과 같습니다. 여기에 css로 div.grid의 크기를 정해주도록 합니다. 단, 내부 요소의 개수는 몇개..
ES6에서 사용 가능한 모듈타입의 AJAX를 구현해봤는데 메인 언어가 아닌데다 프로토타입이라 모든 메소드 구현 및 정형화 되지 않음. export class ajax{ /* * ajax with vanilla JS * * */ constructor(param){ if(param == null){ console.error(`ajax: not param`); return; } let reqItemList = [ "url", "data", "method", "success" ]; let errorThrow = false; for(let i =0; i < reqItemList.length;++i){ if(!(reqItemList[i] in param)){ console.error(`ajax error : ${r..
자바스크립트가 ES6로 업데이트 되면서 나온 기능으로 문자열에서 변수명을 사용할 수 있도록 하는 기능이 추가되었다. 다른 프로그래밍 언어에서는 이미 지원이 되는 경우도 있으며(VB.Net, C# 등) 이름은 다르다. 깊이 들어가지 않더라도 이런 기능들을 많이 알고 있으면 프로그래밍에 있어 도움이나 편의성이 향상되니 찾아보는 것도 좋겠다. 일단 JS 기준으로 설명을 하면 JS에서는 템플릿 리터럴을 사용하기 위해서는 " ` " 로 문자열을 작성해야한다. 키보드 ESC 키 밑에 존재하는(shift 키와 함께 누르면 물결표 ~ 가 나오는 키) 키로 묶어준 문자열에서만 사용이 가능하다. 기존 js 코드에서는 이런식으로 작성했다면, var t1,t2; t1 = 3; t2 = 6; console.log("t1 = "..