본문 바로가기

Web Programming

(34)
firebase에서 nuxt.js dynamic routes 사용하기 Nuxt.js에서 Dynamic Routes를 사용하고 그대로 배포하면 404페이지가 뜨게 됩니다.이 경우에는 파이어 베이스의 설정을 변경하면 됩니다. hosting 폴더에 있는 firebase.json 파일을 아래와 같이 고쳐주세요."rewrites":[ { "source":"**/*", "destination": "/index.html" } ]일반 경로(예: /login 등)를 제외하고는 index.html로 연결됩니다. 그러면 이제 nuxt.js에서 라우팅 처리를 하게됩니다.
자바스크립트 날짜 한글로 표시 const zero = num => num < 10 && num >= 0 ? "0" + num : num; const dateKo = date => `${date.getFullYear()}년 ${zero(date.getMonth() + 1)}월 ${zero(date.getDate())}일 ${zero(date.getHours())}시 ${zero(date.getMinutes())}분 ${zero(date.getSeconds())}초`;자바스크립트 날짜(Date)를 한글로 표시하는 함수입니다.xxxx년 xx월 xx일 xx시 xx분 xx초로 나오게 합니다. 인자값의 타입은 Date입니다.
자바스크립트에서 0 이상 10 미만이면 0붙이기 const zero = num => num < 10 && num >= 0 ? "0" + num : num;0 이상 10 미만이면 숫자의 앞에다가 0을 붙여주는 함수 입니다.
Vue.js의 객체 감시는 만악의 근원 Vue.js에서 배열이나 오브젝트의 v-for은 정말 짜증나는 관계가 아닐 수가 없습니다. Vue.js 2를 기준으로, 배열이나 오브젝트는 감시가 불가능합니다.그리고 이는 매우 더러운 코드를 양산하게 되는 이유가 됩니다. 배열이나 오브젝트의 감시를 위해서는 Vue.set(vm.$set) 또는 array.splice를 반드시 써야합니다.안 쓰면 감시가 안됩니다. 한마디로, v-for을 사용할 때, v-for의 데이터를 바꾸는 일이 생긴다면, 반드시 주의해야할 부분입니다. 단순히 this.oldValue = newValue;로는 절대로 리 랜더링이 되지 않습니다. 다행이도 Vue.js 3.0에는 객체 감시 시스템을 바꿔서 된다고는 하니, Vue.js 3.0을 기다리는 수 밖에 없습니다.
CSS에서의 vh와 vw vh : Viewport Heightvw : Viewport Width 예를 들어 화면을 꽉 채우고 싶을 때(Content의 넓이가 100%가 안되더라도) width: 100vw;height: 100vh; 로 하면 보이는 화면의 100%로 된다.즉 1vw와 1vh는 각각 가로 1%와 세로 1%이다.
webpack-cli와 webpack-command의 차이(번역) https://github.com/webpack-contrib/webpack-command/blob/master/README.md의 Differences With webpack-cli 항목을 2018년 8월 3일에 번역하였습니다. 의역이 포함되어 있습니다.webpack-command는 webpack-cli와 동등성을 목표로 하지만, 주목할 만한 차이가 있습니다. 이러한 차이점에는 이 모듈에 webpack CLI를 제공하는 최소한의 명령만 포함되어 있다는 점이 포함됩니다. 초기 설정, 마이그레이션 및 업데이트와 같은 명령은 사용자가 설치한 개별 모듈로 이전됩니다. webpack-cli를 사용했었다면 아래와 같은 차이에 주의해야 합니다.--env 플래그는 사용할 수 없습니다. (The --env Flag i..
robots.txt robots.txt는 웹 크롤러같은 로봇들의 접근을 제어하기 위한 규약이다. 한마디로 검색엔진봇이 접근하지 말아야하는 경로같은것을 의미한다.참고로 robots.txt는 권고사항임으로 지키지 않는 봇이 나타날 순 있다. robots.txt는 웹사이트의 루트경로에 있어야한다. (a.com/robots.txt)디텍토리의 뒤에는 반드시 /을 붙여야하는데, 아래와같이 사용할 수 있다.123456789101112User-agent: abcAllow: /abc/def/ User-agent: abcDisallow: /abc/def/ User-agent: *Allow: / User-agent: *Disallow: / cs첫번째는 User-agent가 abc인 봇이 /abc/def/에 접근하는것을 허용한다는 뜻이고,두번째..
PHP에서 해시값 뽑아내기 md5 : RSA Data Security, Inc. MD5 Message-Digest Algorithm을 사용하여 MD5의 해시값을 반환합니다.md5는 취약한 해시 알고리즘이기 때문에 민감한 정보를 저장할 시에는 SHA-256이상을 이용하여 저장하는것을 강력히 권합니다. MD5는 해시충돌이 있습니다.12345Colored by Color Scriptercs sha1 : US Secure Hash Algorithm 1을 사용하여 sha1 해시를 반환합니다.SHA1역시 보안성 위험하오니, 단순 무결성 검사를 위한것이 아닌 이상, 사용하면 안됩니다. 12345Colored by Color Scriptercs hash : 지정한 알고리즘에 의해 값을 반환합니다. hash(알고리즘,입력값)이용가능한 알고리즘 :..