[Vue3] ON/OFF Toggle 만들기
이 블로그 보고 만들었음. 나는 Vue.js & SCSS로 만들어봄. 1. View.vue 작성 ... 생략 ... ... 생략 ... On, Off 넣어주고 싶었는데 어떻게 해야 편하게 넣을 수 있을까 고민해봄. span으로 넣었더니 value 넣어줄 때 귀찮아짐. 조금 고민하다가 input type을 text로 줌. disabled 해주면 값도 안 바뀌고 괜찮을 것이라 생각했음. span이 움직이는 구체 역할을 해줄것임. 2. SCSS 작성
[SwiftUI] image 위에 image 얹기(ZStack)
지난번 코드 작성 후에 좀 바꼈음. 선택된 이미지를 지울 수 있게 코드를 수정하고 이미지 위에 -를 추가하여 취소 할 수 있음을 표시함. ... 생략 ... ForEach(0.. some View 이걸 쓰면 될 것 같음. 예제 내용 보고 -이미지 추가한 곳에 코드 추가 수정함. ... 생략 ... Image(systemName: "minus.circle.fill") .resizable() .frame(width: 15, height: 15) .tint(.red) .padding(EdgeInsets(top: 3, leading: 70, bottom: 40, trailing: 0)) ... 생략 ... 끝!
[Vue.js 3] 버튼 클릭하여 페이지 이동하기(Router)
로그인 버튼을 클릭하면 휘리릭 처리되서 화면이 이동되게 만들고 싶었다. vue.js 2에서는 그냥 src/router/index.js 잘 작성해두고 Login.vue에서 this.$router.push('/home'); //login에서 home으로 이동 이 한 줄이면 됐는데 안 된다. 3시간동안 삽질한 결과 Login.vue에서 script에 import { useRouter } from 'vue-router'; 하고 export default { name: 'Login', setup: () => { const router = useRouter(); const userid = ref(''); const userpw = ref(''); const loginStrart = () => { // 버튼 클릭 시..