Language46 자바스크립트로 클래스 이벤트 추가하기 개발을 하다보면 공통으로 사용하는 이벤트인 경우 클래스로 공통된 기능을 구현하고, 이벤트 리스너를 이용해 추가를 하면 공통된 기능을 어느 태그에서나 사용가능하다. 그래서 이번에는 클래스로 이벤트가 추가해 사용할 수 방법을 알려주려고 한다. 위의 화면은 파일 업로드/다운로드/삭제 기능이 있는 화면이다. 여기에서 삭제버튼이 공통된 삭제 기능을 가지고 있어서 삭제 기능을 클래스로 묶어서 구현으로 하려고 한다. 먼저 html 태그에 클래스에 삭제기능을 구현할 명칭을 추가한다. 다운로드 태그에서 type 이 button의 클래스에 delete-btn 을 추가했다. 자바사크립트에 이 클래스에 대한 기능을 추가한다. const deleteBtn = document.getElementsByClassName('delet.. 2024. 2. 15. SwiftUI 에서 Binding이란 무엇인가? Binding은 자식 뷰에 값을 전달하여 변경된 값을 적용시키기 위해 Binding 을 사용한다. 기본 코드 struct BindingView: View { @State private var isShowing: Bool = false var body: some View { VStack { if isShowing Text("Show View") else Text("Hide View") button(isShowing: $isShowing) } } } struct button: View { @Binding var isShowing: Bool var body: some View { Button(isShowing? "SHOW" : "HIDE") { isShowing.toggle() } } } struct Cont.. 2023. 1. 9. SwiftUI 에서 State와 Binidng을 이용하 화면 변경하기 기본 코드 struct Book { let title: String let author: String } struct bookReading: View { let book = Book(title: "Apple", author: "Happy virus") @State var isReading = false var body: some View { VStack { Text(self.book.title) .font(.title) .foregroundColor(self.isReading ? .blue: .white) Text(self.book.author) .font(.footnote) .foregroundColor(.secondary) readingButton(isReading: $isReading) } .pad.. 2023. 1. 7. SwiftUI 에서 데이터 다루기 (@State, @ObservedObject) 사용자가 버튼을 누르거나 스크롤을 하거나 특정행동을 하면 State 즉 상태가 변경된다. 이후에 State 가 변경되면 자동으로 변환시켜주는 일을 한다. 사용자 인터페이스를 업데이트를 한다. 상태를 변경할 때마다 body 속성이 재설정된다. 뷰 자체가 다시 랜더링된다. 즉 State 를 변경할 때마다 항상 새로운 View 에서 랜더링 된다. @State 는 struct 를 필수적으로 사용해야 한다. @State 기본 코드 struct User { var firstName = "" var lastName = "" } struct ContentView: View { var body: some View { VStack { Text("당신의 이름은 \\(user.fristName)\\(user.lastName).. 2023. 1. 5. 이전 1 2 3 4 ··· 12 다음
