F.R.I.D.A.Y.

tmlTitle.js의 두 번째 기능을 가져왔습니다! 두 번째 기능은 목차를 자동으로 생성해줍니다.더보기 # tmlTitle.js를 소개합니다. 해당 기능을 이용할 수 있는 tmlTitle.js 스크립트를 소개합니다. 아래 링크를 클릭해 확인할 수 있습니다. 당신의 글쓰기를 더욱 다채롭게 글쓰기를 사랑하는 많은 티스토리 여러분, 안녕하세요. 당신의 글쓰기를 더욱 다채롭게 해줄 프로그램 하나를 소개합니다. 좋은 티스토리, 그러나 불편한 글쓰기 티스토리는 간단한 글을 작 pang2h.tistory.com 다운로드 mijien0179/tmlTitle.js 티스토리 접은글 플러그인. Contribute to mijien0179/tmlTitle.js development by creating an account ..

티스토리의 에디터가 업데이트된 지 수 개월이 흘렀습니다. 이전에도 존재했지만, 현재에는 그 기능이 조금 다르게 출시된 서비스가 존재하니, 그것이 바로 접은글 기능입니다. 이전 접은글 기능은 글의 펼쳐짐 상태에 따라 제목을 달리 정할 수 있었습니다. 그러나 새로워진 에디터는 이것이 불가능합니다. 불가능한 자세한 내용은 이 포스트를 참고하세요. 아무튼, 이런 불편을 조금이라도 줄이고자 만든 스크립트를 소개하고자 포스트를 작성합니다.더보기 # tmlTitle.js를 소개합니다. 해당 기능을 이용할 수 있는 tmlTitle.js 스크립트를 소개합니다. 아래 링크를 클릭해 확인할 수 있습니다. 당신의 글쓰기를 더욱 다채롭게 글쓰기를 사랑하는 많은 티스토리 여러분, 안녕하세요. 당신의 글쓰기를 더욱 다채롭게 해줄 ..

티스토리 접은글 제목 정하기 : 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..

최근 동아리 프론트엔드 개발을 담당하면서 시간을 많이 잡아먹다가 막바지 작업에 이르러서 이제 AJAX를 이용하려고 JS를 손대고 있는데 몇시간 전부터 역경이 찾아왔다. 일단 get으로 ajax가 제대로 동작하는지 확인해봤다. 참고 : ajax는 보안문제로 같은 도메인에 존재하는 곳으로만 request를 보낼 수 있다. function v(){ let xhr = new XMLHttpRequest(); xhr.open("get", `./phpTest/test.php`, true); xhr.onreadystatechange = function(){ if(xhr.readyState == 4 && xhr.status == 200){ alert(xhr.responseText); } } xhr.send(null); ..

자바스크립트가 ES6로 업데이트 되면서 나온 기능으로 문자열에서 변수명을 사용할 수 있도록 하는 기능이 추가되었다. 다른 프로그래밍 언어에서는 이미 지원이 되는 경우도 있으며(VB.Net, C# 등) 이름은 다르다. 깊이 들어가지 않더라도 이런 기능들을 많이 알고 있으면 프로그래밍에 있어 도움이나 편의성이 향상되니 찾아보는 것도 좋겠다. 일단 JS 기준으로 설명을 하면 JS에서는 템플릿 리터럴을 사용하기 위해서는 " ` " 로 문자열을 작성해야한다. 키보드 ESC 키 밑에 존재하는(shift 키와 함께 누르면 물결표 ~ 가 나오는 키) 키로 묶어준 문자열에서만 사용이 가능하다. 기존 js 코드에서는 이런식으로 작성했다면, var t1,t2; t1 = 3; t2 = 6; console.log("t1 = "..

사진처럼 문제를 올리다가 보니 글목록에 코드가 좌르륵 뜨는 것을 생각해봤다. 문제 풀러 오는 사람들에게 답을 노출하는 것과 비슷한 것 같아 자바스크립트로 코드를 삭제하는 걸 생각해봤다.