[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)) ... 생략 ... 끝!
[React] webpack < 5 used to include polyfills for node.js core modules by default.
webpack 5 이상 부터는 노드 모듈을 추가하려면 따로 설정해야한다. 참고1 : webpack 5에서 노드 모듈을 폴리필하는 방법 참고2 : git pr 해결 방법은 여기서 참고했음. 이것 땜에 뷰에서도 따로 설정했듯이 리액트도 해줘야 함. 아니면 그냥 webpack 버전 낮추면 됨. 나는 낮추기 싫으니까 따로 설정하기로 함. 1. 사라진 친구들을 설치해줌. npm install --save-dev react-app-rewired crypto-browserify stream-browserify assert stream-http https-browserify os-browserify url buffer process 2. config-override.js 파일 생성 후 작성 const webpack =..