본문 바로가기

web

(17)
[Web] 화살표 함수 https://ko.javascript.info/arrow-functions-basics 화살표 함수 기본 ko.javascript.info https://inpa.tistory.com/entry/JS-%F0%9F%93%9A-%EC%9E%90%EB%B0%94%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8-%ED%99%94%EC%82%B4%ED%91%9C-%ED%95%A8%EC%88%98-%EC%A0%95%EB%A6%AC [JS] 📚 자바스크립트 화살표 함수 💯 완벽 정리 ​ 화살표 함수 ​함수 표현식보다 단순하고 간결한 문법으로 함수를 만들 수 있는 방법이 있습니다. ​ 바로 화살표 함수(arrow function)를 사용하는 것입니다. 화살표 함수라는 이름은 문법의 생 inpa.tis..
[Web] MariaDB TimeZone 설정 DB에 데이터를 저장할 때, 시간을 같이 저장해야 하는 경우가 있다. 이 경우 now() 등의 활용해, 시간을 저장하는데, 이 때 일반적으로는 다른 나라의 시간대로 되어 있다보니, 원하는 시간대로 변경이 필요하다. 그러기 위해서 다음과 같은 조치가 필요하다 파란색 네모 친 곳 확인 여러가지 방법이 있으므로, 그 중 자신에게 맞는 방법으로 진행하면 된다. 필자의 경우에는 아래와 같이 [server] 라는 곳 아래에 default-time-zone=+09:00 을 적어주었다. 이 후 service mysql restart 를 진행해주면 된다.
[Web] mariadb count(*) 사용 시 result 값 받기 const row2 = await pool.query('select COUNT(*) cnt from test_table'); if(row2) { res.send(JSON.stringify({length: row2[0].cnt})); } 중요한 부분은 COUNT(*) 뒤에 있는 cnt[별칭] 입니다. https://dlagusgh1.tistory.com/365 MySQL COUNT(*) 갯수 출력 # COUNT(*) 갯수 출력 특정 테이블에서 특정 조건에 맞는 컬럼의 갯수 등을 출력하고자 할때 사용 정석 SELECT COUNT(*) AS CNT 여기서 AS는 생략 가능하다. cnt는 별칭 or 별명 or 이름을 의미한다. SELECT COUNT dlagusgh1.tistory.com
[Web] 이미지 혹은 텍스트 등에 마우스 커서 효과 넣어주기 웹 개발 시, 이미지나 텍스트 등에도 버튼과 같이 마우스 올리면 버튼처럼 보이게 하는 효과 넣어주기 style="cursor:pointer;" 다음과 같이 커서 효과를 넣어주면 된다.
[Web] app.vue 실행 시, 여백 제거하기 app.vue를 통해 화면을 처음 띄울 경우 상하좌우에 8px의 여백이 있다. body{ margin: 0px} 을 넣어주면 없어진다.
[Web] Nginx SSL 설정 방법[HTTPS 설정] [HTTPS에 대한 이해를 필요로 하는 경우] https://www.youtube.com/watch?v=H6lpFRpyl14 도메인을 이미 구매했다는 가정하에 진행합니다. https://twpower.github.io/44-set-free-https-by-using-letsencrypt [Nginx] Let's Encrypt를 통해 Nginx에서 무료로 https 설정하기 Practice makes perfect! twpower.github.io Ubuntu 20.04 lts 버전의 경우 참고! 아래 코드 실행 시 $ sudo apt-get install certbot python3-certbot-nginx "i get this error : The PPA has been DEPRECATED. To ge..
[Web] Vue.js 작동 순서 및 설명 정리 https://gustv.tistory.com/21 3. Vue.js 작동 순서 Vue.js 작동 순서 1. package.json 설정들이 들어가져있다. vue의 버전 같은데 전부 기입되어져있다. eslintConfig 등도 포함되어져있다. Spring 의 pom.xml 같은 역할을 한다고 보면 될거같다. 2. index.html.. gustv.tistory.com Vue.Js 작동 순서 정리 링크 https://whitepro.tistory.com/241 Vue.js / 기초 / 6. 파일, 컴포넌트 및 router 구조 1. 파일구조 이제 지엽적으로 Vue 문법만 공부하는 것이 아니라, 전체적인 파일구조를 살펴보자. 기본 구조는 아래와 같다. 전체적인 파악 후, header 만들기를 따라하면서 각 ..
[Web] Node express 미들웨어 Node express 사용에 있어 미들웨어라는 개념을 이해하기 위해 참고한 링크입니다. https://velog.io/@wjddnjswjd12/node.js-express-%EB%AF%B8%EB%93%A4%EC%9B%A8%EC%96%B4%EB%9E%80 node.js, express, 미들웨어란? 구글의 크롬 v8 자바스크립트 엔진을 기반으로한 비동기IO를 지원하는 고성능 네트워크 서버개발자가 모든 종류의 서버사이드 도구들과 어플리케이션을 javascript로 만들수 있도록 해주는 런타임 velog.io https://wayhome25.github.io/nodejs/2017/02/18/nodejs-11-express-query-string/ Express-URL을 이용한 정보의 전달 - 쿼리스트링 · ..