반응형

개발 50

[C++] Empty Class란?

💡목표 Empty Class 특징에 대해서 알아보고, 어떠한 것들이 Empty Class를 말하는지 예시를 통해서 알아보자. 🔦Empty Class 특징 size가 1byte (non-static) member 변수가 없다. 가상 함수가 없다. 가상 상속을 하지 않는다. class또는 struct를 말하며, union은 Empty Class가 될 수 없다. 🔮Empty Class 확인 방법 type_traits 헤더 파일에 있는 is_empty_v를 통해서 Empty를 판별할 수있다. C++11과 17에서 사용법이 다르니 확인해서 사용해야한다. /* 헤더 */ #include /* C++11 */ std::is_empty_v::value /* C++17 */ std::is_empty_v 📝Empty Cl..

개발/C++ 2021.10.08

[WinFloat]윈도우 창 투명하게 만드는 프로그램(+ 항상 위 설정) - 무료

📝License 이 프로그램은 누구나 무료로 사용할 수 있습니다. 무단으로 배포는 할 수 없으며, 이 블로그를 통해서만 다운로드 가능합니다. 📎Download 다운로드 및 배포는 https://jaegeun.tistory.com/ 블로그에서만 가능하다. 🔍사용방법 Select Window 버튼 클릭 투명화(또는 항상 위) 하고 싶은 윈도우 창 선택 투명화 조절 바 드래그 또는 항상 위 Toggle 버튼 클릭 Select Window 버튼을 누르면 화면이 약간 하얗게 변한다. 투명화 또는 항상 위 설정을 하고 싶은 윈도우에 마우스 커서를 올려 놓으면, 해당 윈도우 창만 깨끗하게 보이고 빨간 박스로 영역이 선택되는것을 볼 수 있다. 아래는 카카오톡 채팅창을 선택하는 장면이다. Transparent의 트랙바를..

개발/Windows 2021.10.06

[JS/크롬]자바스크립트로 유튜브 광고 제거-Javascript

🎞Javascript로 유튜브 영상 광고 제거 if (document.querySelectorAll('.ad-showing').length > 0) { const video = document.querySelector('video'); if (video) { video.currentTime = video.duration; } } 🍳개발자 도구 열기 먼저 유튜브 광고 화면이 나온다면 윈도우 크롬기준으로 F12(또는 'ctrl+shift+i')키로 개발자 도구를 열어주자. 개발자 도구 화면이 아래와 같이 나온다면 'Console' 을 선택한다. 🚀Javascipt 코드 입력 위에 적어둔 코드를 입력 후 엔터를 툭 쳐주자. 그러면 유튜브 광고가 주르륵 넘어가는걸 볼 수 있다. 위 코드는 광고가 한번만 제거된다..

개발/Javascript 2021.10.05

[Node js] 콘솔 입력 받기 - readline

https://nodejs.org/dist/latest-v14.x/docs/api/readline.htm 자세한 내용은 위 링크의 공식 문서를 읽어보면서 적용하는게 좋습니다. 간단하게 적용할거면 아래 예제들을 적용해보세요. 🌈콘솔 입력 예제 const readline = require('readline'); const rl = readline.createInterface({ input: process.stdin, output: process.stdout, }); rl.question("아무거나 입력하세요: ", (input) => { //TODO: 입력 받은 후 할 작업 작성 console.log(`입력한 내용 : ${input}`); rl.close();//close()를 호출하지 않으면 무한 반복 }..

개발/Node js 2021.10.05

[JS/HTML/DOM]Element태그 요소 포함 단어 검색(querySelector, class, name, id, DOM 파싱, 와일드 카드, * 별표, */$/^, 자바스크립트)

🔎일반적인 Element 검색 DOM에서 특정 class, id, tag name, name 을 검색하기 위해서 아래와 같은 API들을 사용할 것이다. document.querySelector('셀렉터') document.querySelectorAll('셀렉터') document.getElementById('아이디') document.getElementsByClassName('클래스명') document.getElementsByName('이름') 🔍포함 단어 검색 특정 단어를 검색하는 것이 아니라 특정 단어가 포함된 요소를 검색하기 위해서는 아래와 같이 사용한다. 어디든 포함되었는지 검색(*) document.querySelectorAll('[class*=포함될단어]') document.querySele..

개발/Javascript 2021.10.05

[Node js]서버 만들기 - 1분만에 Http 서버 만들기

📋요약 서버란 무엇인가에서 말한 것과 같이 서버라는 게 무엇인지 피부로 느끼고 싶다면, 이 글에서 설명하는 1분 만에 (Http) 서버 만들기를 따라 하기를 바란다. 정말 짧은 시간 안에 좋은걸 얻어갈 수 있다. 간단하게 3단계로 실행하면 끝난다. 파일 다운로드 설치 시간은 제외하면 1분도 걸리지 않는 시간이다. Node js 설치 예제 코드 복사, 붙여 넣기 하여 코드 작성 명령어 실행 1분 안에 후다닥 따라해보자. 🎁Node js 설치 Node js 공식 사이트에 접속해서 설치해주자. Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org Node js 공식 사이트 링크에 들어가면 나오는 첫 ..

개발/Node js 2021.10.04

서버란 무엇인가

🚀서버 서버가 전혀 뭔지 모르는 사람이 나에게 물어보면 이렇게 대답한다. 서버: 무언가(?)를 제공해주는 프로그램(앱) 또는 컴퓨터 웹 사이트 서버 : 우리가 방문하는 웹페이지를 제공해주는 프로그램 또는 컴퓨터 게임 서버 : 멀티플레이 게임을 위해 여러 정보들 제공해주는 프로그램 또는 컴퓨터 동영상 인코딩 서버 : 동영상의 포맷을 변경(인코딩)해주는 프로그램 또는 컴퓨터 기타 서버 : 기타 치는 프로그램 또는 컴퓨터 🚈긴 글 이 글을 포스팅 하는 이유는 어릴 적 위와 같이 대답해 주는 사람이 없어서, 서버에 대해 명확하게 모르고 있던 기억이 나서 작성하게 됐다. 지금도 주변 개발자 친구들 또는 동료들에게 동일한 질문을 했을 때, 서버 쪽 개발과 관련이 없는 사람들은 개발자라고 해도 서버를 모르는 경우가 ..

개발 2021.10.04

자바스크립트 비동기 처리 async/await

[JS]비동기 처리1-Callback-자바스크립트/Javascript 어떠한 함수들이 시간이 걸리는 연산(또는 작업)일 때 그냥 순서대로 호출하는 식의 코드를 작성하게 되면, 원하는 순서대로 처리가 되지 않는것을 경험 할 수 있다. 😅실행할때 마다 실행순서 jaegeun.tistory.com [JS]비동기 처리2-Promise-자바스크립트/Javascript 🤓Callback 함수를 Promise로 변경 '비동기 처리 1 - Callback'(https://jaegeun.tistory.com/22)의 방법을 Promise 방법으로 바꾸는 코드는 다음과 같다. function func1() { return new Promise((resolve, rejec.. jaegeun.tistory.com 🤓 Prom..

개발/Javascript 2021.10.04

자바스크립트 비동기 처리 Promise

자바스크립트 비동기 처리 Callback 어떠한 함수들이 시간이 걸리는 연산(또는 작업)일 때 그냥 순서대로 호출하는 식의 코드를 작성하게 되면, 원하는 순서대로 처리가 되지 않는것을 경험할 수 있다. 😅 실행할 때마다 실행 순서 jaegeun.tistory.com 🤓 Callback 함수를 Promise로 변경 '비동기 처리 Callback'의 방법을 Promise 방법으로 바꾸는 코드는 다음과 같다. function func1() { return new Promise((resolve, reject) => { setTimeout(()=>{ console.log('1'); resolve(); }, Math.random()*100); }); } function func2() { return new Prom..

개발/Javascript 2021.10.04

자바스크립트 비동기 처리 Callback

어떠한 함수들이 시간이 걸리는 연산(또는 작업)일 때 그냥 순서대로 호출하는 식의 코드를 작성하게 되면, 원하는 순서대로 처리가 되지 않는것을 경험할 수 있다. 😅 실행할 때마다 실행 순서가 달라요! 아래 코드는 각 함수들의 실행 시간을 Math.random() 함수를 이용하여 랜덤하게 실행되도록 했다. func1(), func2(), func3() 순서대로 호출했지만 실행할 때마다 호출되는 순서가 다른것을 볼 수 있다. * Math.random() : 0~1 사이의 소수 값을 반환해주는 함수 function func1() { setTimeout(()=>{ console.log('1'); }, Math.random()*100); } function func2() { setTimeout(()=>{ cons..

개발/Javascript 2021.10.04
반응형