혜미의 개발 일지

파일의 세팅에 플러그인에서 vue.js 검색 후 뷰를 설치해준다. (한국어 변경은 파일의 세팅에 플러그인에 들어가서 korean 검색하면 한국어팩이 있음 설치후 재시작하면 변경됨.) 만일 한국어를 해제하고 싶으면 컨트롤 + 알트 + S를 누룬후 플러그인에서 설치됨에서 체크박스 해제하기 그런데 뷰 플로그인 설치 후에 프로젝트를 바로 생성하려 보니 노드가 필요한 것을 알 수 있다. 로컬 환경에서 뷰로 개발하기 위해서는 세개의 항목을 설치해야한다. 1. vue.js 2. node.js 3. ejs https://nodejs.org/ko/download/ 다운로드 | Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. ..

기능 설명 : 셀렉트 옵션을 통해 선택한 시스템의 로그를 조회하여 오늘, 어제, 누적 방문수를 구한다. 로그 DB 구조 DB 구조 설명 : sysCd를 통해 시스템을 구분, os 를 통해 해당 로그를 웹인지 어플인 분기하려했음. 그러나 핸드폰으로 웹으로 들어온경우 os는 안드로이드나 ios로 찍힘. 이를 나중에서야 앎. 그래서 이를 구분하기 위해 브라우저를 통해서도 조건식을 넣도록 수정해야했음. 내가짰던 html 셀렉트 박스 코드 B2B u-Clip(udid.domian.kr) B2B X-3(did.domian.kr) B2C 웹(b2c.domian.kr) B2C Mobile APP MGR 웹(umgr.domian.kr) 초기 jsp ajax function siteChange(site){ let site..

https://www.highcharts.com/ Interactive javascript charts library Don't miss a byte Never miss important news, tips, and tricks that will help you get the most out of your Highcharts products. We won’t spam you, sell your contact info or do anything else that would betray your trust. By signing up you confirm to have r www.highcharts.com 여기서 원하는 모양의 그래프를 가져다가 사용한다. https://www.highcharts.com/dem..

jquery $(document).ready(function(){ }); javascript document.addEventListener("DOMContentLoaded", function(){ }); 출처 : https://euntori7.tistory.com/356 document ready 를 순수 javascript로 jquery를 쓰지 않고 순수 javascript로 ready()를 대체하는 코드. document.addEventListener("DOMContentLoaded", function(){ // Handler when the DOM is fully loaded }); 참고로, $(document).ready(handler.. euntori7.tistory.com

나는 대체로 console.log만 많이 활용하는 편이었는데 생각보다 콘솔이 다양하다. ( 제가 실행하다보니 코드 이해를 위해 영,한이 섞여 있는데 이해부탁드립니다. ) es6 콘솔 모든 JavaScript 개발자는 콘솔 로그("메시지") 이 방법을 사용했습니다. 웹 브라우저에서 제공하는 JavaScript 콘솔 메커니즘과 유사한 간단한 디버깅 콘솔을 제공합니다. 이 기사에서는 몇 가지 일반적인 JS 콘솔 방법에 대해 설명합니다. 다음 방법은 모두 글로벌 인스턴스 콘솔에서 사용할 수 있으므로 콘솔 모듈이 필요하지 않습니다. 기본값: 콘솔 로그() | 정보() | 디버그() | 경고() | 오류() 이러한 콘솔 메소드는 제공된 이벤트 유형에 따라 적절한 색상으로 원래 문자열을 직접 인쇄합니다. consol..

2022년 웹 개발에서 고려해야 할 환경 - LINE ENGINEERING (linecorp.com) 2022년 웹 개발에서 고려해야 할 환경 - LINE ENGINEERING TL;DR: 2022년에 웹 개발할 때 고려해야 할 환경은, 성능 측면에서는 저사양의 Android 기기, 웹 표준 측면에서는 2년 전의 Safari, 네트워크 측면에서는 4G입니다. 웹은 대체적으로 이와 같은 니즈에 적 engineering.linecorp.com

우리회사 같은 경우 실시간으로 데이터를 주고 받는 관제시스템이기때문에 페이지에 쌓이는 캐시로 인해 페이지로 로드가 느려지고 css나 js변경시 잘 이뤄지기가 어렵다, 그래서 그 css나 js파일에 version에 시간을 넣어서 자동으로 새로고침할 수 있는 기능을 넣었다. version=" 실제 현장에서 css나js파일은 html파일이라 변경하고 바로 반영되는 걸 확인해야하는데 실제로 해보면 브라우저에 저장되어있던 캐시때문에 바로 반영되어 인터넷으로 확인해보기가 쉽지 않다는 것을 알 수 있다. 이런 팁을 사용하면 그러한 문제를 좀 방지 할 수 있다. 또한, setInterval(function() { typeTrans('A') }, 600000); function typeTrans( didType ){ $..

form 안에 button을 작성 할 경우 조심해야할 문제, 엔터키시 submit 전송이 자동으로 이뤄진다는 점이다. 그래서 실무에서 div 태그에 이미지를 넣어 버튼을 만드는 형식으로 버튼을 작성하는 이유이다.