PC Geek's

깔끔한 링크붙이는(paste) 단계가 아니라복사(copy)하는 단계에서 내용이 좀 다르게 들어가는 모양인데,이거 어떻게 했는지 모르겠네요. 신기합니다.  제 블로그에도 적용해보고 싶은데..  여담MS것이 깔끔해보이는데, 예를 들어 티스토리의 한글 URL이라든가 저런 나무위키 URL의 한글 링크는 티스토리 편집기에 붙여넣기하면 한글부분이 모두 16진수로 풀어쓰기돼서 붙여넣기되죠. 그게 그렇게 보기 좋지는 않습니다.(나중에 적는데, 다만 장점도 있어서, 해당 콘텐츠를 다시 "복붙"할 때, 하이퍼링크가 복사되지 않아도 링크 텍스트 자체가 URL이니 정보손실이 없습니다. 아래와 같은 html 문서의 title태그에 들어간 제목텍스트 형식일 때는 텍스트만 복사되면 URL이 손실되죠.) 코메디닷컴같은 의료신문은 주..

HTML이나 CSS사이트에도 비슷하게 하는 게 있지만 이건 자바스크립트위주. https://jsbin.com/ JS Bin Sample of the bin: jsbin.com 이런 식으로 쓸 수 있습니다.

자바스크립를 코딩단계에서 버그픽스하며 쓰는 개념? 핸드북을 읽다가 '그냥 좋은 IDE를 사용하는 게 낫지 않을까?', '에디터 프로그램에서 작성한 자바스크립트 코드의 버그체크용 외부프로그램으로 쓰면?' 이런 생각이 들기도 하지만, 엄청 유용한 모양이다. 자바스크립트는 이럴 때 그냥 지나가서 실행해가며 버그를 고치지만 타입스크립트는 미리 말해준다!라는 부분.. 간단한 웹사이트를 만들 때도 자바스크립트 코드를 해보고 고치고를 수없이 반복하던 게 바로 생각나니까. 당연히 저건 자바스크립트를 알아야 쓸 수 있으니까 https://www.google.com/search?q=javascript https://www.google.com/search?q=TypeScript https://docs.microsoft.co..

홈페이지 VISUALIZE CODE EXECUTION Learn Python, Java, C, C++, JavaScript, and Ruby https://pythontutor.com/ Python Tutor - Visualize Python, Java, C, C++, JavaScript, TypeScript, and Ruby code execution VISUALIZE CODE EXECUTION Learn Python, Java, C, C++, JavaScript, and Ruby Python Tutor helps people overcome a fundamental barrier to learning programming: understanding what happens as the computer ..

실행해보는 화면까지 띄워주는 좋은 튜토리얼 사이트가 너무너무 많음. 구글 검색: javascript 모질라의 웹 개발 페이지 https://developer.mozilla.org/ko/ 자바스크립트가 뭔가요? https://developer.mozilla.org/ko/docs/Learn/JavaScript/First_steps/What_is_JavaScript 마이크로소프트의 웹 개발 페이지 https://msdn.microsoft.com/ko-kr/library/aa155133.aspx TCP School.com 자바스크립트 http://tcpschool.com/javascript/intro w3schools.com 자바스크립트 https://www.w3schools.com/js/

구글 크롬에 내장돼 있는 개발자용 도구 매뉴얼/튜토리얼 웹페이지. Chrome DevTools는 Google Chrome에 내장되어있는 웹 저작 및 디버깅 도구셋입니다. DevTools를 이용하여 사이트를 반복하고, 디버깅하고, 프로파일링할 수 있습니다. https://developers.google.com/web/tools/chrome-devtools?hl=ko 한국어로 번역돼있는 웹페이지도 있고,아직 완전 영어인 웹페이지도 있습니다. 구글의 이런 교육웹사이트를 보면 저는 제일 먼저,이런 웹페이지를 만들고 싶더라고요. 그 내용을 배우기보다 먼저.. 글러먹었나.. ㅋㅋ 하여튼 크롬 웹브라우저에서 자바스크립트를 디버깅하는 방법을 설명한 부분: Chrome DevTools에서 자바스크립트 디버깅 시작하기Ka..

본받을 만한 티스토리 블로그 하나. 블로그 코딩도 잘 됐고, 레이아웃도 좋고, 내 블로그처럼 잡다하지 않다. 딱 용도에 마춘 블로그.티스토리 스킨 팁과 반응형 스킨이 많이 올라와 있다. 티에디션 홈화면이 웹브라우저에서 느낌표뜨는 게 마음에 안 들어 홈화면부터 싹 반응형으로 만들려고 하는데, 딱 내 스타일인 스킨은 없지만 참고가 많이 될 것 같다. 좋은 사이트. 글 중 하나: https://apost.kr/27티스토리 스킨 파일은 구성이 딱 정해져 있다고 한다.스킨의 root 폴더, 즉 자기 블로그 주소의 루트에 들어갈 수 있는 파일은 index.html, skin.html, style.css뿐이라고 한다. 어? index.html 을 넣을 수 있네?그리고 나머지 모든 파일은 /images 폴더에 들어간다..

IT교육입니다. 회원가입이 필요하며 FAQ맨 앞에는 무료라고 적혀 있군요. 회원가입할 때 전화번호를 입력하며 SMS인증문자를 받습니다. 수강신청을 하면 강의 동영상을 볼 수 있으며, 영상 재생은 Adobe Flash Player를 이용합니다. 그래서 크롬/크로뮴계열 웹브라우저로 보는 게 좋겠네요. 스마트폰에서 앱으로 볼 수도 있습니다. https://tacademy.skplanet.com/ 요즘 온라인 강좌 목록입니다.https://tacademy.skplanet.com/live/player/listOnline.action 인공지능/딥러닝강화학습2 policy gradient딥러닝을 위한 TensorFlow 2.0기계번역 입문자연어 언어모데 'BERT'강화 학습 입문하기딥러닝과 케라스(Keras)Scik..

C언어와 같은 ?연산자조건부(삼항) 연산자(?:)(JavaScript) - microsoft 자바스크립트 연산자 정리 - 모질라 날짜 및 시간 계산(JavaScript) - 마이크로소프트getTime 메서드(Date)(JavaScript)

티스토리 본문 하단 각주에 관해서는 예전에 짧게 적은 게 있으니 그걸로 갈음한다. 이번에는 본문에 풍선으로 뜨는 각주창을 어떻게 해보는 이야기를 적어 간다. 하려는 이유는, 본문 글꼴 크기에 비해 각주 풍선 글꼴 크기가 너무 작아서. 먼저 코코넛냠냠님 블로그 링크. http://nanite.tistory.com/12 티스토리 각주 풍선 글꼴의 글자색은 본문 글자색을 따라간다고 하는데, 그 글자색을 바꿔준 것. 티스토리 각주 풍선 표시는 외부 파일에 저장된 자바스크립트. 그래서 그 파일을 손대진 못하니, 본문에 같은 이름으로 함수를 넣어 오버라이드, 우선적으로 실행하도록 한 것이라고. 이걸 이용하면 글자색 뿐 아니라, 글꼴의 크기도 바꿀 수 있다고 한다. 코딩은 전혀 따라갈 실력이 못 되어, 흉내내보았다...

정보아님. 메모.티스토리 스킨을 조금 바꿔보려고 찾아본 것. 자바스크립트 습관 http://www.clearboth.org/42_javascript_best_practices/ http://www.w3schools.com/dom/dom_nodes_get.asp 꼭 이게 아니라도 코드 시험해보기좋음. http://www.w3schools.com/dom/tryit.asp?filename=try_dom_getelementsbytagname HTMLCollectionhttps://developer.mozilla.org/en-US/docs/Web/API/HTMLCollection

티스토리 스킨을 몇 가지 손보려고 찾아본 것 메모.실은 목적을 달성하지 못했고 정리가 안 돼서 일단 보관하려고.;;정식으로 배우진 않았지만 전에 찾아본 내용같은데, 오래 안 보니 다 잊어버렸네요. 하려고 한 것은Iwantacupofcoffee 그리고 각 의 value를 읽어내고 각 li의 style 속성을 그 value를 참조해 원하는 대로 바꾸는 것. 일단 vlaue를 바꾸는 건 아래 예제가 있어서 해봤는데, value를 읽어내고 속성을 바꾸는 건 못했음.아래 맨 아래 메모한 것을 어떻게 이용하면 될 것 같기도 한데..OL 안에 있는 LI 를 배열로 취급해서 한 번에 처리해야 한다. www.w3schools.comJavaScript Operators alert 창 예제 The HTML DOM Docum..

http://ctrlq.org/code/19136-screenshots-javascript http://ctrlq.org/screenshots/ 외국사이트라선지 우리 나라 웹사이트 주소를 넣으면 한글이 깨져나올 수 도 있습니다. 그 밖에도 여러 가지 방법이 있는 모양.

http://www.w3schools.com/jsref/prop_html_innerhtml.asphttp://www.w3schools.com/htmldom/dom_methods.asp

일반 웹사이트에도 넣을 수 있고 블로그 스킨에도 아마 적용할 수 있을 것 같네요. 오늘의 1일 무료 프로그램. 내일 오후 4시 전까지 받아 설치 등록하면 됩니다. 다운로드: http://www.giveawayoftheday.com/allwebmenus-pro-by-likno/ 제작사 페이지: http://www.likno.com/allwebmenusinfo.html : 사이트를 아기자기하고 예쁘게 만들어놨네요. 기능 목록 CSS menus (simple, using UL/LI page elements for their population). Javascript menus (richer, powerful, many effects and capabilities). Drop-down or Sliding men..

전에 남이 만든 불여우용 애드온을 뜯어서 FirefoxView 를 IE 문맥 메뉴에 넣어 보면서 살짝 자신감을 가졌습니다. 이거 응용해보자! 하고. 일단 링크를 모아봅니다. 마이크로소프트 사이트. Internet Explorer Extension Menu/ Add-on 제작 관련 Adding Entries to the Standard Context Menu 객체마다 보이는 메뉴를 다르게 하는 방법, 레지스트리 어디를 건드리면 만들어진다는 것 등 Creating Add-ons for Internet Explorer: Customizing Menus 애드온 만들기 구글 검색: "IE context menu" IE의 실행옵션 (출처: microsoft 도움말 사이트) -channelband Internet E..