현재까지 구현기능 - 할 일 입력시 리스트에 추가 - 리스트에서 우측 'x'버튼 클릭시 삭제 - 리스트 하단 총 개수 표시 - 리스트 하단 '전체,해야할일,완료할일' 버튼 클릭시 각 상태별 리스트 표시 - localStorage와 값을 연동하여, 새로고침시에도 값이 유지되어 표현됨 * 위 내용들은 현재 블로그에 작성 못함.. 추가로 구현해야할 기능 - TodoList.vue에 한번에 작성된 상태 컴포넌트별로 나눠서 구현 필요 -> 나눠서 구현 이후 Vuex적용 해보기 - 개발자도구에서 localStorage값을 전체 삭제시 Vue에서 인지 못함(새로고침시에만 적용됨) 기존 프로젝트는 TodoList.vue에 한번에 작성 -> 변경 프로젝트는 TodoInput.vue, TodoList.vue, TodoSt..

[ 할 일 목록 저장 ] 할 일을 입력하면 v-model에 정의된 'todoInput'으로 값이 매핑되어 저장됨 엔터키를 입력하여 할일이 리스트에 저장되는데 엔터키 입력시 @keyup.enter로 'enterKeyFunction'이 호출됨. enterKeyFunction() data(){ return { todoInput :'', dynamicLists:[], completedChecked:[], isShowTodoList:false, isCompleted:false, isCompletedArr:{}, isHidden:{}, isSelected:[true], totalCount:0, } }, methods:{ enterKeyFunction(){ this.dynamicLists.push(this.todoI..

프로젝트 구현 기능 * css는 기존 블랙커피스터디9기를 참여하면서 긁어온 UI입니다. - 할일 입력시 리스트 추가됨 - 리스트에 추가 된 할 일을 체크시 할일 완료기능 구현 - 리스트에 추가 된 할 일 삭제 기능 - 리스트 추가된 항 목 '전체할일' , '해야할일', '완료한 할일' 필터기능 - 현재 노출된 리스트 개수 확인을 위한 카운팅 하여 노출 TODOS {{list}} 총 {{totalCount}} 개 전체보기 해야할 일 완료한 일 * 전체적인 프로젝트 진행방향은 블랙커피스터디9기를 참여하여 미션내용과 동일하게 진행하되 Vue.js로 구현하였습니다. NEXTSTEP edu.nextstep.camp

이클립스에서 톰캣서버를 사용하여 이미지 업로드 로컬테스트 도중 프로젝트 우클릭 경로로 이미지 업로드 경로를 잡아놓고 ftp로도 저장을 해주었을 때 이미지 업로드는 예상대로 아주 잘 됨 근데, 이 업로드된 이미지를 img태그 src경로로(img src =“http://localhost/img”이런식) 불러오면 안 보이고 해당 프로젝트 한 번 새로고침해주면 잘뜸. 이유는 프로젝트는 was의 배포경로에서 실행되게 되는데 이클립스+톰캣으로 개발시 이클립스가 소스 변경이 감지될 때마다 자동으로 톰캣 배포 경로로 소스를 복사해주고 배포 경로에서 소스가 실행되게 됨. 결론적으로 이클립스 워크스페이스 경로와 톰캣에 배포된 소스의 경로는 다름 . 그니까 이미지 업로드시 바로 was배포경로로 업로드 해주면 됨. *was배..

1. 이클립스에서 실행파일 생성을 위한 Runnable jar파일 생성방법 1-1. [프로젝트 우클릭 - Export - Export ..] 클릭 1-2. 'Runnable JAR file' 선택 후 'Next>'버튼 클릭 1-3. 항목 체크 후 'Finish'버튼 클릭 [Launch configuration] : 실행파일로 만들 프로젝트 선택 *혹시 리스트에 프로젝트가 없으면, 해당 프로젝트 Main.class 실행 후 다시 시도하면 생김. [Export destination] : 실행파일을 둘 경로와 실행파일명 설정 [Library handling] : 'Extract required libraries generated JAR' 체크 1-4. 자신이 실행파일을 둘 경로로 가보면 '프로젝트.jar'파일..

[문제상황] 안드로이드 웹뷰에서 maxlength체크 안되는 현상발생. input type="tel" maxlength="3" 으로 적용 후 확인해 보니 최대 길이를 체크못하고 계속 입력됨(IOS에서는 잘됨). keycode 확인해보니 input type="tel"일 경우 입력되는 숫자를 특수한문자로 인식. *참고로 input type="tel"로 적용한 이유는 IOS에서 숫자 키패드를 띄우기 위함. input type="number"로 할 경우 IOS에서 숫자키패드를 띄울 수 없어서 input type="tel"로적용 후 pattern을 적용함. [해결] 아래 함수를 적용하여 해결함. function maxLengthCheck(object){ if(object.value.length > object.m..