import lombok.data Lombok is library that adds code as specific anotation when java compiling. @data is powerful anotation which include @ToString, @EqualsAndHashCode, @Getter, @Setter, @RequiredArgsConstructor. But it occurs many disadvantages. So use carefully.
VUEJS) vue js environment setup
1) install Nodejs https://nodejs.org/ko/ Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org - try LTS Latest version first! if you have npm, reinstall it. - do not change path. - if error occur, try to install right one(16.11.1) version. the version will be updated depend on your date. 2) install VScode https://code.visualstudio.com/ Visual Studio Code - ..
얼마전 회사에서 3가지 국책사업에 지원하기로 했다. 기획팀에서 3가지 모두를 지원하는데 시간은 2주가 채 되지 않는다. 기획팀에서 인원 지원을 요청해서 내가 들어가게 되었다. 사업계획서에 대해서는 전혀 무지할 뿐더러 한글, ppt를 한번도 제대로 다뤄본적이 없었다. 그리고 타이트한 시간때문에 항상 사업계획서 기간이면 야근은 물론 주말 출근 또한 필수적이어 보였다. 먼제 사업계획서란? RFP라고 부르며, 페이퍼로 모든 사업계획을 자세히 담고있어야 한다. 시장동향과 경쟁사분석 또한 이루어져야한다. 좋은 사업계획서가 무엇인지 정확하진 않지만 정성을 들여야하는 것은 당연한 것이다. 실제 열심히 한 사업계획서는 떨어지고 공을 덜 들인 사업이 붙은경우도 있다고하니 정부의 담당자의 의도와 맞도록 작성하는 것이 가장 ..
브라우저를 구분하는 코드 - 엔진을 통해서 브라우저를 구분하는 듯 함 - ios크롬을 실행하더라도 '사파리'라는 것을 확인함 var userAgent=navigator.userAgent.toLowerCase(); var browser; if(userAgent.indexOf('edge')>-1){ browser='익스플로러 엣지'; }else if(userAgent.indexOf('whale')>-1){ browser='네이버 웨일'; }else if(userAgent.indexOf('chrome')>-1){ browser='크롬'; }else if(userAgent.indexOf('firefox')>-1){ browser='파이어폭스'; }else if(userAgent.indexOf('safari/')..
CSS) 변환 3D 속성
1) transform 3D 변환 함수 속성 값 값 의미 기본값 translate3d(x, y, z) 이동(X축, Y축, Z축) 단위 translateZ(z) 이동(Z축) 단위 scale3d(x, y, z) 크기(X축, Y축, Z축) 없음(배수) scaleZ(z) 크기(Z축) 없음(배수) rotate3d(z, y, z, a) 회전(X벡터, Y벡터, Z벡터, 각도) 없음, deg rotateX(x) 회전(X축) deg rotateY(y) 회전(Y축) deg rotateZ(z) 회전(Z축) deg perspective(n) 원근법(거리) 단위 matrix3d(n,n,n,n,n,n,n,n,n,n,n,n,n,n,n,n) 3차원 변환 효과 없음 translateZ(z) perspecive view로 봤을때(3D)..
JS) Mobile viewport size fit
To support various device viewport size specially mobile device has portrait and landscape, scale up and down, website have to adjust various enviorment js Code - it is widely used function initScale() { var ress = navigator.userAgent; if (ress.indexOf("Android 1.", 0) > -1 ){ if (ress.indexOf("480", 0) > -1 ) { // 480x800 var per = 0.5226824457593688; } else if(ress.indexOf("600", 0) > -1 ) { /..
1) transform position을 사용하게되면 부하가 걸리게된다. transform와 같이 애니매이션에 특화된 속성을 사용해야 한다. 사용법 1. position을 이용한 애니메이션 효과(잘못된 사용방법) html 123 css .box { width: 200px; height: 200px; background: tomato; display: flex; justify-content: center; align-items: center; font-size: 30px; transition: 1s; position: relative; left: 0; top: 0; } .box:hover { position: relative; left: 100px; top: 30px; } ※ rendering이 다시 되기..