본문 바로가기

분류 전체보기369

[Javascript]자바스크립트에서 날짜 사용법

개요 api를 통해서 날짜 데이터를 전달할 때에는 어떤 값을 넘겨주는 것이 맞는 것일까요? 2021-01-12? 아니면, 밀리초? Javascript 내장 날짜 함수 Date() Date 객체는 밀리초의 값을 가집니다. 현재 날짜 구하기 const date = new Date(); // Mon Aug 23 2021 12:00:45 GMT+0900 (일본 표준시) 컴퓨터는 날짜 정보의 차이를 날짜 +시간 정보를 밀리세컨드 단위로 변환한 후에 계산을 합니다. 밀리 세컨드는 1/1000초입니다. let 객체명 = new Date(밀리 세컨드); let 객체명 = new Date(년,월,일,시,분,초,밀리 세컨드); let 변수명 = new Date('2020.04.22'); // Mon Apr 22 2019 .. 2021. 1. 28.

css 폰트 단위

px 가장 일반적으로 사용합니다. 절대 고정값을 줄 때 사용합니다. 반응형 웹에 적합하지 않습니다. em과 rem 둘 다 동적입니다. 고정된 값이 아닙니다. em (부모)요소의 글꼴 크기 rem 루트() 요소의 글꼴 크기 em: 요소 안에 요소가 있는 경우, '합성'동작때문에 원하는 사이즈가 적용되지 않을 수 있습니다. 아래 사진은 MDN에서 가져온 사진입니다. rem : em단위를 사용할 때 발생하는 '합성'동작 문제 때문에 생긴 단위입니다. 그냥 간단히 생각하면 root em입니다. 최 상위 요소인 요소의 크기에 비례해서 크기를 가지는 상대적인 단위입니다. 반응형 웹을 만들 때 좋습니다. 요소의 크기를 지정하지 않는 경우, 브라우저 기본인 16px로 적용됩니다. 1rem으로 계산됩니다. vh와 vw .. 2021. 1. 26.

Javascript 변수 선언 가장 기본적인 질문

Javascript에서 가장 원초적인 구분지식1 var, let, const의 차이점 변수 재선언 변수 재할당 var 가능 가능 let 불가능 가능 const 불가능 불가능 재선언 var name = 'John'(O) var name = 'mark'(O) let name = 'John'(O) let name = 'mark'(X) 2021. 1. 25.

vscode prettier 설정하기

prettier는 여러 사람이 함께 코드를 작성할 때, 코드의 띄어쓰기, 개행 또 뭐,... 컨벤션이나 format을 자동으로 맞추기 위해서 사용하는 에디터 확장 플러그인입니다. 이번에는 ESLint와 Prettier를 함께 사용하기 위한 설정도 포함되어 있으니 쭉 따라가시면, ESLint+Prettier설정을 모두 마치실 수 있을 겁니다. 일단, VSCode에 eslint에 대한 아무런 설치나 설정이 안되어 있다면, 다음 링크를 참고하시고, 글을 읽으시길 바랍니다. ESLint 설정하기 VSCode에서 prettier plugin을 설치해야 합니다. 설치가 끝난 후에는 약간의 설정을 해주어야 합니다. 이제, ESLint와 함께 사용하기 위해서 vue-cli로 생성한 프로젝트 폴더에서 .eslintrc... 2021. 1. 23.

ESLint 설정하기

확장 플러그인인 ESLint를 소개하고, 사용하는 방법을 알아보겠습니다. ESLint는 Javascript 문법을 검사해주는 에디터 확장 프로그램입니다. 사용법 Vue-cli가 3.x대 버전에서 ESLint를 사용해보겠습니다. 일단, app.vue에서 다음 코드를 입력하고, vue-cli를 실행해보았습니다. 터미널과 브라우저 모두 아래와 같이 ESLint의 에러로그가 발생합니다. 브라우저에는 overlay되어서 에러로그가 보이게 됩니다. 이럴 경우에는 개발을 할 수가 없게 됩니다. 브라우저의 에러로그 오버레이를 없애주는 설정을 하겠습니다. 설정 순서 1. 프로젝트 홈 경로 바로 밑에 vue.config.js라는 파일을 생성합니다. 2. 다음 코드를 작성합니다. module.exports = { devSe.. 2021. 1. 23.

[vue.js]1 - vue 프로젝트 개발 환경 세팅하기

브라우저 개발 환경 chrome => 설치 크롬 플러그인 vue dev tool => 설치 Visual Studio Code 설치 플러그인 - vetur - vue VSCode Snippets - Material Icon Theme(파일 아이콘 알아보기 쉽게 설정) - Live Server - Night Owl(vscode 테마 색깔 변경) - Prettier (Javascript formmater) - ESLint (Javascript 통합 ) Visual Studio Code 테마 변경 1. vscode 검색창 열기 맥 : Cmd + Shift + P 윈도우 : Ctrl + Shift + P 2. 'color theme'를 검색 git clone 받기 1. 터미널 열기 맥 : control + shi.. 2021. 1. 22.

[Vue.js] 2- vue-cli 프로젝트 생성하기

vue.js 기반의 프로젝트를 아주 처음부터 만들고, 수 많은 연관 라이브러리를 npm을 통해서 다운받아서 한 땀, 한 땀 만드는 일은 시간이 정말 많이 걸리고 복잡한 일일 겁니다. 그래서, vue.js를 사용한 초기 프로젝트를 패키지처럼 묶어서 사용할 수 있게 한 것이 vue-cli입니다. command-line-interface라고 하는데, 명령어 입력으로 초기 프로젝트를 설치하거나, 라이브러리를 설치할 수 있는 도구입니다. 그럼, vue-cli를 사용해서 초기 프로젝트를 생성해 보겠습니다. 1. 터미널을 엽니다. 2. vue-cli를 설치합니다. 명령어 : npm install -g @vue/cli 3. 다음 명령어로 vue 버전을 확인하고, 정상적으로 vue-cli가 설치가 되었음을 확인합니다. .. 2021. 1. 22.

vscode 개발환경 세팅하기

브라우저 환경 chrome 크롬 플러그인 vue dev tool vscode 설치 플러그인 - vetur - vue VSCode Snippets - Material Icon Theme - Live Server vscode 테마 변경 1. vscode 검색창 열기 맥 : Cmd + Shift + P 윈도우 : Ctrl + Shift + P 2. 'color theme'를 검색 git clone 받기 1. 터미널 열기 맥 : control + shift + ` 2. 명령어 입력 : git clone 클론 주소 2021. 1. 22.

[MySQL]workbench 쿼리 타임아웃 설정하는 방법

1. mysql workbench에서 preferences 클릭 2. SQL Editor를 선택 하고 하단에 보시면 read timeout을 설정하는 부분을 확인할 수 있습니다. 초단위로 입력하시고 ok버튼 누르시면 됩니다. 3. workbench 껏다 키시면 적용됩니다. 2020. 12. 30.

[MySQL]MySQL 기술 개념

DISTINCT와 GROUP BY의 차이점 DISTINCT : 그룹핑 GROUP BY : 그룹핑 + 정렬 정렬은 그룹핑과는 별개로 추가 작업이므로 DISITINCT가 더 빠르게 작동합니다. create table 할 때, 사용하는 데이터 형 unsigned : id같은 경우 음수를 사용하지 않으니까 int의 범위의 절반은 사용하지 않습니다. 이럴 때 unsigned를 사용하면 int 범위인 -2147483648~2147483647를 0~4294967295범위로 더 효과적으로 사용할 수 있습니다. tinyint 범위 : -128~127 (unsigned일 경우 0~255) smallint 범위 : -32768~32767 (unsigned일 경우 0~65535) mediumint 범위 : unsigned일 .. 2020. 12. 30.

티스토리툴바