반응형

Information*/알면도움됨 84

Chrome css cache 제거하기

Chrome css cache 제거하기 style.css 파일을 수정하고 있는데, 자꾸 바뀐게 반영이 안돼서 삽질 좀 했다..;;가장 유력한 원인이 cache 때문인 것 같아 chrome에서 css cache를 사용하지 않도록 해보았더니 다행히 됐음solvectrl+shift+i 로 개발자 환경을 킨다.F1을 눌러 Settings에 들어간다.Preferences > Sources > Disable cache (while DevTools is open) 을 체크해주면 끝개발자 도구가 열려있는 동안은 css cache를 사용하지 않아 바로바로 반영된다.

babel 사용하기 (on WSL)

babel 사용하기 (on WSL) babel이란?babel은 ECMAScript 2015+ code(즉 최신 ECMAScript)를 낮은 버전의 JavaScript를 가진 브라우저에서도 동작이 가능하도록 변환시켜주는 도구이다. 다음 예시를 보도록 하자.ECMAScriptconst A = (req, res) => { res.render("test"); };babel은 위의 산뜻한 코드를 다음의 코드로 변환시켜준다.browser-compatible JavaScriptvar A = function A(req, res) { res.render("test"); }처음에는 솔직히 굳이 왜 쓰는지 이해가 안갔는데, 쓰다보니까 확실히 편하고 좋음! install and setting$ npm install @babe..

About. nodemon

nodemon nodejs로 서버를 구축할 시, 소스를 수정하면 매 번 다시 서버를 껏다 켜줘야 했는데,이 패키지를 이용하면 해당 행위를 자동으로 수행하게 할 수 있다.install$ npm install nodemon -D개발하는 해당 패키지에 대한 dependency가 아니라 그냥 개발하는데에만 사용하기 때문에, -D 옵션을 붙여줘서 package.json의 devDependencies에 추가하도록 한다.usage$ nodemon node index.jspackage.json에서 다음과 같이 이용할 수도 있다. "scripts": { "start": "nodemon index.js --delay=2" },

웹 프로그래밍 소리 추가할 때 참고 사이트

웹 프로그래밍 소리 추가할 때 참고 사이트 특정 동작 수행이나 페이지에 소리를 삽입하고 싶을 때, 도움이 되는 사이트가 있다.https://www.soundjay.com/ 무료로 여러 효과음들을 사용할 수 있어서 아주 좋음! b 사용예시다음과 같이 사용할 수 있다. Play function playSound() { var sound = document.getElementById("audio"); sound.play(); } (https://stackoverflow.com/questions/29567580/play-a-beep-sound-on-button-click/43378771 참고)

티스토리가 마크다운을...!

엠티갔다가 오랫만에 티스토리 업데이트 소식을 살펴보니... 놀라운 소식이 있었따...! 으아앙닝구라윔... 새로운 에디터 소식이었는데 설마 기대하고 기다리던 마크다운 지원 소식이 있지않을까 싶어 가슴이 두근두근했다. 설마설마사카하며, 스크롤을 뚜둥 내린 순간! 진짜 있을까싶던 마크다운 지원 소식을 찾아내버렷다 ㅠㅠㅠㅠ 흐엉엉... 이걸루 글쓰는게 좀 편해지지 않으까... ㅎ헿 마크다운 테스트 test1 printf("으앙앙"); 가끔 티스토리에 글을 쓸 때, 다른 마크다운 에디터에서 복붙하면서 생기는 이 번거로움에 짜증날 때마다 마크다운 지원해달라고 메세지를 보냈었는데, 그동안 보냈던 요청들이 그래도 무의미하지는 않구나싶어 만족스럽다. 머라고 보냈는지는 정확히 기억은 안나는데, 최근에도 마크다운에 대한 ..

Xshell 명령어 추가

Xshell 명령어 추가Window에서 nc를 사용하고 싶어서 설치하고 환경변수까지 등록했는데, Xshell에서는 윈도우 환경변수를 참조 안하나보다.. Xshell이 사용하는 환경변수를 찾으려던 와중, 프로그램 설치 디렉토리가 환경변수에 등록되어있지 않을까 싶어 시도해봤더니 됌!Xshell 설치 시 멍 때리며 마구 눌러댔다면 여기 C:\Program Files (x86)\NetSarang\Xshell 6에 설치되었을 거다. 위 경로에 nc.exe 파일을 담가버리면 됌!참고로 윈도우 nc는 여기서 받을 수 있다. https://github.com/atomicobject/psinfo/tree/master/tools/nc111nt

보호 기법 설정 gcc

보호 기법 설정ASLR> cat /proc/sys/kernel/randomize_va_space 2값이 0이면 ASLR 없음, 1이면 stack, library가 랜덤, 2이면 stack, library, heap이 랜덤. DEP/NX> gcc -z exestack ...STACK에 실행권한 줌. DEP/NX 제거라고 봐도 될듯 CANARY> gcc -fno-stack-protector ... # SSP 해제 > gcc -fstack-protector ... # SSP 설정 PIE> gcc -no-pie ... # PIE 해제 > gcc -fpie ... # .text 랜덤 > gcc -fpie -pie ... # PIE 설정 RELRO> gcc -z relro ... # PARTIAL-RELRO 설정 ..

PIL과 Pillow

PIL과 Pillowpython에는 기본적으로 이미지 라이브러리가 존재하지 않다. 따라서 python에서 이미지를 다룰 경우 외부 라이브러리를 설치할 필요성이 생기는데, 널리 사용되는 라이브러리인 PIL에 대해 python2와 python3의 차이가 있어 이 글을 서술해본다.먼저, PIL에 대해 말하자면 얘는 구닥다리다.. ㅠㅠ 별 생각없이 사용하고 있었는데, 마지막 릴리즈가 2009년이다. https://www.pythonware.com/products/pil/ status에는 python 3.X 버전에 대해서는 나중에 배포한다고 되어있지만, 마지막 커밋이 2011년이라니.. 사실상 개발이 중단되었다고 한다. 따라서 python3에서는 PIL을 사용할 수 없다. 또한 PIL은 오직 윈도우만 지원한다.하..

반응형