728x90 반응형 개발의 기록/Web23 WebStorm 에서 'module is not installed' 해결 최근 vue.js를 통해 프로젝트할 일이 생겨 WebStrom을 이용해서 개발하게 되었어요. VSCode를 이용해서 작업 할 때는 괜찮았는데 WebStorm으로 프로젝트를 열면 'module is not installed'라는 warning이 계속 떠서 거슬렸는데 오늘은 도저히 못 참겠어서 해결했네요..ㅎㅎ 해결 방법은 아주 간단합니다. jsconfig.json 파일 하나 생성해주고 아래 코드 넣으면 끝! { "compilerOptions": { "baseUrl": ".", "paths": { "~/*": ["./*"], "@/*": ["./*"], "~~/*": ["./*"], "@@/*": ["./*"] } } } VSCode에서는 왜 된거지? 라는 생각을 해봤는데... tsconfig.json이 있.. 2022. 11. 11. 2018 수시컨설팅 서비스 닥터수시 개발 후기 오랜만에 서비스 개발 후기를 작성 해 봅니다.이번 포스팅에는 코드가 없을지도?ㅎㅎ 제 주변에는 다양한 지인들이 있습니다 ㅎㅎ 그 중에서 학생들을 가르치고 상담을 해주는 친구도 있습니다.그 친구가 학생들을 상담 해주면서 피부로 느끼고 고민했던 서비스를 하고자 같이 뭉쳤습니다. 그 친구가 현장에서 느꼈던 것중 가장 큰 것은 정보의 부익부 빈익빈(?) 이라고 합니다. 일 예로 어떤 한 학생은 "선생님이 수시 원서 넣을 학교 알아 오라고 하는데...어딜 가야 할지 모르겠어요 ㅠㅠ " 라고 하는 반면,어떤 학 생은 "제가 대치동에 있는 OO학원에서 컨설팅을 받아 봤는데요 OO대학교에 넣으래요" 라고 상반된 답을 했다고 합니다.대치동에 있는 OO학원등은 컨설팅 비가 수십만원 하기도 하고, 컨설팅을 받을 수 있는 학.. 2017. 7. 18. IntelliJ를 이용한 철저한 캡쳐위주 Spring Boot 셋팅 하기-2 IntelliJ를 이용한 철저한 캡쳐위주 Spring Boot 셋팅 하기-1IntelliJ를 이용한 철저한 캡쳐위주 Spring Boot 셋팅 하기-2 1. 프로젝트 구조 다시 살펴보기프로젝트 구조를 보면 gradle이라는 폴더가 있고 gradle-wrapper.jar등이 있는 것이 보이고, gradlew, gradlew.bat이 보인다. 이것은 저번 시간에 선택했던'Use customizable gradel wrapper' 덕분이다. 2. build gradle설정하기기본적으로 gradle이 셋팅되는데 html5관련해서 몇가지 추가해 줘야한다. 그래야지 html5라던가 thymeleaf에서 오류가 발생하지 않는다. 3. application.properties 설정XML이 없어진 대신 applicati.. 2015. 9. 15. IntelliJ를 이용한 철저한 캡쳐위주 Spring Boot 셋팅 하기-1 IntelliJ를 이용한 철저한 캡쳐위주 Spring Boot 셋팅 하기-1IntelliJ를 이용한 철저한 캡쳐위주 Spring Boot 셋팅 하기-2 오늘은 그냥 보고 따라하는 튜토리얼형 포스팅 되시겠다~ 몇달 가까이 Spring Boot을 써본결과 간편함에 놀랐다. 기존에 XML헬에서 날 꺼내준 Spring Boot..지금 시작 합니다! 1. 프로젝트 생성 머 그냥 Create New Project를 눌러주면 된다. 2. Spring Initializr 선택 IntelliJ에는 Spring Boot을 위한 Initializr가 준비되어 있다. 2-1.Type을 Gradle Project(Generate a Gradel based project archive)로 변경 후 정보를 입력 하고 Next 2-.. 2015. 9. 14. Spring + Hibernate JPA + Thymeleaf Pagination 페이징 하기 Spring, Hibernate JPA, Thymeleaf, Bootstrap을 이용한 Pagination하는 방법을 정리해 보자 개발자는 설명보다는 소스를 보기 편하니까 여기에서는 조건과 정의한 내용에 대해서만 간략하게 정리하고 넘어간다. 소스는 gist에 올려뒀다. 1. 조건 사용자 리스트를 보여주고, Row는 10줄로 한정한다. 현재 데이터는 10건이상이 있다고 가정한다. 2. Model 정의 사용자 모델은 이름, 설명, 연락처, 이메일 주소를 갖고 있다. https://gist.github.com/Prographer/a62fbf5bcedc2bfc6db3#file-user-java 3. Repository 정의 PagingAndSortingRepository를 상속 받은 Interface를 정의 한.. 2015. 8. 27. HTML5 CSS 정렬문제 전 회사 여직원 한테서 갑자기 카톡이 날라온다.. 그녀: 팀장님 이거 어떻게 등간격으로 정렬해요?ㅠㅠ 나: 한줄에 몇개씩 넣으면됨?그녀: 8개요나: 그럼 DIV로 싸고 CSS로 정렬해~ 정렬할때 width를 100/8 = 12.5 니까 12.5%씩 하고그녀: 몰겠음요ㅠ 그래서 예제 하나 만들어서 보내줌 결과화면 이코드의 핵심은 div의 display:inline-block 끗. 2015. 6. 16. 웹 개발환경 설정 웹을 개발 하기 앞서 어떤 도구를 이용해서 코드를 만들지 생각해 봐야한다.Html이나 css, JavaScript는 텍스트 문서처럼 작성하면 되므로 메모장으로 만들 수도 있고, 다른 툴을 이용해서 만들 수도 있다.(단, 한글, 마이크로소프트워드, 엑셀은 안됨-_-;) 나는 Sublime Text 3 라는 툴을 이용해서 작성을 하겠다. Sublime Text는 메모장을 좀더 이쁘고 좋은 기능을 넣은 메모장이라고 생가하면 좋을 것 같다. http://www.sublimetext.com/3 에서 다운받을 수 있다. 설치시 Next만 누르면 되는데 3번째 Step 에서 "Add to explorer context menu" 만 체크 설치 완료 후 실행하면 검은색 화면에 먼가 개발자 포스를 풀풀 품길것 같은 화면.. 2015. 4. 13. 영상으로 간편하게 움짤 만들기 내가 갖고 있는 동영상, 움짤로 어떻게 만드세요? 만든 움짤은 어떻게 관리 하세요? 검색엔진에서 검색을 해보면 다양한 방법이 많이 나옵니다.D사의 D인코더 프로그램으로 동영상을 잘라서 A사의 P샵을 이용 해라 와같이 듣기만 해도 어려운 이야기뿐입니다. 여기 설치 없이 동영상업로드, 구간설정, 만들기 만으로 움짤 만들고 만들어진 움짤을 편리하게 관리하는 방법을 소개합니다. 제가 만들었어요.. ㅋㅋ 이게 메인 화면인데요, 로고와 검색 창이 보입니다.움짤을 직접 만들 수도 있지만, 다른 사람이 만들어놓은 움잘도 사용 할 수 있도록 보여주는 기능을 하죠, ㅎㅎ http://33zzal.com 쭉 내리다 보면 Load More가 있어서 움짤을 더 보고 싶을 때는 눌러주시면 됩니다....ㅎㅎ 회원 가입 화면인데요,.. 2015. 2. 13. Javascrtip Injection 몇일전 아는 형님분이 자기가 즐겨 찾는 싸이트가 해킹당한거 같다 하셔서 그 싸이트를 조사하던중, Javascript Injaction이라는 것을 알게됐다. 모든 Injection 해킹은 간단한 코드만 넣어주면 되는데, 그 모든 것을 일일이 신경쓰기는 참 힘든 것 같다. 나도 개발하면서 우선 기능구현에 급급하여 보안관련 부분은 미뤄두는데... 다행이 이제까지는 내부 프로젝트라 보안에 그리 큰 이슈가 없었지만 신경써서 만들어야 겠다. 댐이 무너지기전에 보수공사를 해야지 다 무너지고 나서는 무슨 소용이겠는가. 여기 간단한 Posting을 찾아놨다~ 핵심은 이부분이 되시겠다~ 말그대로 Html을 인코드 하는 코드다. -->alert("Boo!") 요렇게 바꿔주는 코드이다. 사용법이.. 2010. 11. 1. jQuery를 이용한 데이터 검색 요즘 일도 하기 싫고~뭐 하기도 싫어서 포스팅을 미루다 무리드 오랜만에 포스팅을 한다~ㅋㅋ 오늘은 jQuery를 이용하여 데이터를 검색 하는 방법을 알아보자~ 데이터를 검색 하는 방법에는 여러 가지가 있다. 우선 검색어를 데이터 베이스로 post나 get으로 던저서 값을 받아오는 방법, ajax를 이용하여 데이터를 받아 오는방법. 하지만 이러한 방법들은 서버에 다녀와야 하기때문에 속도가 많이 떨어진다. 그래서 생각해본건데...이미 로딩된 데이터를 가공해서 데이터를 불러오면 어떨까? 하는 생각. 뭐 이미 이런비슷한 기능들은 많이 있지만 찾기도 귀찮고 남의 소스 분석하는 것도 귀찮아서 걍 내가 만들어 버렸다 -_-;;;(만드는게 더 귀찮겠다 -_-) 우선 여기서 필요한 기능은 jQuery의 selector기.. 2010. 10. 7. jQuery.UI를 이용하여 디자이너 없이 디자인 하기 II 안녕하세요~ 저번 포스팅에서는 Button만 UI를 이용하였 었는데, 다른 UI도 같이 사용하다가 스킨 바꾸기도 귀찮고..그래서 전체를 UI를 써서 만들어봤어요~ 1. jQuery.UI가 사용된기능 가. Button - 태그 뿐만 아니라, 태그도 사용 했습니다. 나. UI관련 Css - .ui-state-default - 기타 아이콘(".ui-icon-search", ".ui-icon-plusthick"...) 다. Dialog 2. 테이블 디자인 가. 테이블 디자인에 사용된 태그 - : 테이블을 나타내는 태그 - : 테이블 제목을 나타내는 태그 - : 태이블의 Column의 속성을 지정해 주는 부분 - : 테이블에서 해더를 나타내는 태그 - : 테이블에서 바디를 나타내는 태그 - : 테이블에서 풋을 나.. 2010. 8. 26. jQuery.UI를 이용하여 디자이너 없이 Website 만들기 - 버튼 및 테이블 음. 제목에는 테이블 예제라고 썻지만, 정확히 말해서 여기에 사용된 UI는 button뿐이다... 그렇다고 낚였다고 너무 화들내지 마시고... css소스 다 줄터이니... 우선 예제 화면 부터 확인하고 가자. 여기에 사용된 UI는 Button 및 Icon이다. Button에 관한 자세한 내용은 http://jqueryui.com/demos/button/ 에서 확인 가능하다. 이제 소스를 보면서 하나하나 알아보자 1. HTML 가. Header 나. Body Search: Search Import Export Insert Web Inventory - Ver.1.0.1. No. Quantity Unique Code SeliniNY Boxed-Gifts Angelic Rise NetSol Amazon eBay.. 2010. 8. 18. 이전 1 2 다음 728x90 반응형
