javascript, framework (68) 썸네일형 리스트형 classnames 설치, Lodash, axios 설치 npmjs https://www.npmjs.com/ Lodash 라이브러리 https://lodash.com/ https://lodash.com/docs/4.17.15 npmjs.com 에서 참고 npm install axios step02_event_emit 만약 npm install이 되지 않은 vue 폴더를 받았을 경우 아래의 작업(npm install)을 해줘야한다. cd.. -> 상위폴더로 이동 cd 폴더명 -> 해당 폴더로 이동 npm install -> npm 설치 npm run serve -> 서버 동작 결과물이 만들어진다면 npm run build 로 추출할 수 있다. 그러면 dist 파일안에 결과물이 만들어진다. 그것을 이클립스 webapp 폴더에 넣으면 잘 작동한다 프로젝트 WEB-INF의 web.xml에 입력해서 개발단계에서 서버가 두개 실행되게 잠시 활용할 수 있다, CorsFilter org.apache.catalina.filters.CorsFilter cors.allowed.origins * cors.allowed.methods GE.. step01_hello 2022.09.19 - [시작하기] - node js 설치하기 2022.09.19 - [시작하기] - node js 시작하기 복습 보안 문제로 PowerShell이 오작동하는 경우가 있다고 하니 대체 가능한 프롬포트에서 경로설정을 하고 다시 작업했다. 원래는 npm, npm install -g @vue/cli 를 했지만 직전 게시글에서 이미 설치한 이후였기 때문에 npm만 하고 install은 skip 했다. 프롬포트에서 작성한 코드 cd 폴더 경로 vue create step01_hello cd step01_hello npm run serve vue component 기본구성 --예제 App.vue Vue js 시작입니다 눌러보셈 눌러보셈2 {{msg}} 당신의 이름은 {{myName}}이군요 당신의 .. Step09_example Step09_example 전송 하나 두울 input에 문자열을 입력하고 전송 버튼을 누르면 글자가 생긴다. 생성된 글자에 마우스 오버를 하면 효과가 나타난다. 생성된 글자를 누르면 삭제된다. -> $(this).remove Step09_example2 append와 appendTo 사용법 번호 이름 주소 1 김구라 노량진 td1, td2, td3 변수를 적절히 만들어서 append와 appendTo를 활용해서 tbody안에 입력하였다. Step09_example3 for 활용 예제 번호 이름 주소 출력하기 Step09_example4 Step09_makeElement Step08_regExp(정규표현식 활용 예제) Step08_example 아이디 비밀번호 전화번호 가입 Step08_example2 Step08_regExp Step08_regExp2 추출하기 Step07_form (폼) Step07_form 오렌지 애플 바나나 남자 여자 전송 Step07_form2 이메일 비밀번호 비밀번호 확인 가입 Step06_animate (트랜지션, 이동) Step06_animate Step06_example move move2 step05_effect (사라졌다 나타나는 효과들) step05_effect .show .hide .toggle 숨기기 보이기 토글 step05_effect2 .hide 숨기기 보이기 토글 .hide를 활용하여 duration과 alert 기능을 추가하였다. 이렇듯 숫자 혹은 메소드를 안에 적어 활용하는 경우가 있다. .hide 관련 정보 https://api.jquery.com/hide/#hide step05_effect3 fadeIn fadeOut fadeToggle 숨기기 보이기 토글 step05_effect4 slideIn slideOut slideToggle 숨기기 보이기 토글 이전 1 2 3 4 ··· 9 다음
