Web17 [WebSquare] 웹스쿼어 5 관련 설정 정보 및 단축키 * 관련 설정 정보 /ws5/WebContent/websquare/config.xml /WebSquare Configure/client.config.xml Dev 탭 > debugMenu : >> ctrl+오른쪽 클릭시 나오는 디버그 모드 사용 조정 Js 탭 >> 공통 js 파일 UI/UX >> 공통 css * 단축키 화면보는 빨간아이콘 단축키 - F7 컴포넌트 클릭 + F1 - 헬프창 뜬다 Outline > Head -> 복사할내용 선택 + F2 -> ctrl+c 하면 데이터컬렉션이나 서브미션 정보가 복사된다 2023. 5. 27. [Thymeleaf ] href 태그에 여러개의 파라미터 추가 th:href 태그에 여러개의 파라미터 추가 시 th:href = "@{url(파라미터1(키=값), 파라미터2(키=값)...)}" 1) 2) 3) 화면에서 렌더링 된거 보면 아래와 같이 나온다 스크린샷 2023-04-16 193711.png(52kb) 2023. 5. 3. [vue] TransitionGroup * TransitionGroup - tag 속성에 애니메이션이 들어갈 HTML 태그 이름(p,ul,section..)을 지정한다 - name 속성은 이후에 추가할 css 클래스와 연관 - 태그에 :key 추가한다. 목록에 애니메이션을 적용하려면 안의 대상 태크에 :key 속성을 꼭 지정해야한다. {{ item }} --css 2023. 5. 2. [vue] TODO App 만들기_1 * 핵심 - 데이터 전달 상위->하위 props 로 데이터 전달 - 하위->상위 이벤트 실행 this.$emit('addTodo', value); 참조) * todoapp 동작 https://vuejstodo-aa185.firebaseapp.com/ * do it todoapp 소스 https://github.com/joshua1988/doit-vuejs GitHub - joshua1988/doit-vuejs: 'Do it! Vue.js 입문' 책 예제 코드 저장소 'Do it! Vue.js 입문' 책 예제 코드 저장소. Contribute to joshua1988/doit-vuejs development by creating an account on GitHub. github.com 2023. 5. 1. 이전 1 2 3 4 5 다음