계속 개발하고 싶은 고래

깃헙에서 프로젝트를 클론해와서 안드로이드 스튜디오로 실행한 후에 pub get을 하면 Dart SDK 버전이 맞지 않다면서 에러를 뿜고 멈추는 경우가 있었다. 내 경우는 간단해서 flutter upgrade를 하면 해결되었다 너무 간단한가...

플러터에서 토스트 띄우려고 fluttertoast 적용했더니 이런 메시지가 떴다. 참고로 지금 사용 중인 노트북은 M1 칩 들어있는 맥북프로다. 그래서 구글 검색을 해보니 아래 스택오버플로우의 답변에 온갖 해결 방법이 달려있었다. https://stackoverflow.com/questions/54135078/how-to-solve-error-running-pod-install-in-flutter-on-mac How to solve "error running pod install" in flutter on mac? I have an error when I tried to launch my project on my iPhone, the basic Flutter example is working on my ..

create-react-app으로 프로젝트 셋팅하고 tailwind css 추가하려고 하니까 별 에러가 다 나와서... 다 지우고 공식 문서에 나온대로만 따라했더니 이제야 잘 된다.. 1. 타입스크립트가 적용된 리액트 프로젝트 셋팅하기 나는 create-react-app 을 사용해서 프로젝트를 셋팅할거다. create-react-app 홈페이지에 나와있는 아래의 명령어를 실행한다. npx create-react-app my-app --template typescript 2. tailwind css 설치하고 적용하기 tailwind css 공식 홈페이지에 나온대로 명령어를 실행한다. npm install -D tailwindcss postcss autoprefixer 그 다음 아래 명령어를 실행하면 tai..

결론: create-react-app으로 리액트 프로젝트 만들 때, 프로젝트 이름에 'react' 넣지 말자^^ 리액트 프로젝트 만들 때 많이 사용하는 마법의 명령어 npx create-react-app begin-react 를 쳤는데 아래와 같은 에러가 나왔다. 구글링 해서 아래 명령어들 다 해봤는데 여전히 create-react-app이 안 먹힌다! npm uninstall -g create-react-app npm i create-react-app 이렇게 해서 다시 설치도 해보고 npx clear-npx-cache 이것도 해보고... 그러다 순간 든 생각이 '프로젝트 이름에 react가 들어가서 그런가?' 였다. 그냥 리액트 공부용으로 만들 프로젝트라서 대충 npx create-react-app b..

자바스크립트에서 화살표 함수는 아래처럼 생겼다. const callMe = () => { return '전화해' } 이렇게 한 줄 짜리 간단한 함수는 return 키워드와 대괄호를 생략해서 한 줄로 작성할 수도 있다. const callMe = () => '전화해' 여기까지는 익숙하다. 그런데 유튜브에서 제로초 채널에 올라온 자바스크립트 영상을 보다가 화살표가 두 개인 화살표 함수를 보고 순간 당황했다. '저건 뭐지..?' const callMe = () => () => '전화해' 대괄호가 없으니 return 키워드가 생략된 함수일 것이다. 그렇다면 정신차리고 다시 return을 넣어보면... const callMe = () => { return () => '전화해' } 이제 좀 구조가 보인다. '전화해..

board라는 이름의 테이블에 id, title, content 라는 컬럼이 3개가 있다고 가정하자. 보통 id 컬럼은 PK이며 auto increment로 자동으로 증가되도록 설정 되어 있기 때문에 title, content 컬럼에만 데이터를 넣으면 된다. 데이터를 넣는 insert 쿼리는 기본적으로 아래처럼 생겼다. INSERT INTO 테이블이름 (컬럼1, 컬럼2, ...) VALUE (컬럼1에넣을값, 컬럼2에넣을값, ...) 이걸 이용하여 board 테이블에 데이터를 추가하려면, INSERT INTO board (title, content) VALUE ('제목입니다', '내용이구요') 이렇게 하면 된다.

가끔 나는 아무것도 안했는데 Invalid VSC root mapping 어쩌구 하면서 저런 경고창이 나올 때가 있다. Configure 라고 되어있는 파란색 글자를 클릭하여 간단히 해결할 수 있다. Configure를 클릭하면 아래와 같은 창이 나온다. 저렇게 빨갛게 표시된 부분이 뭔가 잘못된 것이 있는 것이다. 빨간 부분을 클릭하고 그 위의 연필 모양을 클릭한다. 그러면 위와 같은 창이 뜨는데 VCS 부분에 Git으로 되어있던 부분을 위처럼 none으로 바꾸고 OK를 눌러주면 해결.

출처: https://www.hackingwithswift.com/books/ios-swiftui/sharing-an-observed-object-with-a-new-view Classes that conform to ObservableObject can be used in more than one SwiftUI view, and all of those views will be updated when the published properties of the class change. ObservableObject 프로토콜을 준수하는 클래스라면 여러 개의 SwfitUI 뷰에서 사용할 수 있다. 그리고 그 클래스의 프로퍼티(@Published가 붙은 프로퍼티)에 변동 사항이 있을 때, 이 클래스를 지켜보고 있..

property observer는 단어 그대로 '프로퍼티 관찰자'이다. 왜 관찰할까? 관찰하고 있던 property에 변동이 생겼을 때 필요한 작업을 하기 위함이다. didSet은 '관찰하고 있던 프로퍼티에 값이 셋팅 되었으니 무언가를 하자!' 이고 willSet은 '관찰하고 있던 프로퍼티에 값이 셋팅 되려고 하니 무언가를 하자!' 이다. did과 will이라는 단어 그대로다. 프로퍼티에 값이 '셋팅된 후'에 무언가를 하느냐와 값이 '셋팅 되려고 할 때' 무언가를 하느냐다. 그러면 '무엇'을 하면 좋을까? 아래는 스위프트 공식 문서의 Properties 챕터 중 property observer에 관한 샘플 코드다. // 출처: https://docs.swift.org/swift-book/LanguageG..

프로그래밍에서 어떤 언어를 사용하던 시간, 날짜 다루는 것은 정말 까다롭다. Swift도 마찬가지인데, 자바스크립트 였으면 moment 같은 라이브러리를 사용했을 법한 것들을 iOS가 어느 정도 처리해주는 것 같다. Text(Date.now, format: .dateTime.day().month().year()) // 2022년 3월 15일 Text(Date.now, format: .dateTime.hour().minute()) // 오전 11:48 Text(Date.now.formatted(date: .long, time: .shortened)) // 2022년 3월 15일 오전 11:48 Text(Date.now.formatted(date: .long, time: .omitted)) // 2022년 ..