어쨌든 공부하는 블로그

Debug.Log('complete');어떤 문장을 로그로 출력하려고 했는데 위와 같은 에러가 떴다 이유는 char 타입으로 한 개 이상의 문자를 전달하려고 했기 때문 C#에서 Char 타입은 문자 한 개를 가르키고, 'A' 와 같은 식으로 홑따옴표를 사용해서 표현하고, String은 "ABC" 와 같은 식으로 쌍따옴표를 사용해서 표현해야 컴파일 에러가 나지 않는다 (자바스크립트에서는 혼용해도 문제 없어서 아무 생각 없이 C#에서도 혼용한 듯하다) Debug.Log("complete");이런 식으로 수정해 주었다

매칭 버튼을 누르면 매칭 중 모달이 뜨고, 2초 뒤에 매칭 완료 화면으로 넘어가는 기능을 구현해 보았다그런데 매칭 중 모달에서 취소 버튼을 누르면 매칭을 취소 시키고, 매칭 완료 화면으로 넘어가지 않게 해야 했어서 그 부분 구현한 것을 기록해 보겠다const [modalVisible, setModalVisible] = useState(false);const timeRef = useRef(null);const startMatching = () => { setModalVisible(true); timeRef.current = setTimeout(() => { setModalVisible(false); navigation.navigate('Done'); }, 2000)..

진행 중인 프로젝트에서 모달 창이 필요했는데, react native에서 제공하는 기본 Alert 스타일은 스타일 편집이 불가해서 그냥 새로 컴포넌트 형태로 만들었다export default class AlertModal extends Component { constructor(props) { super(props); } render() { return ( { this.props.setModalVisible(false); }} > ) }}우선 위와 같이..

1.https://dotnet.microsoft.com/ko-kr/download/visual-studio-sdks Visual Studio용 .NET SDKVisual Studio용 .NET SDK 찾아보기 주 다운로드 페이지를 방문하여 Linux 및 macOS를 포함한 모든 .NET 다운로드를 확인하세요.dotnet.microsoft.com.NET을 자신의 컴퓨터에 맞는 버전으로 설치한다  2.Visual Studio code에서 C# Extension을 설치해 준다C# 검색하면 바로 뜬다나의 경우 기존에 visual studio code를 unity와 연결해서 사용하느라 c# 관련 extension들을 설치해두었던 게 있어서 두 개 다 설치되어 있는데, 아래쪽에 보이는 확장만 설치해도 된다고는 한다..

const removeSpace = text => (text.replace(/\s/g, ''))const checkValue = () => { if (removeSpace(editTitle) == '') { console.log('제목을 입력해 주세요.'); } else if (removeSpace(editContent) == '') { console.log('내용을 입력해 주세요.'); } else { navigation.pop(); }}공백(space, tab)의 정규표현식은 '/\s/g'이다따라서 str.replace를 사용해 공백을 전부 없애 준 뒤 남은 문자열을 확인하여 제목이나 내용에 공백만 들어간 상태라면 안내 문구가 뜨도록 작성할 ..

위와 같이 게시글 제목과 내용을 입력받아 볼 것이다const [title, setTitle] = useState('');const [content, setContent] = useState('');우선 useState를 사용하여 변수를 선언해 준다배열에서 첫번째 오는 건 변수명, 두번째 오는 것은 해당 변수의 값을 변경할 함수명이다useState()에 인자로 기본값을 넘겨줄 수 있다  { setTitle(text) }} style={style.TitleText } placeholder='게시글 제목을 입력해 주세요.' /> { setContent(text) }} style={ style.ContentText } multiline={true} placeholder='스터디 내용을..

게시글 리스트(FlatList) 위에 고정된 위치에 글쓰기 버튼을 만들어야 하는데, position을 absolute로 주어 쉽게 설정할 수 있다WriteButton: { position: 'absolute', bottom: 20, right: 20, borderColor: '#5678F0', borderWidth: 3, borderRadius: 50, width: 60, height: 60, justifyContent: 'center', alignItems: 'center', backgroundColor: '#ffffff'}위와 같이 스타일을 설정하였는데, position을 absolute로 설정했으면 top/bottom/left/right를 ..

이어서 위쪽에 언어 선택 카테고리를 만들어 볼 건데, 직접 만들어도 되지만, 컴포넌트 소스 코드가 있길래 그냥 사용했다 https://github.com/zengkm/react-native-select-button GitHub - zengkm/react-native-select-button: A react native buttton component for single selection and multi selectionA react native buttton component for single selection and multi selection - zengkm/react-native-select-buttongithub.com 그런데 내가 만들어야 하는 카테고리의 경우, 맨 처음 들어가면 '전체' 버..

https://reactnavigation.org/navigation은 위 라이브러리를 사용했다  ( navigation.navigate('Search')}> ) }} name='Board' component={boardList}/>원래는 이런 식으로 Navigation Screen들을 나열할 때 헤더를 설정해 줄 수 있다하지만 검색 버튼을 누르면 검색창으로 이동해야 했는데 저 위치에서는 navigation을 이용해 search 페이지로 이동할 수 없기 때문에, useEffect를 사용해서 boardList component 내에서 헤더를 설..