어리둥절 분석가 그리고 개발자

✔️ 필요성 위경도 점이 2개 있으면 인간이라면 거리를 구합니다. ✔️ 거리 구하는 function 만들기 dist

✔️ 필요성 ggplot으로 x축이 날짜인 그래프를 그렸다. 그리고 내가 원하는 특정 날짜마다 포인트를 주기 위해서 세로선을 그리고 싶다. 그런데 일일이 날짜를 계산해서 geom_vline을 추가하려니 힘들다. for loop을 활용해보자. ✔️ 활용 예제 # 그림 그리기 p = data %>% mutate(time = ymd(dt)) %>% ggplot() + geom_line(aes(x=time, y=cnt, group=region)) + facet_wrap(~region, scales='free_x') + theme_bw() + theme(legend.position = 'top') + xlab('') + ylab('') + scale_y_continuous(labels = scales::comma..

✔️ 필요성 데이터를 확인할 때 다른 것보다 우선적으로 결측치를 확인하고 적절한 값으로 대치하는 것은 너무나 중요합니다. ✔️ 결측치 확인하기 #데이터셋 전체에 대해서 결측치 확인하기 sum(is.na(dataset)) ✔️ 결측치 삭제하기 # 결측치 있는 행 삭제 dataset_without_na = na.omit(dataset) ✔️ 결측치 대치(impute)하기 # dplyr 활용하기 data_impute = data %>% mutate(col = ifelse(is.na(col), 0, col)) # replace_na 활용해서 1개 컬럼 impute data_impute = data %>% mutate(col = replace_na(col, 0)) # replace_na 활용해서 2개 이상 컬럼 ..

✔️ 필요성 오랜만에 깃헙에서 git clone을 하니 로그인을 하라고 합니다. 그렇게 오랫동안 새 repository에 로그인을 안 했었나 어리둥절하며 id와 password를 사용하니 아래와 같이 personal access token을 사용하라고 합니다. 예전에 만들었었는데 시간이 지나며 다시 만들어야 하는 것 같네요. remote: Support for password authentication was removed on August 13, 2021. Please use a personal access token instead. remote: Please see https://github.blog/2020-12-15-token-authentication-requirements-for-git-ope..

✔️ 문제상황 styled-component 공식문서에서 시키는대로 props에 따라서 스타일링을 다르게 하고 싶은데, 무엇인가 속성이 또 없다고 합니다. 왠지 typescript 때문인 것 같습니다. ✔️ 해결 styled-component 부분에서 generic을 활용해서 style에서 활용하는 props의 type값을 지정해주면 됩니다.

✔️ 문제상황 공식문서에서 시키는대로 theme.ts를 만들고 그걸 활용하려고 하는데 아래와 같이 DefaultTheme 형식에 colors 속성이 없다고 한다. 아...네... 이것이 모두 typescript를 쓴 제 잘못입니다... 애증의 tsc ✔️ 해결하기 root 디렉토리에 styled.d.ts라는 파일을 만들고 theme.ts의 형식을 DefaultTheme이라는 이름으로 지정해준다. typescript에서 지양하는 any를 쓴 건 눈감고 지나가주세요~ // styled.d.ts import 'styled-components'; // styled-components안에 들어있는 DefaultTheme 형식 지정해주기 declare module 'styled-components' { export..

✔️ 필요성 React Native에서 컴포넌트를 이미 만들어둔 다음에, 사용할 때 margin이나 padding만 조금 더 추가해서 쓰고 싶은 적 없으신가요?!! 맨처음부터 확정된 margin을 줘버리면 나중에 위치 레이아웃할 때 싹 다 꼬인다구요! 그러면서도 CSS와 JS를 깔끔하게 분리해서 코드 짜고싶은 마음 저만 있는거 아니죠...? styled-components를 활용하면 가능합니다. ✔️ 참고 styled-components 공식 문서를 보면 나와있긴 합니다만 styled-components: Basics Get Started with styled-components basics. styled-components.com ✔️ 활용 예제 SectionTitle이라고 메뉴의 타이틀을 나타내는 글..

✔️ 필요성 React Native에서 아이콘을 하나 만들어서 쓰는데, 위치에 따라 색깔이 바뀔 수도 있고 크기만 바꿔서 여러군데에서 사용하고 싶을 때가 있습니다. 즉, svg 파일의 크기와 색깔을 자유롭게 스타일링하고 싶습니다. ✔️ React Native에서 svg 파일 불러오도록 설치 필요 React Native에서 svg 파일을 불러와서 사용하기 위해서는 react-native-svg 그리고 react-native-svg-transformer 패키지를 설치해야 합니다. 단순히 설치 이상으로 설정해주어야 하는 것이 있기 때문에 아래 포스팅을 참고해서 설치를 끝내도록 합시다. React Native에서 svg 파일 사용하기 1) xml로 불러오기 React Native에서 svg를 불러올 때에는 re..

React Native에서 스크린의 세로를 꽉 채우는건 flex: 1로 쉽게 할 수 있을 것 같은데, 스크린의 가로를 꽉 채우는게 생각보다 쉽지 않다. 흔히들 먼저 떠올리는 100%를 써봤는데 안된다 이 때는 react-native에서 제공하는 Dimensions를 활용하면 된다 import {Dimensions} from 'react-native'; const fullWidth = Dimensions.get('window').width const fullHeight = Dimensions.get('window').height border-radius를 고정값으로 설정하면, 화면 사이즈에 따라서 굴곡의 비율이 달라질 수 있다. 이런 문제 또한 전체 스크린 사이즈를 받아서 그 일부 비율로 설정해주면 해결할..

React Native의 기본 StyleSheet를 활용할 때에는 아래와 같이 이 pressed 되었을 때를 꾸밀 수 있다 [ styles.submit, Platform.OS === 'ios' && pressed && styles.submitPressed, ]} android_ripple={{color: '#42a5f5'}} onPress={onPress}> 회원가입 const styles = StyleSheet.create({ submit: { marginTop: 24, backgroundColor: '#2196f3', height: 56, borderRadius: 4, alignItems: 'center', justifyContent: 'center', }, submitPressed: { opacit..