๋ณธ๋ฌธ ๋ฐ”๋กœ๊ฐ€๊ธฐ
  • Tried. Failed. Logged.
728x90

๐Ÿ–ฅ๏ธํ”„๋ก ํŠธ์—”๋“œ67

์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ - ํ˜„์žฌ script ํƒœ๊ทธ ์‚ญ์ œํ•˜๊ธฐ 2023. 4. 4.
Jekyll - {{ }}, {% %} ์‚ฌ์šฉํ•˜๊ธฐ (escape liquid template) Jekyll์—์„œ ๋งˆํฌ๋‹ค์šด์„ ์ž‘์„ฑํ•˜๋˜ ์ค‘ liquid template ๋ฌธ๋ฒ•์„ ์‚ฌ์šฉ์„ ํ•ด ๊นƒํ—ˆ๋ธŒ ํŽ˜์ด์ง€์— ๋””ํ”Œ๋กœ์ž‰์„ ํ•ด๋ณด์•˜๋Š”๋ฐ ์ด์ƒํ•˜๊ฒŒ ๊ฒฐ๊ณผ๊ฐ€ ์ถœ๋ ฅ์ด ๋˜์ง€ ์•Š์•˜๋‹ค. ์•Œ๊ณ  ๋ณด๋‹ˆ Jekyll์—์„œ๋Š” ๋”ฐ๋กœ {% raw %} {% endraw %}๋ฅผ ์‚ฌ์šฉํ•ด ์˜ˆ์™ธ ์ฒ˜๋ฆฌ๋ฅผ ์‹œ์ผœ์ค˜์•ผ ํ•˜๋Š” ๊ฒƒ์ด์—ˆ๋‹ค. ์ž‘์„ฑ ๋ฐฉ๋ฒ• {% raw %} {{ example }} {% endraw %} {% raw %} {% example %} {% endraw %} ๊ฒฐ๊ณผ {{ example }} {% example %} ์ถœ์ฒ˜: https://atomic0x90.github.io/jekyll/markdown/2019/06/08/escape-liquid-template.html atomic0x90(Yujun Han) c์™€ c++ ๋ฅผ ์‚ฌ์šฉํ•˜๋Š” ๋ฐฉ๋ฒ• ์„ค๋ช….. 2023. 3. 7.
ํ”„๋ก ํŠธ์—”๋“œ - ์‚ฌ์ดํŠธ๋งต ๋งŒ๋“œ๋Š” ์‚ฌ์ดํŠธ(gloomaps.com) https://www.gloomaps.com/ GlooMaps - Visual Sitemap Tool Visual sitemaps made easy Start creating Watch video Create your visual sitemap on the go - easy peasy With GlooMaps it's really easy to create your own sitemaps fast and efficiently. Click a box to attach a child box, drag & drop to reorder or double clic www.gloomaps.com 2023. 3. 5.
Jekyll - ๋น ๋ฅธ ์‹œ์ž‘, Docs https://jekyllrb-ko.github.io/docs/ Quickstart Jekyll is a static site generator. It takes text written in your favorite markup language and uses layouts to create a static website. You can tweak the site’s look and feel, URLs, the data displayed on the page, and more. jekyllrb.com 2023. 3. 3.
์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ - SMS ๋ฌธ์ž ๋ณด๋‚ด๊ธฐ SMS๋ณด๋‚ด๊ธฐ location.href = sms:์ˆ˜์‹ ์ž๋ฒˆํ˜ธ?body=๋ณด๋‚ผ๋ฉ”์„ธ์ง€; ์ถœ์ฒ˜: https://ttowa.tistory.com/m/entry/JS-%EC%9B%B9Mobile%EC%97%90%EC%84%9C-SMS-%EB%AC%B8%EC%9E%90%EB%B3%B4%EB%82%B4%EA%B8%B0 [JS] ์›น(Mobile)์—์„œ SMS ๋ฌธ์ž๋ณด๋‚ด๊ธฐ 1.Android(์•ˆ๋“œ๋กœ์ด๋“œ) SMS๋ณด๋‚ด๊ธฐ location.href = sms:์ˆ˜์‹ ์ž๋ฒˆํ˜ธ?body=๋ณด๋‚ผ๋ฉ”์„ธ์ง€; 2.IOS(์•„์ดํฐ) SMS๋ณด๋‚ด๊ธฐ location.href = sms:์ˆ˜์‹ ์ž๋ฒˆํ˜ธ&body=๋ณด๋‚ผ๋ฉ”์„ธ์ง€; 3.Android & IOS ์ž๋™ ๋ถ„๊ธฐ ์‹ค์ œ ๋””๋ฐ”์ด์Šค์—์„œ ํ…Œ์ŠคํŠธ ํ•ด ttowa.tistory.com 2023. 3. 2.
Jekyll - ํ…Œ๋งˆ ์‚ฌ์ดํŠธ ๋ชจ์Œ http://jekyllthemes.org/ Jekyll Themes jekyllthemes.org jamstackthemes.dev Jekyll Over 1000 themes and starters for Jamstack and static site generators. jamstackthemes.dev jekyllthemes.io Jekyll Themes – a curated directory Find the best Jekyll themes for your next project – a curated directory of themes, templates and resources for building Jekyll websites. jekyllthemes.io ์ถœ์ฒ˜: https://jekyllrb-.. 2023. 3. 2.
CSS - :before๋ฅผ ์ด์šฉํ•œ ์ฑ„ํŒ…์ฐฝ ๋งํ’์„  ๊ผฌ๋ฆฌ ๋งŒ๋“ค๊ธฐ .parent { height: 20px; width: 100px; background-color: #080; position: relative; } .child { position: absolute; width: 80px; height: 200px; background-color: #008; left: 50%; /* note 50% */ top: 30px; margin-left: -20px; /* 2x your arrow size */ } .child:before { position: absolute; border-right: 10px solid transparent; border-bottom: 10px solid #008; border-left: 10px solid transparent; top: -.. 2023. 2. 5.
์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ - ๋ธŒ๋ผ์šฐ์ € ํƒญ์ด ํ™œ์„ฑํ™”์ธ์ง€ ํ™•์ธํ•˜๊ธฐ(document.hidden) if (document.hidden) console.log('๋น„ํ™œ์„ฑํ™”'); else console.log('ํ™œ์„ฑํ™”'); ์ถœ์ฒ˜: https://stackoverflow.com/questions/1760250/how-to-tell-if-browser-tab-is-active How to tell if browser/tab is active Possible Duplicate: Is there a way to detect if a browser window is not currently active? I have a function that is called every second that I only want to run if the current page is in the stackoverflow.com 2023. 2. 5.
์ผ๋ ‰ํŠธ๋ก  - ์‚ฌ์šฉ์ž๋กœ๋ถ€ํ„ฐ ์›น ์บ , ๋งˆ์ดํฌ ๊ฐ€์ ธ์˜ค๊ธฐ ์›น ์บ , ๋งˆ์ดํฌ ๊ฐ€์ ธ์˜ค๊ธฐ window.addEventListener('DOMContentLoaded', () => { navigator.getUserMedia({video: true, audio: true}, (localMediaStream) => { var video = document.querySelector('video') video.srcObject = localMediaStream video.autoplay = true }, (e) => {}) }) ์ฐธ๊ณ : [์›น ์บ  ๊ฐ€์ ธ์˜ค๊ธฐ] https://stackoverflow.com/questions/38276409/electron-allowing-access-to-webcam 2022. 11. 7.
๋ฆฌ์•กํŠธ - ์›น ์†Œ์ผ“(ws) ํ†ต์‹  + useEffect์—์„œ ์›น ์†Œ์ผ“(ws) ์‚ฌ์šฉ with useRef ws-server.js (์›น ์†Œ์ผ“ ์„œ๋ฒ„์ธก) const WebSocketServer = require('ws').Server; const wss = new WebSocketServer({ port: 8080 }); wss.on('connection', function connection(ws) { ws.on('message', function message(data) { console.log('received: %s', data); }); ws.send('something'); }); index.js (๋ฆฌ์•กํŠธ) import React, { useState ,useEffect, useRef} from 'react'; const [socketConnted, setSocketConnected] = useStat.. 2022. 11. 7.
๋ฆฌ์•กํŠธ - ์Œ์„ฑ ๋๋‚˜๊ณ  ๋‚˜์„œ ํ…์ŠคํŠธ ์ƒˆ๋กœ ๊ธฐ๋กํ•˜๊ธฐ(react-speech-recognition) ์›๋ž˜์ฒ˜๋Ÿผ transcript๋ฅผ ์ถœ๋ ฅํ•˜๋ฉด ์—ฌํƒœ๊ป ๋งํ–ˆ๋˜ ํ…์ŠคํŠธ๋“ค์„ ๊ทธ๋Œ€๋กœ ๊ฐ€์ ธ์˜ค๋Š” ๊ฒŒ ์•„๋‹ˆ๋ผ, ๋ง์„ ๋๋‚œ ๋’ค์— ๋‹ค์‹œ ๋ง์„ ํ•˜๋ฉด ์ด์ „ ํ…์ŠคํŠธ๋ฅผ ์ง€์šฐ๊ณ  ๋‹ค์‹œ ๊ธฐ๋กํ•˜๋Š” ๋ฐฉ์‹ const [subtitle, setSubtitle] = useState(''); const { transcript, interimTranscript, resetTranscript, browserSupportsSpeechRecognition, finalTranscript, } = useSpeechRecognition(); useEffect( ()=>{ console.log('๋งˆ์ดํฌ ๋…นํ™” ์‹œ์ž‘'); SpeechRecognition.startListening({continuous: true}); }, [] ); useEffect( ()=>{ i.. 2022. 11. 6.
์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ - text to speech(text2speech)(SpeechSynthesisUtterance) function say(m) { var msg = new SpeechSynthesisUtterance(); var voices = window.speechSynthesis.getVoices(); msg.voice = voices[10]; msg.voiceURI = "native"; msg.volume = 1; msg.rate = 1; msg.pitch = 0.8; msg.text = m; msg.lang = 'en-US'; speechSynthesis.speak(msg); } ์ถœ์ฒ˜: https://stackoverflow.com/questions/15653145/using-google-text-to-speech-in-javascript Using Google Text-To-Speech in Javascr.. 2022. 11. 5.
728x90

ํ‹ฐ์Šคํ† ๋ฆฌํˆด๋ฐ”