본문 바로가기

728x90

program139

99% 세일! 상용프로젝트에 사용가능한 18종의 폰트를 $29에 구입 가능! #1944 The Typographer’s Versatile Collection - Design Cuts Versatility is key when it comes to making your design work pop and this collection is jam-packed with the most popular and versatile fonts available i www.designcuts.com Design Cuts에서 상용 프로젝트에서도 안심하고 사용할 수 있는 폰트를 기간한정으로 판매하고 있습니다. 정가로 구매할 경우 $3028(약350만원) 상당에 이르는 가격이지만, 99%의 세일로 $29(약35,000원)으로 구입가능한 세일입니다. 폰트가격이 상당히 비싸서 구매하기가 어려웠다면 이번 .. 2019. 9. 6.

[JSP] choose, when, otherwise 사용법 #1942 이미 프로그램이 완성된 페이지를 수정할 일이 생겨서 따로 HTML을 만들기 보다는 직접 jsp를 수정하는게 편할것 같아 작업을 시작했는데 화면에 자꾸 에러를 뿌리더군요. 해결한 김에 메모 차원의 포스팅입니다. when과 otherwise를 감싸는 필수 요소 선택된 상태, 기능이 적용된 상태를 처리할 때는 when에 작업 choose 안에서 default 상태로 처리할 때는 otherwise에 작업 원래 파일은 대충 아래와 같은 구조를 가지고 있었습니다. 확인 확인 이 버튼들을 감싸는 블럭이 새로 필요하게 되었고 다음과 같이 바꿨더니 문제가 없긴 했는데.. 이런식으로는 무의미한 블럭이라는 생각이 들었습니다. 뭐랄까 이쁘지 않은 코드? 확인 확인 그래서.. 그럼 choose 와 when 사이에 박.. 2019. 8. 20.

이클립스 'localhost are already in use' 문제 #1938W01 네 전 개발자가 아니라 가끔씩 이클립스가 내뱉는 에러에 경기를 일으키는 사람중 한명입니다. 오늘은 작업을 하는데 갑자기 다운되더이다. 그래서 다시 한번 실행을 시켜주었는데 갑자기 localhost를 찾지 못한다는 메세지를 우렁차게 뿜어내는 것이었습니다. 이미 포트를 사용중이라나.. 이리저리 이유를 찾다 작업관리자에서 해결책을 찾았네요. 모종의 이유로 이클립스가 강제종료된 경우 이클립스를 재실행 하여도 메모리 상에서는 서버가 아직 움직이고 있는 상태라서 생기는 문제였던 것 같습니다. 이런 오류가 발생한다면 작업관리자에서 실행중인 javaw.exe를 종료시킨 후 다시 실행시키니 문제없이 다시 잘 돌아가네요. 2019. 7. 28.

라이노 초심자에게 추천! 라이노 3D 5+ 정리노트 B18.052기술서들이 대체로 그렇습니다만, 책이 두껍습니다. 상당히. 기본적으로 윈도우 환경을 기준으로 하고 있기 때문에 맥을 사용하고 있는 저로서는 조금 삐리리한 부분들도 있었지만, 3D를 처음 접하는 사람도 크게 문제없이 3D를 즐길 수 있을 정도라고 생각했습니다.(이제 3D 책 두 권째) 예제를 따라 하면서 각 툴들에 대한 이해도 많이 되었으며, 3D 프린팅에 대한 예제도 들어 있어 재미있게 해 볼 수 있었습니다.하다 보니 나름 손에 익는 툴들도 있어 책과는 다르게 진행해 보기도 하면서 예제들을 따라 해 봤습니다.아주 기초적인 작업만으로도 이런 결과물들이 나온다는 것에 나름 상당히 재미를 느낄 수 있었습니다. 조금씩 개인적으로 만들고 싶은 것들을 모델링 하면서 3D를 익혀 봐야 할 것 같습니다. .. 2018. 12. 14.

Rhino로 3D 공부중 - 주사위 3D, 확실히 매력적인것 같습니다. 내가 원하는 각도, 재질, 광원까지. 라이노에서 모델링을 끝내고 나면 3D를 만들고 일러스트레이터에서 사용가능한 아웃라인으로 만들어진 결과물까지 뽑아 낼 수 있다니... 아직 맵핑은 넘사벽이라 렌더링시에 사용하고 있는 Keyshot에서 제공되는 디폴트를 그대로 적용시켜 보고 있는 상태지만, 이것만으로도 훌륭하다고 생각됩니다. 맥북에어로는 확실히 하드웨어적으로 힘들어 하는 건 어쩔 수 없는 것 같습니다. 고사양 PC가 가지고 싶어지네요.. 2018. 12. 9.

Rhino로 3D 공부중 Rhino로 3D를 공부중입니다만, 왜 3D를 하는지 알것 같습니다. 재미있네요.3D에는 이제 입문한 관계로 라이노에서 제공되는 렌더링을 사용해서는 이쁘게 되질 않는것 같습니다.Keyshot 이라는 프로그램을 사용하니 아주 좋은 품질의 결과물이 나왔습니다..모델링만 잘 해두면 초보라면 한참 걸릴것 같은 기본적인 재질, 광원같은건 일정 수준 이상이 나오게 해주는 것 같아 감탄중입니다.3D로 프린팅 해보는 그날까지 열공! 2018. 12. 7.

vuetify theme color 설정 Bootstarp도 그렇고, Vuetify도 그렇고 프레임워크들에는 기본적으로 사이트에서 쉽게 적용가능한 컬러테마가 몇가지 지정되어 있습니다. Vuetify는 plugins > vuetify.js 파일에서 그 값을 지정해 둘 수 있습니다. 기본적으로 인스톨을 마친 초기에는 아마도 다음과 같은 형식으로 되어 있을 것이라 생각됩니다. Vuetify 에서 제공하는 방법 이 상태에서 CSS를 경로를 새롭게 지정해주고, theme에서 필요로 하는 컬러값을 셋팅해 주면 사용가능한 상태가 됩니다. 이 방법은 개인적으로 SCSS파일 사용을 전제로 했었기에 택한 방법인 만큼 다른 방법도 있을 것이라 생각됩니다. 이 방법은 js파일에서 색상값만 바꾸면 자동으로 vuetify.scss에 적용되어 있는 기본 컬러값을 덮어씌우.. 2018. 11. 7.

Vue.js에서 CSS module 사용하기 그저 module 을 사용하면서 알게 된 내용에 관한 메모입니다. 우선 module을 사용하기 위해선 vue-loader를 사용하여야 합니다. vue-loader를 사용하게 되면 css 이외에도 scss와 같은 다양한 방식이 적용가능해집니다. 공식 문서는 본가 사이트에서 확인 가능합니다. 우선 vue에서 CSS를 사용할 경우는 그대로 사용하면 되지만, SASS/SCSS를 사용할 경우에는 lang="scss" 를 추가 시켜주어야 합니다. 이렇게 두가지를 적용시켜 적용시킬 수도 있습니다. 최종적으로, 예를 들어 Example.vue 라는 파일에서 module을 사용한 방식의 파일은 렌더링이 끝난 소스의 class를 확인하면 다음과 같아집니다. Vue 파일명 + module 클래스 + 랜덤문자의 조합으로 만들.. 2018. 10. 21.

vuetify grid layout 들여다보기 아래 내용은 버전 1.x대의 내용입니다. 2.x대에서 기본 레이아웃을 잡는 규칙이 변경되었습니다. 기본적인 레이아웃을 참고하실 경우 다음 글을 참고하시면 좋으실지도 모르겠습니다. - 2020/09/26 - [IT/program] - Vuetify 2.x 버전으로 레이아웃 잡기 프레임워크를 그리 좋아하지 않는 저로서는 아마 프로젝트가 끝나고 나면 Vuetify를 사용할 일은 두번다시 없지 않을까 생각하면서도.. 메모는 해두어야 겠다는 생각이 들어서.. 대부분의 웹프레임워크가 그렇듯이 Vuetify역시 기본적으로 반응형웹을 고려하여 만들어져 있으며, 일반적으로 사용되는 12단 형식을 사용하고 있습니다. Vuetify에서 제공하는 반응형 웹의 기본적인 내용은 'https://vuetifyjs.com/ko/la.. 2018. 10. 13.

R 스튜디오에서 한글 인코딩 문제 해결법 그동안 궁금했던 R에 대해서 책을 보면서 따라해보고 있는 중입니다만 초반부터 한글 인코딩 문제가 발목을 잡더군요. 기본적으로는 설정에서 인코딩을 UTF-8로 바꾸면 가능한것 같았지만, 지금 환경에서는 무언가 궁합이 맞질 않는지 계속해서 깨져서 나오는 것을 확인 할 수 있었습니다. 코딩을 작성할때는 한글의 입력에는 전혀 문제가 없는데 말이죠. 출력을 하면 깨지는 문제가 생겼던 겁니다. 이런저런 방법을 찾다보니 Sys.setlocale()를 사용한 방법으로 해결한다는 것을 알았습니다. 위와 같은 명령어를 실행한후 다시 실행을 하니 한글이 제대로 나오는것을 확인할 수 있었습니다. 단지, 이 설정은 프로그램 종료후 다시 시작한다면 설정값이 초기화가 됨으로 다시 명령어를 실행해 주어야 한다는 단점이 있긴 합니다... 2018. 9. 30.

vue 설치부터 vuetify 설치까지 우선은 vue Install 부터. 설치 자체는 무척 간단하게 되어 있습니다만. Yarn 이나 npm 으로 설치를 진행 하려면 우선적으로 node 가 깔려 있을 필요가 있습니다. 가장 손쉽게 접근하는 방법은 CDN을 활용하는 방법입니다. 연습만 하는 것이라면 jsfiddle이나 codepen 에서도 연습이 가능합니다. CDN을 사용하면 사용해 보는데는 문제가 없지만, 전 프로젝트에 사용해야 하는 관계로 설치버전으로 진행했습니다. 어디에서라도 참조하여 프로젝트를 생성시킬 수 있도록 '-g' 옵션을 활용합니다. npm install -g @vue/cli 설치 후에는 제대로 깔렸는지, 버전 확인을 해준뒤 프로젝트를 생성합니다. vue -V vue create [project-name] 하나하나 코드를 치기가 .. 2018. 8. 21.

vue.js 입문자용 동영상 강좌 vuetify를 업무에서 사용하기 위해 vue.js를 공부해 보고 있는 마크업 엔지니어의 일종의 학습일지입니다. 확실히 생각보다는 접근하기 쉬운 구조로 되어 있다는 것을 체감하고 있습니다. 따라 해보면서 익히는 것도 중요하지만, 남이 작업하는 것을 보면 더 기억하기가 수월해지는 느낌을 받았습니다. 그래서 동영상을 통한 학습법이 통용되고 있는 거겠죠. 아무래도 입문자다 보니 가장 대표적으로 많이 사용 중인 구문을 사용한 동영상이 참고가 된 것 같습니다. 저와 같은 입문자에게 도움이 될 것 같아 참고했던 곳을 모아 봤습니다.. 무료 강좌는 역시 영어로 된 자료가 많습니다. 저도 영어를 못 알아듣지만 코드만 보면 되는 거라 부담가지실 필요 없을 것 같습니다. 1. https://vuehero.com/cours.. 2018. 8. 19.

vuetify를 사용하기 위해 vue.js를 알아가는 중 어쨌건 시작을 했으니 익히긴 해야겠는데 아무래도 (개인적으로) 프레임워크부터 발을 들이는 건 아닌 것 같아서 vue 관련 서적을 찾아봤지만, 초급, 입문자용 이외에는 딱히 없었습니다. 소문만큼이나 공식 사이트의 가이드가 상당히 잘 되어있다는 증거일지도 모르겠습니다. 해서 그쪽을 내리읽고 있는 중입니다. 한번 책 읽어 보면서 따라 해 봤다고 다 할 줄 알 정도의 천재가 아닌지라 처음부터 다시 읽기 시작했습니다. 어떤 식으로 움직이는 것인지 맛이라도 보자는 취지에서 읽어봤다면 이번엔 일을 해야 하는 관계로 이런저런 조사를 하면서 좀 더 웹을 참고하며 공부 하고 있는 중입니다. 이미 사용하기로 되어 있는 vuetify라는 프레임워크가 정해져 있지만, 시간은 좀 걸리더라도 우선은 vue.js의 기본문법을 알아두.. 2018. 8. 18.

Chrome 앗, 이런! 문제 해결 새로운 프로젝트로 들어간 곳에서는 Windows 7을 사용하고 있습니다. 보안 프로그램 때문에 회사에서 지원하는 노트북과 모니터로 작업을 해야 하는데.. Chrome을 계속해서 사용하지 못하고 있었습니다. Firefox도 같은 증상이고요. 희한한 것이 로컬에서 작업하고 있는 파일을 열려고 해도 열리지 않는 기현상을 발견해서 고민하고 있었습니다.에스코트 프로그램을 깔면 제대로 실행될까 싶었지만, 이마저도 아니란 걸 알게 되었고, 다시 깔아도 보고, 캐시를 청소도 해보고 하다가 결국 적용한 방법이 ‘--no-sandbox’.그나마 이 방법으로 Chrome, Firefox 양쪽 다 사용이 가능해져서 다행이긴 합니다만. 보안상 취약하다고 하니 약간 걱정이긴 합니다.회사 차원에서 브라우저에 대한 제약은 크게 두고.. 2018. 8. 17.

설마 이런식으로 vue를 시작할 줄이야. 정말, 설마 이런 식으로 vue.js를 시작하게 될줄은 몰랐는데 말입니다.그것도 vue도 잘 모르는 상태에서 프레임워크부터 사용하기 시작하다니.. 뭐든 난이도가 조금 있는 일이 실력향상에도 좋다는 건 인정하고 있습니다만, vue로 사이트를 구축해 본건 입문자용 책을 읽어 본것이 전부라서 살짝 걱정이긴 합니다.logo출근후 첫 미팅에서 vue를 사용하기로 했다는 전달을 받았고 사용하는 프레임워크는 vuetify를 사용할거라는 이야기를 들었습니다. 어차피, 프로젝트에서 사용할 계정 발급도 아직이고 해서 공식 사이트와 프레임워크의 사이트를 보며 책을 봤던 기억을 더듬거리면서 샘플 소스를 보기 시작했습니다.처음이지만, 오늘 하루 이리저리 만져본 느낌이랄까 마크업 입장에서 주의해야할 부분은 지금까지는 css를 하.. 2018. 8. 14.

gitbook + gitlab + Firebase 고수들에겐 별것 아닌것들이 초보들에겐 대단한 감동이라는 것을 다시금 깨우친 순간. 온/오프라인을 통해 알게된 정보와 프로젝트에서 사용하였던 소스등을 취합하여 개인적인 자료창고로 사용할 목적으로 적당한 방식을 찾아다니며 Quiver, Evernote등을 포함해서 기억도 잘 나지 않는 여러 방식을 활용해 봤지만 그닦 재미를 보지 못했었기에 다른 방법을 계속 찾아보고 있었다. gitbook을 알게 되었고, 이 side project는 gitlab의 Web IDE를 알고 나서 구상하게 되었다. gitlab에서 관리하는 이유는 gitlab의 Web IDE를 활용해 보기 위해서. 로컬에서 작업된 내용을 push 하는 작업은 항상 로컬에 작업 환경을 준비해야 하지만 gitlab의 Web IDE를 사용할 경우 온라인으.. 2018. 7. 4.

난생처음 Django로 블로그 만들고 Heroku에 공개 관련 메모 간만에 필 받아서 열공한 내용 중에서 문제가 있었던 부분에 대한 메모처음 Python과 Django를 알게 된 이후 언젠가는 도전해 보고 싶었었는데, 블로그를 만들고 최종적으로 Heroku에 공개까지 해보는 Django Girls Tutorial을 따라 해봤다.문제 1. 업그레이드처음 시작은 일본쪽 튜토리얼을 보고 시작했었는데 잘 나가다가 배포 하는 과정에서 막히기 시작하면서 시간을 꽤 잡아 먹었었다. (참고로 한국어 튜토리얼은 이쪽에서.) git push heroku master 로컬에서의 작업을 마무리하고 배포를 위한 과정을 위해 명령어를 실행하자 문제가 발생했다. ... ... remote: Command "python setup.py egg_info" failed with error code 1 .. 2018. 6. 1.

Git의 그래프 UI가 맘에 드는 GitKraken 대충 1년 전부터인 것 같은데 UI가 이뻐서 가끔씩 사용하고 있는 GitKraken 이 3.6으로 업데이트되었음.그래프가 복잡해질수록 게임화면을 보는 것 같아 심심하지 않아서 사용하곤 한다.아무래도 좋지만, 개인적으로 간단한 작업일때는 터미널이나 심플한 Gitbox를, 트리구조를 봐야 하는 경우는 Sourcetree를 사용하고 이쁜 화면이 보고 싶을 땐 Girkraken을 사용하고 있는 중. 2018. 5. 4.

RWD의 메뉴를 지원하는 스크립트 - menu-breaker.js RWD의 대응이 가능하며 트리메뉴 구조도 지원하는 menu-breaker.js RWD를 지원하는 만큼, 당연히 데스크탑이나 모바일을 지원합니다.Github페이지는 이쪽 > https://github.com/JB1905/menu-breaker.js샘플 페이지는 이쪽 > https://jb1905.github.io/menu-breaker.js 2018. 4. 24.

페이지에 인스타그램의 사진을 간지나게 보여주는 플러그인 - masongram 페이지 내에 인스타그램의 사진을 멋있게 보여줄 수 있는 jQuery용 플러그인인 masongram 입니다.https://github.com/mladenplavsic/masongram샘플페이지를 보면 상당히 깔끔하게 만들어져 있는 것을 확인할 수 있습니다.https://mladenplavsic.github.io/masongram/개인 작업물을 인스타그램에서 포트폴리오로 활용하고 계신분등 페이지에 인스타그램을 사용하고자 할때 간편하게 사용할 수 있을 것 같습니다. 2018. 4. 22.

가벼운 툴팁용 스크립트 - Tippy.js Tippy.js는 Vanilla.js 를 기본으로 하는 툴팁용 스크립트로 툴팁과 관련된 기능이라면 다 있다고 보여질 정도로 풍부한 기능을 제공하고 있습니다.HTML을 사용하는 방식이나 애니메이션은 물론이고 AJAX 를 사용한 툴팁도 가능합니다. - CodePen Demohttps://atomiks.github.io/tippyjs/ 2018. 4. 20.

이전 1 2 3 4 5 6 7 다음

728x90

티스토리툴바