본문 바로가기

전체 보기

 (223)
apexcharts/vue git 사용하기 프로젝트 생성 git clone https://github.com/apexcharts/vue-apexcharts.git 폴더 변경 및 node_module폴더 생성 및 serve 명령어 수행(내부적으로 웹팩 개발 서버인 webpack-dev-server를 사용) -> 코드변경분이 새로고침 없이 반영가능 cd vue-apexcharts/example & npm i & npm run serve 참고자료 github.com/apexcharts/vue-apexcharts apexcharts/vue-apexcharts 📊 Vue.js component for ApexCharts. Contribute to apexcharts/vue-apexcharts development by creating an account ..
APEXCHARTS 라이브러리 사용하기 (vue) 환경 운영체제 : window 10 RAM : 8.00 GB 프로세서 : Intel(R) Core(TM) i5-8265U CPU @ 1.60 GHz 1.80 GHz 프로젝트 만들기 (링크참조) hbsowo58.tistory.com/479 Vue 프로젝트 만들기 환경 운영체제 : window 10 RAM : 8.00 GB 프로세서 : Intel(R) Core(TM) i5-8265U CPU @ 1.60GHz 1.80 GHz 설치 npm i -g @vue/cli vue --version boilerplate 설치 vue create 프로젝트명 Linter는 제거 (경고.. hbsowo58.tistory.com apexcharts & vue-apexcharts 설치 npm install --save apexch..
Vue 프로젝트 만들기 환경 운영체제 : window 10 RAM : 8.00 GB 프로세서 : Intel(R) Core(TM) i5-8265U CPU @ 1.60 GHz 1.80 GHz 설치 npm i -g @vue/cli vue --version boilerplate 설치 vue create 프로젝트명 Linter는 제거 (경고 & 에러때문에 프로젝트 진행에 시간 많이 소요) + Router, Vuex 추가 2.x 버전선택 나머지 default cd 프로젝트명 npm run serve
Confluence 사용하여 협업하기 ATLASSIAN(아틀라시안) 사의 Confluence를 사용해보겠습니다. - JIRA, Bitbucket, Sourcetree 등 들어만 본 것, 사용해본 것이 아틀라시안사 제품이라는 것을 알았습니다. www.atlassian.com/ko Atlassian | 소프트웨어 개발 및 협업 도구 전 세계 수백 만 사용자가 Atlassian 제품을 이용해 소프트웨어 개발과 프로젝트 관리, 협업, 코드 품질을 개선하고 있습니다. www.atlassian.com 방문하여, 상단 네비게이션바의 제품 - 협업 - Confluence를 클릭합니다. 회원가입이 필요한데, 구글연동을 사용하겠습니다. 무료로 시작 클릭 다음 클릭 역할선택 스페이스 작성 팀 구성원 - (저는) 건너뛰기 사용
for문의 동작순서 목적 : for문의 동작 순서 이해 및 자바스크립트에서 키워드 스코프 이해 다양한 프로그래밍 언어에서 반복 문의 종류에 for 문이 있습니다. 아래와 같은 코드가 존재한다고 가정하면, 동작 순서는 for(let i = 0; i ㄷ -> ㄴ -> ㄹ -> ㄷ -> ㄴ -> (종료) i는 3전까지만 된다고 생각할 수 있는데, i가 3까지 증가하나, 조건문에서 false가 되어 실행 문의 실행되..
코딩 테스트 치트리스트 코딩 테스트를 경험하다 보면, 시간이 부족함을 느끼는 경우가 많습니다. 실력적인 부분도 있겠지만 알고리즘을 짜내더라도 구현 시간에 코드를 작성하면서 시간이 소모되는 경우도 많은데요. 알고리즘을 짜는시간을 줄이는 건 평소에 학습이겠지만, 테스트에서 구현하는 데에 자주 사용되는 코드들이 있습니다 주력 언어는 자바스크립트이며 코딩 테스트 때 옆에다 펴두고 사용한다면 구현 시간을 많이 줄일 수 있습니다. 개발자들은 반복을 제거하는 직업이기도 하죠. 배열의 내용 정렬 array.sort(function(a,b){ return a-b; } 오름차순 array.sort(function(a, b){ return b-a; } 내림차순 배열의 중복제거 [... new Set(array)]; 배열 연장 array.conca..
[CSS] Float 정의 & Float 부작용 제거방법 CSS에서 Float 속성은 뜨다, 띄우다 라는 뜻이며, 출현은 이미지를 띄어서 텍스트와 보기 좋게 배치하기 위함이었습니다.였습니다. 면접 질문에서 Float 속성을 해제하는 방법에 대해서 질문받았는데요. 왜 물어보았을까요? 여러 가지 이유가 있다고 생각합니다. 주관적으로 우리 회사에는 float로 레이아웃을 배치한 코드가 있는데, 유지 보수할 수 있겠어요?로 해석하였습니다. float에 대한 이해도가 부족하면 유지 보수하는데 어려움을 겪거나 해결할 수 없겠죠? 원래 Float는 이미지를 띄우기 위함이었으나, 레이아웃을 잡는 데 사용으로 변화되었다고 합니다. 이로 인해 nomarl flow(마크업 흐름에 따라 위에서 아래로)에 변화가 생기게 되고 부모의 공간 등이 무시되는 현상 등이 발생하게 됩니다. 그..
[CSS] BOX-MODEL CSS는 HTML elements에 '디자인'을 입혀 화면에 display 하는 방법을 정의합니다. CSS 목적은 HTML을 디자인하기 위함입니다. CSS가 출몰하게 된 이유는 : 기존의 HTML 딱딱한 문서에서 줄 간격, 폰트 사이즈 등을 조절하여 가독성을 높이기, 태그들 사이에 차이를 부여해서 콘텐츠 간의 분별력을 높여 웹페이지의 가치를 높이는 역할을 합니다. 요약하자면 '구조'와 '표현'의 분리라고 생각합니다. CSS에 학습하면서 중요하다고 생각되는 부분은 크게 BOX-MODELING / POSITION + float에 대한 이해라고 생각합니다. (다른 내용들은 필요할 때 검색해서 사용하더라도 위에 2가지 + @는 이해가 필요) BOX-MODEING에 대해서 설명해보겠습니다. CSS는 HTML을 디..

티스토리툴바